@import url("../fonts/opensans_regular_macroman/stylesheet.css"); 
@import url("../fonts/opensans_semibold_macroman/stylesheet.css"); 
@import url("../fonts/opensans_bold_macroman/stylesheet.css"); 
@import url("../fonts/opensans_extrabold_macroman/stylesheet.css"); 
@import url("../fonts/font-awesome.css"); 
@import url("../fonts/roboto/fonts.css"); 

 
/*
Gelb: #f0aa00    
    Grün: #64aa28
    Blau: #2c64a9
    Lila: #6428aa
    Rot: #aa2864
*/
/* 
1. roboto_slabregular
2. roboto_slabthin
3. roboto_slablight
4. roboto_slabbold
    
5. roboto_condensedregular
7. roboto_condensedbold
8. roboto_condensedlight

9. robotothin
10. robotolight
11. robotoregular
12. robotomedium
13. robotobold
14. robotoblack

    
15. roboto_condensedbold_italic
16. robotomedium_italic
17. robotobold_italic
18. robotoblack_italic
19. roboto_condenseditalic
20. robotolight_italic
21. roboto_condensedlight_italic
22. robotothin_italic
23. robotoitalic
    */


body {font-family:roboto_slabregular,Helvetica,arial,'Courier New',Courier New, Courier, monospace;}
p  {  /*text-align:justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/}
p strong {font-family:roboto_slabbold,Helvetica,arial; font-weight:normal; }

#Suchtoken {margin: 85px 0px 0px 0px; height: 15px; padding: 0px 25px 0px 0px;}
.clear { clear:both; height:1px; overflow:hidden;}

 .schattenoben {-webkit-box-shadow: 12px -3px 15px 5px rgba(0,0,0,0.26);
-moz-box-shadow: 12px -3px 15px 5px rgba(0,0,0,0.26);
box-shadow: 12px -3px 15px 5px rgba(0,0,0,0.26);
}

a { color:#111;}
#Seiteninhalt p a:before { font-family:FontAwesome; content:"\f0a9\00a0";}
#Seiteninhalt p a {  text-decoration:underline; }
#Seiteninhalt .pdf a {  text-decoration:underline; }
#Seiteninhalt .pdf a:before { font-family:FontAwesome; content:"\f1c1\00a0";} /*"\f019\00a0"*/

a:hover { color:#111; text-decoration:none;}

#headertabs { }
#headertabs div { float:left; padding:5px 12px 15px 12px; background-color:#CCCCCC;border-right:1px solid rgba(0,0,0,0.2)}
#headertabs div i { float:left;line-height:50%; padding-top:5px;font-size:26px; padding-left:10px; }
#headertabs div a { float:left;line-height:50%; padding-top:10px; }
#headertabs div.jugend.aktiv{ background-color:#2c64a9; color:#fff; }#headertabs div.jugend.aktiv a{ color:#fff; }
#headertabs div.archiv.aktiv{background-color:#D6223D; color:#fff; }#headertabs div.archiv.aktiv a{ color:#fff; } 
#headertabs div.didaktik.aktiv{ background-color:#CD7E52; color:#fff; }#headertabs div.didaktik.aktiv a{ color:#fff; } 

.videolink { float:right; border:none;margin-bottom:20px; }
.videolink:before { content:"\f008  \00a0 Video";font-family:fontAwesome; font-size:20px; border:1px solid #111; background-color:#f0aa00;color:#fff; 
                    padding: 5px 10px 5px 10px; border-radius:0px; border:none; }

.colorWhite {color:#fff;}

small { font-size:11px;}

.rsTitel { font-family:robotobold; font-size:22px; line-height:100%; position:absolute; right:15px; top:22px; }
    .rsTitel span {        padding: 3px 10px 5px 10px;           }
    .rsTitel a { color:#fff;}
.BGcolorGelb {background-color:#f0aa00 !important; color:#fff;} /*Infothek*/
.BGcolorGruen {background-color:#64aa28 !important; color:#fff; } /*Projekte*/
.BGcolorRot {background-color:#aa2864 !important; color:#fff; } /*Neues*/
.BGcolorBlau {background-color:#2c64a9; color:#fff; } /*Geschichte*/
.BGcolorLila {background-color:#6428aa !important;  color:#fff;} /*Lebensgeschichten*/
.BGcolorSchwarz {background-color:#9f9f9f; color:#fff;  color:#fff;}

.BGcolorArchiv {background-color:#CCCCCC !important; color:#111!important;  }
.BGcolorNeues {background-color:#d6223d !important; color:#fff;  }
.BGcolorDidaktik {background-color:#cd7e52 !important; color:#fff;  }

.VGcolorGelb {color:#f0aa00 }
.VGcolorGruen {color:#64aa28 }
.VGcolorRot {color:#aa2864 }
.VGcolorBlau {color:#2c64a9 }
.VGcolorLila {color:#6428aa }
.VGcolorSchwarz {color:#111;}
.VGcolorArchiv {color:#ccc;}
.VGcolorDidaktik {color:#cd7e52;}
a.VGcolorArchiv, a.VGcolorArchiv:hover, a.VGcolorArchiv:active {color:#fff;}

.BGcolorArchiv a { color:#111!important;  }

table { border:none; margin-bottom:20px;}
    table td { padding:5px 5px 0px 9px; margin:0px; border:1px solid #ccc;}

/*#header #logo {}
#header #topNav { padding-top:5px; color:#a3a3a3; font-family:roboto_slabregular,Helvetica,Arial; }
#topMenu  { background-color:#111; margin-right:0px; margin-left:0px; margin-bottom:20px; margin-top:20px;}*/

.marker { cursor:pointer;  text-decoration:underline;  }
.marker:before  { font-family:FontAwesome; content:"\f105\00a0";   }

.table-bordered { font-size:13px; text-align:left;}
.table-bordered p {text-align:left;}
.fontKlein {font-size:13px;}
.lex { line-height:100%; margin:0px 0px 4px 0px; cursor:pointer;border-bottom:1px solid #6428AA;/**/ }
    .lex:hover { color:#6428aa;}

#topMenu { padding:0px; margin:0px; width:100%;  }
#topMenu #menup { margin: 6px 0px 6px 0px;}/*farbiger Balken*/
#topMenu #menup span,#topMenu #menup a { font-size:18px; font-family:'robotobold'; color:#fff; margin-right:20px;}
#topMenu #menup span:hover ,#topMenu #menup a:hover {  color:#fff; text-decoration:underline;}
#topMenu #menup .aktiv { color:#F1DE19;}

#topMenu #menup ul, #menup ul li { margin:0px; padding:0px; list-style:none;}
#topMenu #menup li ul li a { padding: 3px 0px 3px 0px; display:block; font-size:14px; font-family:'robotobold'}
#topMenu #menup li ul  {  display:none;}
/*#topMenu #menup:hover  ul   {  display:inherit;}*/

.findbuchZeile p { line-height:95%; margin:0px 0px 5px 0px ; }
.findbuchZeile p a {  text-decoration:underline;}

.infoZahl{  padding:3px; line-height:10px; font-size:10px; color:#f0aa00; }

    #topMenu .mPunkt {  width:120px; float:left; margin-right:40px;}
    #topMenu .mPunkt.mpunktsuche {  width:auto; float:left; margin-right:0px; border-left:2px solid #000; padding-left:25px;}
    #topMenu .mPunkt.mpunktfb {  width:auto; float:left; margin-right:0px;  border-left:2px solid #000; padding-left:20px;}
    #topMenu a.mG { width:200px; }

#mZusatzTop { color:#fff;}
#mZusatzTop a { color:#fff; padding:0px 10px 0px 10px;}

#Suchstring2 {width: 75%; margin-top: 10px; height: 35px; float: left; border: 1px solid #ccc;}

.ergebniseinzel { margin:0px 0px 20px 0px;padding:0px 0px 5px 0px ; border-bottom:1px solid rgba(204, 204, 204, 0.73);}
.ergebniseinzel h5{ margin:0px 0px 5px 0px ;padding:0px; font-size:16px;}
.ergebniseinzel p { line-height:100%!important;}
.ergebniseinzel small {font-size:12px;}

.titelSubKopf1,.titelSubKopf2 { font-size:16px;}

.abstand20 { height:20px;}
.abstand10 { height:10px;}
.abstandSpli { height:40px;} /*abstand zwischen den Blöcken in der linken Spalte*/

div { }
/*.abs {    padding:0px;   }*/
    .abs.absarchivbild { float:left; margin-right:15px; margin-top:3px;   width:35% ; padding:0px;}
    .abs.absarchivbild .bildkasten {   width:100% !important; margin:0px;  }
    .abs.absarchivbild .bildkasten img {  width:100% ; margin:0px;  }

    .abs.abstext {   }
.bildkasten { margin-top:4px;margin-bottom:4px;}
 
h1 {font-family:robotobold;  margin: 30px 0px 10px 0px; padding:0px;font-size:30px;  font-weight:normal !important;}
h2 {font-family:robotoregular;  margin: 0px 0px 10px 0px; padding:0px;font-size:26px;font-weight:normal !important;}
h3 {font-family:robotobold;  margin: 0px 0px 10px 0px; padding:0px;font-size:18px;font-weight:normal !important;}
/*.royalSlider h2 { font-size:36px; font-weight:normal !important;}
.royalSlider p { font-size:16px;}
.royalSlider p { font-size:16px;}
.royalSlider .rsABlock {background-image:url(../img/schatten.png); background-repeat:repeat-x; background-position:bottom; }*/
/**/.royalSlider .infotextWrapper { margin:20px 50px 20px 20px ;}
#sright {position:absolute; right:20px; top:250px;  z-index:99;color:#fff; }
#sleft {position:absolute; left:20px; top:250px;  z-index:99;color:#fff; }
    #sright .fa, #sleft .fa { font-size:80px;cursor:pointer;}
        #sright:hover, #sleft:hover { color:#f0aa00; }

#menuEx a{font-size:18px; font-family:'roboto_slabregular'; color:#fff; margin-left:40px; float:right;  }
#menuEx {padding-right:30px;}

#lexikon  {padding-left:20px;}
#lexikon h2 { margin:20px 0px 10px 0px !important ; padding:0px !important ; color:#6428AA; }
#lexikon p { margin:0px 0px 0px 0px !important ; padding:0px !important ;}


.suchtab td { vertical-align:top; text-align:left; border:1px solid #ccc;  padding:3px;}

#inhalt   { padding-right:15px;}
#inhalt h2 { margin-bottom:30px;}

#baum ul,#baum ul li { margin:0px; padding:0px; list-style:none;}
    #baum ul li  { padding:0px 0px 0px 0px; }
#baum a {border-bottom:1px solid #ccc; display:block;padding:7px 0px 7px 0px; }
    #baum ul li ul li  { margin-left:20px;}

.filter   { font-family:robotoregular; float:left !important; font-size:14px; width:auto; margin-right:10px; font-weight:normal; }
.filter  a {color:#fff; }

.kastenhead {border-bottom:1px solid #111; background-color:#fff; padding: 0px  0px  5px  0px ; color:#111; font-size:14px; text-transform:uppercase; font-family:robotobold; margin-bottom:5px; }
.kastenhead span { margin-right:20px;}
.kastenhead .aktiv {}

.bild { float:left; margin:3px 15px 15px 0px;}

#slider {margin-bottom:20px;}
.art3 img {margin-bottom:15px;}
.art3 h3 { padding:0px;}
.art3 p { font-family:roboto_slabregular;}

.art4  { min-height:420px;}
.art4 .bild { max-height:145px; overflow:hidden;width:100%; }
.art4 .bild img {width:100%;}
.art4 h4 { padding:0px; margin:0px;font-family:robotobold; font-size:16px;}
.art4 p { font-family:roboto_slabregular; font-size:13px; margin:0px; padding:0px;}
     .bereich { color:#fff;font-family:robotobold; padding-right:5px; margin-bottom:15px} 
.art4 .bildiK { height:175px; overflow:hidden;}
.art4.bgHighlight { background-color:#dcdcdc;padding-top:15px;margin-top:-15px;}


.art6  { min-height:250px;}
.art6 .bild { max-height:145px; overflow:hidden;width:100%; }
.art6 .bild img {width:100%;}
.art6 h4 { padding:0px; margin:0px;font-family:robotobold; font-size:16px;}
.art6 p { font-family:roboto_slabregular; font-size:13px; margin:0px; padding:0px;}
.art6 .bereich { color:#fff;font-family:robotomedium; padding-right:5px; margin-bottom:15px} 
.art6 .bildiK { height:175px; overflow:hidden;}
.art6.bgHighlight { background-color:#dcdcdc;padding-top:15px;margin-top:-15px;}

.BlockFussnoten { margin-top:40px; padding-top:10px;  font-size:11px;}
.BlockFussnoten hr { display:none;}
    .BlockFussnoten .titelAnm {font-size:11px; padding-top:5px;  margin-bottom:10px;  border-bottom:1px solid #000; text-transform:uppercase;font-family:robotobold; font-size:10px;  text-align:right}


#inhalt .absVideo  {clear:both; width:100% !important; }
#inhalt .absVideo .bildkasten ,#inhalt .absVideo video{  }


.btn { border-radius:0px;}


#portrait  { display:table-row; width:100%; background-color:#ededed; }
#portrait .bild { height:130px; width:50%;  float:inherit;  border:0px solid #f00; display:table-cell; padding:0px;}
#portrait .gebInfo {height:130px;width:50%;     float:inherit;  border:0px solid #0f0;display:table-cell; vertical-align:bottom; padding-bottom:10px; }
#portrait h4, #portrait p { margin:0px; padding:0px;}

.absarchivbild { clear:both;}
.bildkasten { 

}

.label { font-weight:normal; font-family:robotomedium;}
#findbuchinhalt .label { margin-bottom:5px; }

.linie h2 { border-top:3px solid #111; margin-bottom:25px; padding-top:3px; margin-top:50px; font-family:'robotobold' }

#footer { margin-top:50px;}

.form-control { border-radius:0px;}
.textweiss { color:#fff;}
.textgelb { color:#f0aa00;}
.bgGelb { background-color:#f0aa00;}
.nopadright { padding-right:0px;}
.bgSchwarz { background-color:#111;}


.merkenabs { float:right; font-size:0.8em!important;  background-color:rgba(44, 100, 169, 1);   }

/*Dynatree ==============================================================================================================*/
/*.ajaxBaum .dynatree-container, .dynatree-container li { font-size:12px; list-style:none; margin:0px; padding:0px;}
.ajaxBaum .dynatree-container a { border-bottom:1px solid #fff; display:block;padding:7px 0px 7px 0px;}
 .ajaxBaum .dynatree-container ul { list-style:none; margin:0px 0px 0px 20px ; padding:0px;}

.ajaxBaum span.dynatree-empty,
.ajaxBaum span.dynatree-vline,
.ajaxBaum span.dynatree-connector,
.ajaxBaum span.dynatree-icon {
	width: 16px;	height: 26px;  margin-right:10px; 
 	display: inline-block; 
	vertical-align: top;
    float:left;font-size:20px; background-color:#fff; 
    position:relative; z-index:3;
}
.ajaxBaum span.dynatree-icon:after {    }
.ajaxBaum .dynatree-ico-cf span.dynatree-icon:after   { content:"\00a0\f101";font-family:fontAwesome;color:#111; }
.ajaxBaum .dynatree-ico-ef span.dynatree-icon:after   { content:"\00a0\f107";font-family:fontAwesome;color:#111; }
.ajaxBaum .dynatree-active .dynatree-title, .dynatree-selected .dynatree-title{ font-family:roboto_slabbold !important; }
.ajaxBaum span.dynatree-active a {}
.ajaxBaum span.dynatree-connector {  margin-right:-16px;  background-color:#fff;z-index:4;position:relative;}
.ajaxBaum span.dynatree-connector:after { content:"\00a0\f105";font-family:fontAwesome;color:#111; }
.ajaxBaum .dynatree-title.aktiv { font-family:robotobold !important;}
.ajaxBaum span.dynatree-expander { width:0px;}*/


.ajaxBaum .dynatree-icon { display:none;  }
.ajaxBaum span.dynatree-folder a { font-weight:normal!important;}
.ajaxBaum span.dynatree-connector {  background:none!important; }
ul.dynatree-container li { background-image:none!important;}

.ajaxBaum ul { padding-left:20px;}

.ajaxBaum .dynatree-ico-cf span.dynatree-connector  /* all */ {  background:none; }
.ajaxBaum .dynatree-ico-cf span.dynatree-expander  /* Collapsed Folder */ {  background:none;}
.ajaxBaum .dynatree-ico-ef span.dynatree-expander  /* Expanded Folder */   {  background:none;}

.ajaxBaum .dynatree-ico-cf span.dynatree-connector:after  /* all */ {content:"\00a0\f096";font-family:fontAwesome;color:#ccc; font-size:16px!important; line-height:10px;}
.ajaxBaum .dynatree-ico-cf span.dynatree-expander:after  /* Collapsed Folder f101 f196*/ { content:"\00a0\f0fe";font-family:fontAwesome;color:#ccc; font-size:16px!important; line-height:10px;}
.ajaxBaum .dynatree-ico-ef span.dynatree-expander:after  /* Expanded Folder f107 f147*/  { content:"\00a0\f146";font-family:fontAwesome;color:#ccc; font-size:16px!important; line-height:10px;}
.dynatree-container { padding-left:0px; border:none!important;}

.ajaxBaum span.dynatree-active a {
    background-color: transparent !important;
    color:  inherit ;
}
.quellenangaben { font-size:11px; padding-top:5px; }
.headerFussnoten { text-transform:uppercase;font-family:robotobold; font-size:10px; text-align:right;}

/*Dynatree ==============================================================================================================*/
#findbuchbaum .dynatree-container, .dynatree-container li { list-style:none; margin:0px; padding:0px;}
#findbuchbaum .dynatree-container a { border-bottom:1px solid #fff; display:block;padding:7px 0px 7px 0px;}
 #findbuchbaum .dynatree-container ul { list-style:none; margin:0px 0px 0px 20px ; padding:0px;}

#findbuchbaum span.dynatree-empty,
#findbuchbaum span.dynatree-vline,
#findbuchbaum span.dynatree-connector,
#findbuchbaum span.dynatree-icon {
	width: 16px;	height: 26px;  margin-right:10px; 
 	display: inline-block; 
	vertical-align: top;
    float:left;font-size:20px; background-color:#fff; 
    position:relative; z-index:999999999;
}
#findbuchbaum span.dynatree-icon:after {    }
#findbuchbaum .dynatree-ico-cf span.dynatree-icon:after  /* Collapsed Folder */ { content:"\00a0\f101";font-family:fontAwesome;color:#111; }
#findbuchbaum .dynatree-ico-ef span.dynatree-icon:after  /* Expanded Folder */  { content:"\00a0\f107";font-family:fontAwesome;color:#111; }
#findbuchbaum .dynatree-active .dynatree-title, .dynatree-selected .dynatree-title{ font-family:roboto_slabbold !important; }
#findbuchbaum span.dynatree-active a {
	/*border: 1px solid #99DEFD;
	background-color: #D8F0FA;*/
}
#findbuchbaum span.dynatree-connector {  margin-right:-16px;  background-color:#fff;z-index:4;position:relative;}
#findbuchbaum span.dynatree-connector:after { content:"\00a0\f105";font-family:fontAwesome;color:#111; }
#findbuchbaum .dynatree-title.aktiv { font-family:robotobold !important;}
#findbuchbaum span.dynatree-expander { width:20px;}

/*findbuch ohne Dynatree ==============================================================================================================*/
.findbuchbaum   , .findbuchbaum    li { list-style:none; margin:0px; padding:0px;}
.findbuchbaum  a.listenans { border-bottom:1px solid #ccc; display:block;padding:7px 0px 7px 0px;}
.findbuchbaum  a.nebenein { border-bottom:0px solid #ccc; display: normal !important; padding:0px 0px 0px 0px;}
.findbuchbaum   ul { list-style:none; margin:0px 0px 0px 0px ; padding:0px;}
.findbuchbaum     li ul  { list-style:none; margin:0px 0px 0px 30px ; padding:0px;}
 

 .themaanderes { font-size:12px;}

 .typ2 .bildkasten { width:auto; margin-right:10px; }


#Seiteninhalt .abs.typ1 h3 {
    margin-bottom: 10px !important;
}

#Seiteninhalt .abs .linktyp {
     left: 10px;
    top: 10px;
    z-index: 9999
}

#Seiteninhalt .BlockBildstrecke .linktyp i {
    color: #fff; margin:4px;
    position: absolute;
    width: 30px !important;
    height: 30px !important;
}



/*Bildstrecke*/
.BlockBildstrecke { overflow:hidden; margin-top:10px; height:230px; border-top:1px solid #111;padding-top:5px;}
.bildstrRahmen .absarchivbild { height:180px; float:left; width:auto;  }
.bildstrRahmen .absarchivbild img { height:180px !important; float:left; width:auto!important;}
#Seiteninhalt .bildstrRahmen {
    position: relative;
    left: 0px;
    border-bottom: 1px solid #660033;
    border-bottom: 1px solid #660033;
}

.BlockBildstrecke .weiter {float:right; text-align:right;height:30px;width:20px; cursor:pointer; margin-top:-4px;}
.BlockBildstrecke .zuruck {float:right; text-align:left; height:30px;width:20px;cursor:pointer;margin-top:-4px;}
.BlockBildstrecke .titelFotostrecke { float:left; font-family:'robotobold'; text-transform:uppercase;}

.touchcarousel-item img { height:160px; margin:0px; }
.touchcarousel-item .bildkasten {margin:0px; }
li.touchcarousel-item   { /*margin:0px !important;*/ }
.touchcarousel-item .bu { display:none;}



/*Dialog*/
.ui-dialog-titlebar { display:none;}
.ui-dialog-content { overflow: hidden !important;}
.ui-dialog {   border:1px solid #000 !important; padding:0px !important;}
.headerKasten { position:fixed; z-index:999999; width:100%; text-align:left; padding:3px 10px 3px 15px ;font-family:robotobold !important;}

.headerKasten .schliessen { float:right; margin-top:0px; width:100px; cursor:pointer; padding:0px 0px 0px 0px;font-size:14px; color:#fff; z-index:999;}
.headerKasten .schliessen i { font-size:18px; }




.royalSlider .rsABlock {overflow:hidden;}

.abs.typ8 p { clear:both;}
.abs.typ8  { margin-bottom:20px;padding-bottom:10px;}


#mZusatzTop br {display:none;}

#verwInt{position:absolute;right:0px; top:6px;}

#respM {
    font-family: robotoblack, sans-serif !important;
    font-size: 18px !important;
    color: #fff;
    margin: 5px 0px 0px 0px;
}
#respM i {font-size:20px!important;padding-left:5px;}
#respM2{display:none;}
/*#respM2 a { white-space:nowrap; font-size:22px; padding: 0px 0px 5px 0px;
font-family:robotobold;  display:block;color:#fff;}*/





/*================== Reponsives Menü ===========================*/
  #respMenue {

    float: right; width: auto; margin-top: 20px;margin-right: 15px; cursor: pointer; z-index: 999999; position: relative;   display: none;
}

   #respMenue span { float: left; margin-right: 20px; }
#respMenueCont { display: none; position: relative; left: 0px;   z-index: 99999999; width: 100%; }
 #respMenueLi { list-style: none; padding: 0px; margin: 0px; display: block; }
    #respMenueLi li {
        
        list-style: none;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        display: block;
        background-color: #1c1d22;
    }
    #respMenueLi hr { margin:0px; padding:0px;    }
    #respMenueLi li a {
        text-decoration: none;
        color: #fff;
        padding: 7px;
        display: block;
        margin: 0px !important;
        position: relative;
        font-size: 16px !important;
        font-family:robotobold,sans-serif;
    }

        #respMenueLi li .pfeil {
            float: right;
            width:35px; height: 30px;
            position: relative; z-index: 999;
            cursor: pointer;
            background-image: url(../img/pfeil_runter_resp.png); background-repeat: no-repeat; background-position: 15px 15px; background-size: 10px;
        }

            #respMenueLi li .pfeil.rauf { background-image: url(../img/pfeil_runter_resp2.png);}
        #respMenueLi li .pfeil { display: none;}
        #respMenueLi li.hatUmenue .pfeil { display: inherit; background-color: #24272e;}
        #respMenueLi li ul { padding-left: 25px; }
        #respMenueLi li.hatUmenue ul { background-color: #24272e;}
            #respMenueLi li.hatUmenue ul a { background-color: #24272e;}

#topMenu a.mG {
    width: auto;
}





#logo img {
    width: 100%;
    margin: 40px 0px 40px 30px;
}
    /*#menup ul li ul { display: none ;    }*/

#topMenu .mPunkt { width: auto;  }
    /*.royalSlider {display:none;}*/


.sortable { list-style-type: none; margin: 0;   margin-right: 10px;   padding: 0px 5px 10px 5px;  }
.sortable li{ margin: 0px; padding: 5px 5px 5px 25px; font-size: 1.2em;  }
.sortable li:hover{ background-color:rgba(240, 170, 0, 0.34);}
.sortable li .fa-arrows-v {display:none; padding-right:5px; float:left; padding-top:3px;}
.sortable li:hover .fa-arrows-v {display: inherit;}
.sortable li .fa-trash {float:right; visibility:hidden; cursor:pointer;}
.sortable li .fa-trash:hover {color:#f00;}
.sortable li:hover .fa-trash {float:right; visibility:visible;}
#Recherche ul  { margin:0px; padding:0px; list-style:none;}
#Recherche ul li {font-size:18px; padding-top:15px;}
#Recherche ul li ul li {font-weight:normal;padding-top:3px;font-size:15px;}
#Recherche span { font-size:1em;}
#Recherche span.benennung {font-size:0.8em;}

@media (min-width: 768px) {
    .art6 .bild {    max-height: 200px; }
    .art6:nth-of-type(3n+2) { clear:both; }
}

@media (min-width: 992px) {
    /*#menup ul li ul { display: inherit ; }*/
    #topMenu .mPunkt { width: 120px; }
    /*.royalSlider {display:inherit;}*/
    .art6:nth-of-type(3n+2) { clear: inherit; }
    .art6:nth-of-type(4n+5) { clear:both!important; }
}

@media (min-width: 1200px) {     
}

@media screen and (min-width: 767px) {

}
@media screen and (max-width: 767px) {
.royalSlider .col-xs-7 {width:100%;}
.royalSlider .col-xs-5 {width:100%; margin-left:-100%; 
background-color:rgba(17, 17, 17, 0.5)!important;color:#fff!important; 
display:table-cell!important; vertical-align:bottom;padding-top:50px;}

    #menup {display:none;}
    #menup .mPunkt { clear: both !important;    }
    #menup .mPunkt ul li a, #topMenu a { font-size: 16px !important;        } 
    #logo img { width: 100%;        margin: 15px 0px 0px 0px;    }
    #mZusatzTop{padding-right:0px!important;font-size:0.9em;}
    #mZusatzTop .str { display:none;    }
    #mZusatzTop a {    clear:both;  }
    #mZusatzTop br { display: inherit; }
    #Suchtoken {
        font-size: 0.9em;
        margin: 15px 0px 0px 0px;
        height: 15px;
        padding: 0px 10px 25px 0px;
    }
    /*#topMenu #menup span, #topMenu #menup a { margin-right:10px;    }*/
    .zeitz{float:left;width:40%!important; height:auto; max-height:inherit;} 
    .art6{ min-height: inherit;} 
    .art6 .bild {  max-height:  inherit;  }
    #verwInt{position:  relative!important; clear:both; padding-top:10px; }
.infotextWrapper {margin:0px!important; font-size:13px;line-height:120%;}
.rsTitel    {font-size:14px; top:10px;}
.royalSlider .col-xs-5 {   padding-top:25px;}
.royalSlider .rsImg  {max-width:inherit!important;min-width:100%!important;width:auto!important;}
    #Suchtoken, #mZusatzTop {
        display: none;
    }
    #logo {margin-top:-30px!important;  margin-bottom:20px;  }
}



@media screen and (max-width: 380px) {
   
    /*#verwInt{position:  relative!important; clear:both; padding-top:10px; }*/


}