/* Code-Datum: 17.04.2021 - peru
Basis war Template: 4214, Author: TS
Redesign: 01.12.2020 peru
*/

/*********** Page */
#page-bottom, #page-top {
  background-color: #000;
  height:15px;
}
#page-top {border-bottom:1px solid #808080;}
div#container {
  width:100%;
  margin:0 auto;
  border-bottom:1px solid #e6e6e6;
}
div#container .wrap {
  background: #fff url(https://u.jimcdn.com/cms/o/layout/l04c9e27ff64c0d01/img/divider.gif) 71.9% 0 repeat-y;
  width: 96%;
  max-width:1225px;
  min-width:614px;
  margin: 0 auto 20px auto;
}
div.clear {clear:both;}

/*********** Fonts */
h1,h2,h3 {
  line-height: 1.5em;
  padding:15px 0 5px 0 !important;
}

/*********** Navigation */
#nav-top {
  position:fixed;
  top:0px;
  height:57px;
  z-index:20000;
  background: #333; /* Old browsers */
  background: -moz-linear-gradient(top,  #424242 0%, #111111 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(100%,#111111)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #424242 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #424242 0%,#111111 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #424242 0%,#111111 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #424242 0%,#111111 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
  width:100%;
}
div#nav-top .gutter {
  width: 96%;
  max-width: 1225px;
  min-width: 950px;
  margin: 0 auto;
}
ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
  margin:0;
  padding:0;
  list-style-type:none;
}
#mainNav2 {margin:0 0 30px;}
ul.mainNav1 li {float:left;}
ul.mainNav1 li a, ul.mainNav1 li a:visited {
  float:left;
  outline:none;
  text-decoration:none;
  color:#e6e6e6;
}
ul.mainNav1 li a.current, ul.mainNav1 li a.current:visited{color:#fff;}
ul.mainNav2 li a,
ul.mainNav3 li a {
  display:block;
  border:0;
  outline:none;
  text-decoration:none;
  font-size: 1.15em;
  color:#999;
  border-left: 6px solid #fff;
}
ul.mainNav1 li a.current:hover {color:#a0a0a0;border-bottom:6px solid #FFAFAF}

ul.mainNav2 li a::first-letter {
}

ul.mainNav2 li,
ul.mainNav3 li {border-bottom: 1px dotted #CCC;}
ul.mainNav3 li:last-child {border-bottom: none;}
ul.mainNav3 li a, ul.mainNav3 li a:visited {font-size: 1em;}
ul.mainNav3 li a span, ul.mainNav3 li a:visited span{padding-left:15px;}
ul.mainNav1 li a, ul.mainNav1 li a:visited { 
     padding:19px 9px; 
     font-size:12px;
}
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:10px  20px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:6px  20px; }
ul.mainNav1 li a:hover {
  padding-bottom:13px;border-bottom:6px solid #FFAFAF;
  background: #7e7e7e; /* Old browsers */
  background: -moz-linear-gradient(top,  #7e7e7e 0%, #3f3f3f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #7e7e7e 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #7e7e7e 0%,#3f3f3f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #7e7e7e 0%,#3f3f3f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #7e7e7e 0%,#3f3f3f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */

}

ul.mainNav1 li a.current, ul.mainNav1 li a.current:visited,
ul.mainNav1 li a.parent,  ul.mainNav1 li a.parent:visited{
  padding-bottom:13px;border-bottom:6px solid #DD0606;
  background: #555; /* Old browsers */
  background: -moz-linear-gradient(top,  #5e5e5e 0%, #3f3f3f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #5e5e5e 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #5e5e5e 0%,#3f3f3f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #5e5e5e 0%,#3f3f3f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #5e5e5e 0%,#3f3f3f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */
}
ul.mainNav2 li a.current,
ul.mainNav2 li a.parent,
ul.mainNav3 li a:hover,
ul.mainNav3 li a.current {
  color:#000;
  border-left: 6px solid #DD0606;
}

ul.mainNav2 li a:hover {
  color:#000;
  border-left: 6px solid #FFAFAF;
}


/*********** Emotion header */
div#emotion-header-container {
  background-color: #DD0606;
  width:100%;
  margin-top:57px;
}
#emotion-header-container .gutter {
  width: 96%;
  max-width: 1225px;
  min-width: 614px;
  height:100%;
  margin: 0 auto;
  background-color:#333;
}
div#emotion-header {
  width: 100% !important;
  max-width: 1225px;
}
#logo-small {
position:fixed;
top:0px;
left:0px;
width:115px;
height:57px;
background-color:#33AAAA;
background-image:url('https://u.jimcdn.com/cms/o/s91fbf76c3f9c3b9a/userlayout/img/mcflogo.png?t=1606904772')
}
/*********** Content */
div#content {
  float:left;
  width: 69%;
  padding: 20px 1.5%;
  max-width: 885px;
  min-width: 418px;
}
.bx-caption span {
padding: 0px !important;
}

