@charset "UTF-8";

.expand {
    DISPLAY: none
}

.boxteaser {
	FONT-SIZE: 1.1em; 
	COLOR: #0033aa
}

.boxlinkexpand {
	FONT-SIZE: 1.1em; 
	COLOR: #e0202c
}

.boxlang {
	PADDING: 2px; 
	MARGIN: 0 0 1em 0; 
}

.boxlang P {
    MARGIN: 0px; 
	padding: 0 0 0 4px;
}

.boxlang .description P {
    MARGIN: 0px; 
	padding: 0 0 0 0px;
}



.boxlang P.float_left {
    MARGIN-right: 1em; 
}



#content .servicebuchung A:link,
#content .servicebuchung A:visited,
#content .servicebuchung A:hover,
#content .servicebuchung UL LI A:hover {
    COLOR: #000 
}


#content H2, #content H2 A {
  FONT-WEIGHT: bold !important;
  margin-top: .75em !important;
}
#content #zmEListe h2 {margin-top:0 !important}
#content #zmEListe a.titellink {margin-top:0 !important}

 
/*Videos*/

#cc_276596 .basecontent-html-editor iframe {height:230px !important; width:390px !important}

#content .composedcontent-newsbox-in-boxen h3.h3dach {
    margin-top: -1.5em !important;
    color: #fff;
    padding: 0 2px;
    font-size: 1.2em !important;
}


#content .composedcontent-newsbox-in-boxen  H2   {
    margin-top: .25em !important;
}

#content .composedcontent-newsbox-in-boxen .fullwidth {
margin-top: 1px !important;
margin-bottom: 0px !important;}

#row_1449597 .ym-g50,
#row_1449649 .ym-g50,

#row_814504 .ym-g50,
#row_846754 .ym-g50 {
	width:48%
}


#main p.bluebutton a {
 border: 1px solid #0033aa;
 background: #0033aa none repeat scroll 0 0;
 border-radius: 3px;
 color: #fff;
 padding: 4px;
width: 90%;
display: block;
margin:.5em 0
}

#main p.bluebutton a:hover {
 border: 1px solid #0033aa;
 background: #0033aa none repeat scroll 0 0;
 border-radius: 3px;
 color: #fff;
 padding: 4px;
 
width: 90%;
display: block;margin:.5em 0}


.neu {
    color: #fff;
    background: #e0202c;
    padding: 3px;
    float: right;
    transform: rotate(8deg);
    margin: .5em;
}


#service .servicegreybox {
    margin-bottom: 1em;
    background: #e7e7e7;
    padding: 5px !important
}

#service .servicegreybox h2 {
    font-size: 1.4em !important;
    color: #e0202c;
	text-align: left;
	padding: 0 !important;
	margin: .5em 0 !important;
}

#service .servicegreybox p {
    padding: 0 !important;
    line-height: 1.8em;
}


#content .servicebuchung h2
 {
    color: #444 !important;
    text-align: center;
    margin: 0 0 !important;
}
#content .servicebuchung h2 A:link,
#content .servicebuchung h2 A:visited,
#content .servicebuchung h2 A:hover 
 {
    color: #444 !important;
}
#content .servicebuchung {
    background: #eee;
    margin: 0;
    padding: 2px !important;
}
.l-page #content .servicebuchung {
    background: transparent;
    border:1px solid #e0202c
}
#service .servicebuchung p {
    padding: 0 .5em !important;
    line-height: 1.8em;
}

#main .LeichteSprache a::before {
    content: "";
    background: url("../img/icons/leichte-sprache.png") no-repeat 50% 100%;
    font-size:2.5em !important;
    padding: 0 1.5em 0 0  !important;
}

