body,html {margin:0}
body,td { font-family:arial; font-size:16px; color:#6A6A6A; }
body { background-image:url(/fileadmin/microsites/img/menu_bg.gif); background-position:0 0; background-repeat:repeat-y; }

body { display: flex;  min-height: 100vh}

.logo_links { display:none }
/*
#pfad a:nth-child(1) { display:none }
#pfad a:nth-child(2) { display:none }
*/

#links { width:240px; background-color:#14387f;  min-height:100%; font-weight:bold; font-size:14px; padding-bottom:10px }
.links_unten { width:100%; color:#eee; font-weight:normal } 
.links_nav_ul { min-height:calc(100vh - 238px); }
.links_unten_info { padding-left:15px; padding-right:15px; }

#links a:link, #links a:visited { color:#fff; text-decoration:none }
#links a:active, #links a:hover { }

#links ul { margin:0; padding:0;list-style-type:none; margin-top:77px }
#links ul li ul { margin-top:0 }
#links li { margin:0; padding:0; }
#links li a { margin:0; padding:0; display:block; min-height:15px;padding-left:14px;  padding-top:15px; padding-bottom:16px; padding-right:20px }
#links li a.aktiv { background-color:#004994;  }
#links li.aktiv a { border-left:7px solid #fff;padding-left:7px; }
#links li.aktiv ul.level2 li a { border-left:0;padding-left:14px;  }

#links .links_unten li a { padding-top:5px; padding-bottom:5px   }


#links ul ul { font-weight:normal }
#links ul ul li.aktiv > a { font-weight:bold }
#links ul ul li a { background-image:none }
#links ul ul { padding:10px; padding-left:15px; background-color:#004994 }
#links ul ul a { padding:5px }
#links ul ul ul { padding:10px; padding-left:15px; background-color:#004994 }
#links li.aktiv > a { color:white }


#mobil_menue { display:none; }
#mitterechts { width:calc(100% - 240px); }
#contentpadd { margin-left:auto;margin-right:auto;width: min(100% - 40px, 1280px); min-height:400px }
#header { height:95px; text-align:right;padding-right:25px }
.logos { padding-top:10px }
.logos a { margin-left:30px }

#pfad { border-bottom:1px solid #6a6a6a; padding:7px; padding-top:5px; padding-bottom:1px; padding-left:30px; color:#555555; font-size:11px; margin-bottom:30px }
#pfad a:link, #pfad a:visited { color:#555555; text-decoration:none }
#pfad a:active, #pfad a:hover { text-decoration:underline }


#content a:link, #content a:visited{ color:#003A81;  }
#content a:active, #content a:hover{  }

.ce-bodytext table { border-collapse:collapse; }
.ce-bodytext th { border:2px solid #1A3D83; background-color:#E1E2E3; text-align:left }
.ce-bodytext td { border:2px solid #1A3D83 }
.ce-bodytext p:first-child { margin-top:2px }

#content li { margin-bottom:0.3em }
#content li > ul { margin-top:0.3em }
#content { line-height:1.25 }
#content h2, #content h3 { margin-bottom:0.5em }

.frame-layout-11 { float: right; background-color: #eee; width: 180px; margin-left: 10px; border-left: 10px solid white; padding: 10px }
.frame-layout-11 ul { list-style-type:none; margin:0; padding:0 }
.frame-layout-11 li { margin:0; padding:0 }
#content .frame-layout-11 li a { text-decoration:none; color:#666; display: inline-block; }
.frame-layout-11 li a:hover { text-decoration:underline;  }


.flexbox_2spalten { display:flex }
.flexbox_spalte { }
@media (max-width:980px) { 
  .flexbox_2spalten { display:block }
  .flexbox_spalte { margin-bottom:20px} 
}


#footer { border-top:1px solid #6A6A6A; margin-top:25px; padding-top:8px; text-align:right; margin-bottom:10px; padding-right:25px }
#footer a { margin-right:32px }
#footer a:link, #footer a:visited { color:#6A6A6A;text-decoration:none }
#footer a:active, #footer a:hover { text-decoration:underline }

#content a:link, #content a:visited{ color:#003A81;  }
#content a:active, #content a:hover{  }


.logosmobil { display:none}

table.border2 { border-collapse:collapse;border:1px solid #7C7C7C; }
.border2 td { border-right:1px solid #7C7C7C;border-bottom:1px solid #7C7C7C; font-size:14px }
.border2 th { border-bottom:1px solid white;padding-right:5px; font-size:14px }
.border2 th { background-color:#7C7C7C; color:white; font-weight:normal }
.border2 th a:link, .border1 th a:visited { color:white }               
               
               
/* SHT */
#infobox { background-color:lightgrey; color:#14387f; font-weight:bold; padding:0.1em 1em; }
p.zitatblau { color:#14387f; font-style:italic; font-weight:bold; text-align:center; padding:10px; }
.mitte      { text-align:center; }

.blau1    { color:#093F88 }                                        /* blau 1 */
.blau1-e  { color:#093F88; margin-left:1.5em; margin-bottom:0.3em; margin-top:0.3em;}     /* blau 1, Einrückung, wenn mehrere Zeilen dann enger */
.text-e   { margin-left:1.5em; }                                   /* Text: Einrückung */
.text-e2  { margin-left:105px; }
.gruen1   { color:#00A651 }                                        /* grün 1 */
.rosa1    { color:#EC008D }
#content .gruen1 a:link, #content .gruen1 a:visited { color:#00A651 } 
.aufzaehlung_gluehbirne    { margin-left:0; padding-left: 0}
.aufzaehlung_gluehbirne li { margin-left:0; padding-left: 40px; padding-top: 10px; list-style-type: none; background-image:url(img/icon_aufzaehlung_gluehbirne.jpg); background-size: 30px 30px; background-position:top 1px left; background-repeat:no-repeat; overflow:visible; }
.bildunterschrift, .fussnote { font-size: 80%; }
.bild-links        { float:left; margin-right:1em; margin-bottom:0.5em; }
.bild-rechts       { float:right; margin-left:1em; margin-bottom:0.5em; }
.bild-rechts-zf    { float:right; margin-left:1em; margin-bottom:0.5em; margin-top:0.5em; width:80px; height: 87px; }   /* Bild rechts im Zusammenfassungs-Feld */
.bild-rechts-tipp  { float:right; margin-left:1em; margin-bottom:0.5em; margin-top:0.5em; width:80px; height: 79px; }   /* Bild rechts im Tipps-Feld */
.bild-rechts-frage { float:right; margin-left:1em; margin-bottom:0.5em; margin-top:0.5em; width:80px; height:113px; }   /* Bild rechts im Selbsttestfragen-Feld */
#zusammenfassung   { background-color:#A1C2E6; padding:0em 1em; font-size:90%; overflow:hidden; }
#zusammenfassung h2 { line-height:1.0; margin-top:0; }
#blaufeld2         { background-color:#A1C2E6; padding: 0.1em 1em; }
#blaufeld2 h3      { line-height:1.0; margin-top:0.7em; }
#graufeld1         { background-color:#E2E2E4; padding:0em 1em; font-size:90%; overflow:hidden; margin-bottom:0.75em; }
#orangefeld1       { background-color:#FECF8C; padding:0em 1em; font-size:90%; overflow:hidden; margin-bottom:0.75em; }
#gruenfeld2        { background-color:#82CA9D; padding:0em 1em; font-size:90%; overflow:hidden; margin-bottom:0.75em; margin-top:1em; }
#schrift-kleiner1 table td { font-size:90%; }            /* Tabelle: Schriftgröße wie im Graufeld 90% */
.zeilenhoehe13     { line-height:1.3 }
.schrift-normal    { font-size:16px; }                   /* innerhalb der Titel */
hr.blauelinie1     { border-top: medium solid #093F88; }
.ol-rot   { color:#EE1C25 }
.ol-blau  { color:#485E88 }
.ol-blau2 { color:#313293 }
.ol-gruen { color:#007F49 }
.ol-braun { color:#C7A470 }
#infobox-grau1 table { border-spacing:0; border-collapse: collapse; }
#infobox-grau1 td    { padding: 0 1.0em; background-color:#E2E2E4; font-size:90%; }

/* Cookie-Hinweis */
#cookie_hinweis { background-color:#143C8C; color:white; font-size:15px; position:fixed; bottom:0; width:100%; display:none;
    box-shadow: 0px 0px 5px black; }
#cookie_hinweis p { margin-left:10px; margin-right:10px; margin-bottom:0 }
#cookie_hinweis a { color:white }
#cookie_hinweis a.button_weiss { display:inline-block; background-color:white; font-weight:bold; text-align:center; padding:6px; margin-bottom:10px }
#cookie_hinweis label { margin-right:30px }
#cookie_hinweis a.button_weiss:link, #cookie_hinweis a.button_weiss:visited { color:#143C8C; text-decoration:none }
@media screen and (max-width: 595px) {
    .cookie_buttons { display:block}
}
@media screen and (max-width: 480px) {
	 #cookie_hinweis { font-size:14px; padding:5px; padding-left:0;  line-height:1.3 }
}
@media screen and (max-width: 333px) {
	 #cookie_hinweis { font-size:13px; }
}

@media screen and (max-width:608px) {
.nicht_mobil { display:none }
#contentpadd { width:auto }
#content { padding:10px }
#mobil_menue {  height:53px;}
.logo_links { max-width:300px; width:calc(100% - 70px);height:auto !important }
.logos { display:none;  }
.logosmobil { display:block; text-align:left; padding-left:10px; padding-bottom:10px }
#header { text-align:left; height:auto }
	.kacheln { max-width:500px }
	.kachel2 { margin-right:0px }
	.kachel3 { margin-right:0px }
.kachel_breit { width:300px; }
.kachel_breit p { width:100% }
.kachel_breit img { visibility:hidden }
}
@media screen and (min-width:609px) {
.nur_mobil {display:none }
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


/* ============================================= */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* ============================================= */