/*********** Sidebar */
div#sidebar {
	float: left;
  width: 28%;
	max-width: 340px;
  min-width: 170px;
}
div#sidebar-bottom {padding: 10px 15px;}

/*********** Footer */
div#footer {
  background-color: #f9f9f9;
	width:100%;
  margin:0;
  border-top:1px solid #fff;
}
div#footer .gutter {
  padding: 20px 1.5%;
  width: 93%;
  margin: 0 auto;
  max-width: 1175px;
  min-width: 574px;
}
div#footer, div#footer td, div#footer p, div#footer a, div#footer a:visited {color:#777;}
div#footer a:hover {color:#444;}
div#contentfooter div.leftrow {
  float: left;
  width: 50%;
}
div#footer .rightrow {float: right;}
div#footer .leftrow > a {
font: normal 1.1em/150%;
}

/* 2026.02.15 */
.titel {
	margin: 0cm 0cm 26px 70.95pt;
	font-size: 21pt;
	font-weight:bold;
	font-family: Calibri, sans-serif;
	line-height: 20.05pt;
}
.subtitel {
	padding: 14pt 0cm 10px 70.95pt;
	font-size: 14.5pt;
	font-weight:bold;
	font-family: Calibri, sans-serif;
	line-height: 14.05pt;
}
.lauftext {
	margin: 0cm 0cm 3px 70.95pt;
	font-size: 10.5pt;
	font-family: Calibri, sans-serif;
	line-height: 14.85pt;
}
.liste {
	margin: 0cm 0cm 3px 100pt;
	font-size: 10.5pt;
	font-family: Calibri, sans-serif;
	line-height: 14.85pt;
	text-indent: -10pt;
}
.mcf_titel {
	margin: 0cm 0cm 0px 50pt;
	font-size: 16pt;
	font-weight:100;
	font-family: Cavolini, Calibri, sans-serif;
	line-height: 20pt;
	text-align:center;
}
.mcf_subtitel {
	margin: 0cm 0cm 0px 50pt;
	padding:14px;
	font-size: 15pt;
	font-weight:bold;
	font-family: Cavolini, Calibri, sans-serif;
	line-height: 16pt;
	text-align:center;
}
.mcf_lauftext {
	margin: 0cm 0cm 3px 50pt;
	font-size: 12pt;
	font-family: Cavolini, Calibri, sans-serif;
	line-height: 15pt;
	text-align:left;
}
.mcf_lauftextfett {
	margin: 0cm 0cm 3px 50pt;
	pading:10px 0 10px 0;
	font-size: 12pt;
	font-family: Cavolini, Calibri, sans-serif;
	font-weight:bold;
	line-height: 15pt;
	text-align:left;
}
.mcf-liste ul {
  list-style: disc;
  padding-left: 10px;
}
.mcf-liste li {
  text-indent: -0px;
  padding-left: 10px;
}
.mcf_liste {
	margin: 0cm 0cm 3px 50pt;
	font-size: 12pt;
	font-family: Cavolini, Calibri, sans-serif;
	line-height: 15pt;
	padding:0 0 0 50pt;
	text-align:left;
}
.kasten {
	width: (calc 100% - 24px);
	backgrund-color: #ffffff; 
	border: 2px solid #ff0000; 
	border-radius: 12px; 
	text-align: center; 
	padding: 12px 12px 4px 12px; 
	margin-bottom: 16px; 
}
.kurs_block {
	display:block;
	width:100%;
	background-color:#ffffff;
	border-bottom:3px solid #aaaaaa;
	margin-bottom:6px;
}
.kurs_titel {
	margin: 0cm 0cm 15px 0pt;
	font-size: 16pt;
	font-weight:100;
	font-family: Cavolini, Calibri, sans-serif;
	line-height: 20pt;
	text-align:left;
}
.kurs_subtitel {
	margin: 0cm 0cm 0px 0pt;
	padding:0px;
	font-size: 15pt;
	font-weight:bold;
	font-family: Cavolini, Calibri, sans-serif;
	line-height: 16pt;
	text-align:left;
}
.kurs_lauftext {
	margin: 0cm 0cm 3px 0pt;
	font-size: 12pt;
	font-family: Cavolini, Calibri, sans-serif;
	line-height: 15pt;
	text-align:left;
}
.kurs_lauftextfett {
	margin: 0cm 0cm 3px 0pt;
	font-size: 12pt;
	font-family: Cavolini, Calibri, sans-serif;
	font-weight:bold;
	line-height: 15pt;
	text-align:left;
	padding:10px 0 10px 0;
}
.kurs_lauftext a {
	font-size:100%;
	text-decoration:underline;
	color:#666666;
}
.kursbild {
	display:inline-block;
	float:left;
    max-width: 40%;
    width: auto;
    margin-right:12px;
}
.j-textWithImage .cc-imagewrapper {
    max-width: 40%;
    width: auto;
}
.text, .lead {
    font-style: normal;
    font-variant-caps: normal;
    font-width: normal;
    font-size:13px;
    line-height: 19.5px;
    font-size-adjust: none;
    font-kerning: auto;
    font-variant-alternates: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-variant-position: normal;
    font-feature-settings: normal;
    font-optical-sizing: auto;
    font-variation-settings: normal;
}
.lead {
    font-size:15px;
    line-height: 22.5px;
    font-weight:400;
    padding-right:10%;
}
        .grid-table2 {
            display: grid;
            /* Definiert die Spaltenanzahl (hier 2 Spalten mit gleicher Breite) */
            grid-template-columns: repeat(2, 1fr);
            gap: 1px; /* Erzeugt den Linienabstand (Gitternetz) */
            background-color: #fff; /* Farbe der Gitternetzlinien */
            border: 0px solid #fff;
            margin-right:10%;
        }
        .grid-table4 {
            display: grid;
            /* Definiert die Spaltenanzahl (hier 4 Spalten mit gleicher Breite) */
            grid-template-columns: repeat(4, 1fr);
            gap: 1px; /* Erzeugt den Linienabstand (Gitternetz) */
            background-color: #fff; /* Farbe der Gitternetzlinien */
            border: 0px solid #fff;
            margin-right:10%;
        }
        .grid-table02 {
            display: grid;
            /* Definiert die Spaltenanzahl (hier 2 Spalten mit Breite 1/3 - 2/3) */
            grid-template-columns: 1fr 2fr;
            gap: 1px; /* Erzeugt den Linienabstand (Gitternetz) */
            background-color: #fff; /* Farbe der Gitternetzlinien */
            border: 0px solid #pfff;
            margin-right:0;
        }
        .grid-cell-l-rule {
            background-color: #fff;
            padding: 0 0 0 24px;
            border-bottom: 2px solid #ddd;
        }
        .grid-cell-r-rule {
            background-color: #fff;
            padding: 0 24px 0 0;
            border-bottom: 2px solid #ddd;
        }
        .grid-cell-l {
            background-color: #fff;
            padding: 0 10px 0 0;
        }
        .grid-cell-r {
            background-color: #fff;
            padding: 0 24px 0 0;
        }
        /* Gestaltungsregeln für die Kopfzeile */
        .grid-header {
            background-color: #333;
            color: #fff;
            font-weight: bold;
        }
/* Ende */