#main .barrierfreiheit a::before {
    content: "";
    background: url("../img/icons/barrierefreiheit.png") no-repeat 50% 100%;
	    font-size:2.5em !important;
    padding: 0 1.5em 0 0  !important;
}


 
@media screen and ( max-width:840px  )    {
.ym-gl .borderbox1, .ym-gl .borderbox2, .ym-gl .borderbox3 {
    margin-right: 0em;
}


 
	
}
#l-service .sbw_rechts_content .image-inner .bwBildVerwaltung, 
#l-service .w100image img {
    width: 100%;
    max-width: 360px;
}






#iFrame {min-height:1200px}

.Filterbox .boxflex {
    background: rgb(233, 241, 245) none repeat scroll 0% 0%;
    padding: .5em .5em;
}

 

.Filterbox select:focus::-ms-value {
      background-color: transparent;
    }
.Filterbox select {
  height: 2.5em;
  background: transparent;
  color: #033;
  font-size: 1.2em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border:1px solid #ccc;
  outline: none;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  z-index: 10;
    width:100%}

@media screen and (max-width: 576px) {

    .Filterbox select {
        font-size: 1em;
    }
}

.Filterbox select {
  padding: .5em  
  }
  
.Filterbox .select-wrapper {
     position: relative;
background: #fff;
margin-right: 2%;
    }
.Filterbox .select-wrapper::before {
      font-family: FontAwesome;
      content: "\f107";
      font-size: 20px;
      position: absolute;
      right: 4%;
      top: 10px;
      color: #000;
	  z-index: 5;
    }
	
	.kats {float:right}
 	.kats span {
    display: inline-block;
    text-align: center;
    clear: right;
    float: right;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: .1em 0;
    padding: .2em;
}

#pseudoservice {
    margin: 2em 0;
}

 .borderbox4 {
    margin-bottom: 1em;
    background: #f2f2f2;
    padding: 6px 0 6px 6px;
}

#content .borderbox4 .basecontent-image.fullwidth {margin-right:0}


.kats .Onlinedienst {
    background: #d2186d;
    color: #FFF !important;
}

@media all and (-ms-high-contrast:none)
     {
   #iFrame {min-height:12000px}
}



#content .servicebuchung.vorort h2 {
    text-decoration: line-through;
    color: #e0202c !important;
}

#content .servicebuchung.vorort p {
        color: #e0202c !important;
}





#zm_filterservice label {
  font-weight: bold;
  display: block;
  font-size: 1.40em;
  color:#e0202c;
  margin: 0em 0 .25em .25em;
  padding-top: .25em;
}



.Filterbox select:focus{
      background-color: transparent;
    border:2px solid blue
    }

.Filterbox option {
  background: #fff !important;
}



.l-page .serviceteaserbox {
        background: transparent !important
    }
	
	
.dienststellen__liste--ebene2 {font-size:1.8em; font-weight:bold; margin-top:2em !important; list-style:none !important}
.dienststellen__liste--ebene3 {font-size:.75em; font-weight:normal}
.dienststellen__liste--ebene4 {font-size:.8em; font-weight:normal}

#node1412149 .openingHours h2,
#node1412152 .openingHours h2 {display: none}
#node1412149 h3.openingHour-title,
#node1412152 h3.openingHour-title {
font-size: 1.4em !important;
font-weight: bold;
}



#main #zm_filterservice .cat {
  overflow: hidden;
  display: inline-block; 
  cursor: pointer
}

#main #zm_filterservice .cat label span {
  text-align: center;
  padding: 3px 3px;
  display: block;
  background: #fff;
  border:1px solid #e0202c;
}

#main #zm_filterservice .cat label input {
  display: none;
}
#main #zm_filterservice .cat label {font-size: 1em !important; font-weight: normal; cursor: pointer}
#main #zm_filterservice .cat label input + span{color: #e0202c;   background: #fff }
#main #zm_filterservice .cat label input:checked + span {
    color: #ffffff; background: #e0202c
}
 
 
 #content .section-lebenslagen H2, #content .section-lebenslagen H2 A {
  COLOR: #000 !important;
}

#main h3 {
       position: relative;}