/**
 * RZ- und Kundenspezifisch
 */
 
 
@charset "UTF-8";

*{margin:0;padding:0;}


body {
    font: 100.01%/110% LatoLatinWeb,Helvetica,sans-serif;
	padding:0
}

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
   }
:after,
:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

 :focus-visible {
    outline: 2px solid blue;
    outline-offset: 2px;
}

.site_Freiburg.home .header__row :focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.invisible, .caption_invisible .caption, .abst, .versteckmich {display: none}

.versteckt {display:none !important}

.skip, .hideme {
    left: -32768px;
    position: absolute;
    top: -32768px;
}
.skip:focus, .skip:active {
    left: 0;
    position: static;
    top: 0;
}

.ym-skiplinks:focus, .ym-skiplinks:active, .ym-skiplinks:focus-within {
    background: #fff;
    left: 0;
    outline: 0 none;
    padding: 1rem 1rem 0;
    border: 1px solid #000;
    width: 300px;
}

.jumplinks {
display: block;
position: relative;
}

 
#main {
    margin: 0 auto; 
    font-size: 1.15em  
}

#header {
	z-index:89;
    font-size:1em
}

#header, #main {
    background-color: transparent !important;
}


.subcolumns {
	display: block; 
	overflow: hidden
}

#page_margin,
.mm-page #page_margin {
    background: none repeat scroll 0 0 transparent;
    width: auto 
}



/* -------------------- header -------------------- */

.header-logodiv {
    top: 0px;
    left: 0px;
    z-index: 999;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.header-logosvg::before {
    background-image: url("../img/logo.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 200px;
    height: 67px;
    margin: 0 2px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}


.header-logosvg {
    font-size: 0;
    line-height: 0;
}

#header .banner  {overflow: hidden;width:100%}



.metalinks #search { padding: 0px;float:right;position:static}

.metalinks .searchxfa:after,
.metalinks .searchxfa::after {
    font-family: FontAwesome;
    content: "\f002 ";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 1.5em !important;
    color: #333;
}
.metalinks .flinks {float:right;position:static}
.metalinks .flinks a {color:#000000; text-decoration:none;}
.metalinks .flinks a:hover {color:#444; font-weight:normal; text-decoration:none;}
.metalinks #language {float: left; padding: 4px 10px 0 0; margin:0;}
.metalinks #loginout {background:none;}

.metalinks #top_functionallinks  {
    float: left;
}


.metalinks #top_functionallinks a.foot_barriere::before {content: "\e900";}
.metalinks #top_functionallinks a.foot_ls::before {content: "\e901";}
.metalinks #top_functionallinks span { text-indent:-99999px;display: inline-block}

.metalinks  #qs_query {
    font-size: 1.1em;
    padding: .25em;
    border: 1px solid #999;
	border-radius: 5px
}


#top_functionallinks a::before {
    color: #000;
    font-family: FontAwesome;
	font-size: 1.5em;
	margin-right: .25em;
	vertical-align: middle;
}

#top_functionallinks a.foot_barriere::before {content: "\e900";}
#top_functionallinks a.foot_ls::before {content: "\e901";}
#top_functionallinks a.foot_gb::before {content: "\e902";}

.metalinks #top_functionallinks span.contrast-switcher,
.metalinks #top_functionallinks span.kontrast-normal,
.metalinks #top_functionallinks span.kontrast-inverse { text-indent:0 !important;; display: inline-block}
.metalinks #top_functionallinks span span { text-indent:-99999px;display: inline-block}

.metalinks #top_functionallinks span.contrast-switcher {padding:0 .25em}
.metalinks #top_functionallinks span.contrast-switcher a {vertical-align: middle;}

.contrast-switcher a.active {display: none}

#top_functionallinks a.foot_barriere::before,
#top_functionallinks a.foot_ls::before,
#top_functionallinks a.foot_gb::before 
 {
  font-family: 'iconbarriere' ;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 
.metalinks .skalierung {
    float: left; line-height: 160% ; padding: .25em 0 0 0;
}

.metalinks .skalierung a {
    margin: 0 .5em 0 0;
}


.metalinks #top_functionallinks a {
    font-size: 1.15em ;
    margin: 0 .5em 0 0 ;
}

.metalinks .search.toggle-overlay a i, .metalinks .search.toggle-overlay a em {
    margin-left: 0em
}

.metalinks #top_functionallinks a.foot_ls {
    margin: 0;
}

.metalinks #language {
    float: right!important;
    padding: 5px 7px 0 0 !important;
}

.metalinks #language img {
    width:30px;
         height:15px
}




/* -------------------- nav -------------------- */
nav
{
  font-family:LatoLatinWeb,Helvetica,sans-serif;
}


.mm-menu a:focus-visible, 
.mm-menu button:focus-visible, 
.mm-menu label:focus-visible {
    outline: 2px solid blue;
    outline-offset: -2px;
}




.flyerNav button.menu .sb-toggle-icon .navicon-line {
    background-color: #fff !important
}

 

.flyerNav .mburger,
.flyerNav button.menu {

    background-color: #ac162b;
}
.flyerNav .mburger b {color:#fff}


.wechselbanner .banner{
    min-height: auto; display: none
}




#close {right: .75em;position: absolute;z-index: 999;background: #fff;border: 1px solid #ac162b;
border-radius: 2px;padding: 2px;top: .5em; color: #ac162b;}






/* -------------------- main -------------------- */
 

.ym-col1 {
    width: 0;
    display: none;
}




#main #l-content,
#main #l-service,
#main #l-credits,
#main > .ym-column {  
    max-width: 1200px;
    width: 100%;
    margin: 0 auto; 
    padding: 0 10px;
}

#main #l-service {margin-top:3em}
.creditsSlot {
    font-size: .75rem;
    margin: 3em 0 0 0;
	padding: 0 10px;
}

.ym-col2,
.ym-col2.ym-col2wide {
    margin-left: 0;
    width: 100%; 
    overflow: visible;
}

 

.home #main {
    margin-top: 3em !important;
}


/* -------------------- wayhome -------------------- */

#main div.breadCrumb  {
    margin: 1.5em 0px 2.5em 0px !important;
    padding: 0px;
}

#main div.breadCrumb ul li
{

    font-size: 1.0em;
}


#main div.wayhome {
    margin: 1.5em 0px 2.5em 0px !important;
    padding: 0px;
}

.breadCrumb .first,
.wayhome .wayhome > span,
.wayhomehome
 {
    padding-left:10px
}


#main .breadCrumb li.current  {
    line-height: 21px
  }
  #main .breadCrumb li.current span.active  {
  font-size: 1.1em !important;  line-height: 21px
}  




#main .wayhome a,
#main .wayhome .current { color:#666666; text-decoration:none; 
    font-weight:normal; font-size:1.0em}
#main .wayhome a:hover { text-decoration:none;}

.wayhomehome,
.wayhome .wayhome span {
    margin: 0 .5em 0 0;
}

#main .wayhome .wayhome span:not(:first-of-type):not(.active)::before {
    content: "\f0da";
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    padding: 0 .25em 0 0;
    color:#666 !important
}

.wayhomehome {
    padding-left: 10px;
  }
  
  
  .wayhomehome  {
    margin: 0 .5em 0 0;
  }
  
  
  #main  .wayhome  .wayhomehome + .wayhome span:not(.active)::before {
      content: "\f0da";
      font-family: FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      padding: 0 .25em 0 0;
      color:#666 !important
  }

/* -------------------- inhalte -------------------- */



h1,
h2,
h3,
h4,
h5,
h6 {
font-family:LatoLatinWeb,Helvetica,sans-serif;
color:#000}

h5 {
    background:none
}



#main #content  .head1,
 h1 {
    font-size: 2.6em !important
}
#main h1 {font-size: 2.6em;margin-bottom: 2rem;}
#main h2  {font-size: 2.00em;margin-bottom: 1rem;margin-top: 2rem;}
#main h3 {font-size: 1.66em;margin-bottom: 1rem;margin-top: 1rem; line-height: 160%;}
#main h4 {font-size: 1.33em;font-weight:bold}
  


blockquote {
    font-size: 1.15em;
    font-family: LatoLatinWeb, Helvetica, sans-serif;
    color:#333 !important;
    line-height: 175%;
    background: url(../img/icons/blockquote.png) no-repeat 0px -3px;
    margin: 2px 0 0 0;
    padding: 0px 0px 0 36px;
}

blockquote::after {
    font-size: 1.15em;
    font-family: LatoLatinWeb, Helvetica, sans-serif;
    color:#333 !important;
    background: url(../img/icons/blockquote-r.png) no-repeat 0px -8px;
    margin: 2px 0 0 0;
    padding: 0px 0px 0 36px;
    content: " ";
}



#main li, #main p, #main, #main .pm-topnews .pm-anreisser,
#footer p, #main .NewsohneTeaser .pm-anreisser, #main .Topnews .pm-anreisser {
    line-height: 160% !important
}

p,
li,
#main .pm-topnews .pm-anreisser,
.basecontent-list .c-list__title {
		font-family:'LatoLatinWeb',Helvetica,sans-serif; font-size:1.15em  
}

   


.dateiGroesse {display:none}


.adresse .adresse_plz,
.adresse .adresse_town  {margin-left:.5em}
.adresse .adresse_plz:not(:empty)  {margin-left:0}
.adresse .adresse_plz:not(:empty)::before  {content:", "}


 
 .searchpath .wayhome {
 	visibility: visible !important
 }
 .url-iframe {overflow:hidden; border:none}


.mehrLink a::before,
.teaser .moreLink a::before {content: "" !important}
.basecontent-dvv-linklist .teaser h2 {font-size:1.4em !important;}
.teasergrid.dachzeile_statt_headline .basecontent-dvv-linklist .teaser h2,
.teaser .text .basecontent-list {display:none;}

.teasergrid  .basecontent-dvv-linklist {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 display: -webkit-flex;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-align-items: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 justify-content: space-between;
 gap: 30px 10px;
 margin-bottom: 3em;
 align-items: flex-start 
}

.teasergrid .nojustyfy.basecontent-dvv-linklist {
    justify-content: normal;
    gap: 30px 2.4em;
}




.teasergrid  .basecontent-dvv-linklist .teaser  {
 width: 31%;
 max-height: 100%;
}


@media screen and (max-width: 991.98px) {
  .teasergrid  .basecontent-dvv-linklist .teaser {
  width:46%
 }
}

@media screen and (max-width: 576px) {
  .teasergrid  .basecontent-dvv-linklist .teaser {
  width:100%
 }
}
 
.teasergrid.erstenewsgross .basecontent-dvv-linklist .teaser:nth-child(1) {
   flex-grow:3; width: 100%;
   max-width:100%;
  }


.cursorPointer {
	cursor: pointer;
}

.primary2 {color:red}
.primary3 {color:#336633}



/*  ----------------  TABELLE ************** */


#main th,
#main td {	    line-height: 160%;	font-family:'LatoLatinWeb',Helvetica,sans-serif; font-size:1.15em  }
#main #content .basecontent-table table tr td,
#main #content table.downloadlist tr td, #main #content table td {padding:.5em .5em .5em 0}
#main #content .basecontent-table table .even {	background: rgb(233, 241, 245) none repeat scroll 0% 0%;}

#main #content .basecontent-table.padding0 table tr td {padding:0}
#main #content .table-scrollable {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em;
  }

#main #content .table-scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
  }

#main #content .table-scrollable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
  }

#main #content table.downloadlist .even {border-bottom: 1px dotted #ddd}
#main #content .basecontent-table table,
#main #content table.downloadlist {margin: 1.5em 0;}
#main #content .basecontent-table.abstandtop0 table {margin-top:0}
#main #content table.downloadlist th.ui-state-default,
#main #content table.downloadlist th.ui-state-active
{border: 0px solid transparent; padding: 4px; color: #000 !important; background: #f6f6f6;}
#main #content table.downloadlist th.ui-state-default a {color: #000 !important}


#main #content table caption {font-weight:bold; text-align: left; margin: .25em 0; font-size: 1.4em;}
table.show-grid tr td {border: 1px dotted #cccccc}



.bgcolor-primary1 {background-color: #f2f2f2}

.zeileblau .bgcolor-primary1  {color: #ffffff! important; background-color: #043882 !important}
.zeilecyan .bgcolor-primary1  {color: #ffffff! important; background-color: #009999 !important}
.zeileorange .bgcolor-primary1  {color: #ffffff! important; background-color: #cc6633!important}
.zeilerot .bgcolor-primary1  {color: #ffffff! important; background-color: #b20000 !important}   
.zeilehellblau .bgcolor-primary1  {color: #ffffff! important; background-color: #94bee7 !important}   
.zeilegruen .bgcolor-primary1  {color: #ffffff! important; background-color: #2ca243 !important}   

#main #content  table.htmltabelle td {border:1px solid #777}
#main #content .basecontent-table table tr.head,
#main #content .downloadlist table tr.head {background-color: #e9e9e9}

#main #content .basecontent-table table .zentriert {text-align:center}

 #main .basecontent-multimedia {margin: 1em 0;}
 #main .basecontent-multimedia audio {
    width: 100%;
    background: rgb(233, 241, 245) !important;
   
}
#main .basecontent-multimedia .mejs__container,
#main .basecontent-multimedia .mejs__layer {
    width: 100% !important;
	min-height: 360px;	
	margin: 1em 0
}
#main .basecontent-multimedia .mejs__container.mejs__audio  {
    width: 100% !important;
	 min-height: auto !important
}



/********  CONTENT COL3 *******/

.ym-col2 #content iframe {margin-bottom:1em; width: 100%; border: 0}


/******** lISTE *******/

#service ul, #content ul,
#service ol, #content ol
	{
	margin: 0 0 8px 8px;
	padding: 2px 0px 6px 0px;
	}
#content ul ul,
#content ol ol
	{
	margin-bottom:0; 
	padding-bottom:0;
	}


#main .basecontent-list ul li, #main .zmbeschreibung ul li {
        margin: 0 0 .8em 0;
        list-style: none;
        background: url(../img/ulicon.jpg) 0 7px no-repeat;
        padding-left:1.5rem;
        }
        
#main .basecontent-list ul li ul li, #main .zmbeschreibung ul li ul li {
        margin: 0;
        list-style: none;
        background: url(../img/ululicon.jpg) 0 7px no-repeat;
        padding-left:1.5rem;
        margin-bottom:0.6em
        }
    
li li {font-size:1.0em}

#main .basecontent-list .c-list__title + ul {margin-top:1em!important}

#main .nobullet .basecontent-list ul li,
#main .basecontent-list.nobullet ul li,
#main .basecontent-list.linkliste ul li {
        background: none 0 0px no-repeat;
        padding:0
            }

#main .basecontent-list.kleinerabstand ul li, 
#main .basecontent-numbered-list ol li {margin-bottom:0.25em}

#main .basecontent-list.float_left ul li, 
#main .basecontent-numbered-list.float_left ol li {float:left!important}
            
	
div:not("#l-service") #service ul a::before {content:"" !important; padding: 0 !important}

.searchSort .sort-direction {
vertical-align: bottom;
}

.ym-columnar .ym-fbox-check .ohnemargin input {
	margin-left:0
}

.basecontent-external-image,
#content .basecontent-alternative-images,
#content .basecontent-image { margin-bottom:20px; margin-right:15px; margin-top:5px;}

.basecontent-image .caption, .basecontent-multimedia .caption {
    font-size: .95em !important;
    max-width: none !important
}

#service .basecontent-image.center,
#service .zentriert {
    text-align: left
}



.skalierbar , .skalierbar img {
	width:100% !important
}

#content .abstandright .image-inner img {margin-right:0px;}	
#content .abstandright {margin-right:0px !important}
.captionright .caption {text-align:right}

.textSubheading {display: block;font-weight: bold }
br~span.teaser-ende {margin-top: 1em;display:block}
 
 /* Dateianhang PDF*/
div.basecontent-attachment a {height:20px}
div.basecontent-attachment img {height:16px;width:16px;vertical-align: middle}
div.basecontent-attdachment a:hover{text-decoration:none}
 



/*
   
.label {
    display: inline;
    padding: 0em;
    font-size: 1em !important;
    font-weight: normal;
    line-height: 1.5em;
    color: inherit;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
}
*/
   
/*FlaggenListen*/
.englisch a, a.englisch 
{background: url(../img/flaggen/en.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 18px !important;}
.franzoesisch a, a.franzoesisch 
{background: url(../img/flaggen/fr.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.italienisch a, a.italienisch
{background: url(../img/flaggen/it.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.russisch a, a.russisch
{background: url(../img/flaggen/ru.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.tuerkisch a, a.tuerkisch 
{background: url(../img/flaggen/tr.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.deutsch a, a.deutsch 
{background: url(../img/flaggen/de.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 22px !important;}
.arabisch a, a.arabisch 
{background: url(../img/flaggen/ar.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.kroatisch a, a.kroatisch
{background: url(../img/flaggen/hr.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 18px !important;}
.hebraeisch a, a.hebraeisch 
{background: url(../img/flaggen/iw.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 26px !important;}
.kurdisch a, a.kurdisch 
{background: url(../img/icons/kurdisch.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 18px !important;}
.persisch a, a.persisch
 {background: url(../img/icons/persisch.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 18px !important;}
.chinesisch a, a.chinesisch  
{background: url(../img/flaggen/zh.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.japanisch a,  a.japanisch  
{background: url(../img/flaggen/ja.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.koreanisch a, a.koreanisch 
{background: url(../img/flaggen/ko_KR.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 18px !important;}
.spanisch a, a.spanisch 
{background: url(../img/flaggen/es.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.niederlaendisch a, a.niederlaendisch 
{background: url(../img/flaggen/nl.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.portugisisch a, a.portugisisch
 {background: url(../img/flaggen/pt.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.albanisch a, a.albanisch 
{background: url(../img/flaggen/sq.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 26px !important;}
.serbisch a, a.serbisch 
 {background: url(../img/flaggen/sr.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.ukrainisch a, a.ukrainisch 
 {background: url(../img/flaggen/uk.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}
.rumaenisch a, a.rumaenisch 
 {background: url(../img/flaggen/mo.svg) no-repeat left !important; padding-left: 44px !important; background-size: 36px 24px !important;}



#main .basecontent-dvv-service-bw-beh-rdendaten .bwDat .mail .value a.mailLink::before,
#main .basecontent-dvv-service-bw-einzelner-kontakt .bwKontakt .mail .value a.mailLink::before,
#main .basecontent-dvv-service-bw-kontakte .bwKontakt .mail .value a.mailLink::before,
#main .mail .email::before,
#main .person .email::before,
#main .kommunikation-EMAIL .mailLink::before,
#main .kommunikation-DEMAIL .mailLink::before,
#main p .mailLink::before,
#main ul .mailLink::before {
    content: "\f2b7";
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .25em 0 0;
}


    #main .kommunikation-SERVICEKONTO a::before,
    #content #lpSeite p a.sp-m-externalLink::before,
    #main .kommunikation-internet a::before,       
#main .zmbeschreibung a::before,
#main .zmkurzbeschreibung a::before,
.l-page #page_margin #main p .httpsLink::before, 
.l-page #page_margin #main ul .httpsLink::before, 
.l-page #page_margin #main ol .httpsLink::before, 
.l-page #page_margin #main td .httpsLink::before, 
.l-page #page_margin #main p .externerLink::before, 
.l-page #page_margin #main ul .externerLink::before, 
.l-page #page_margin #main ol .externerLink::before, 
.l-page #page_margin #main td .externerLink::before, 
#page_margin #main p .sp-m-externalLink::before,
#page_margin #main p .internerLink::before, 
#page_margin #main ul .internerLink::before,
#page_margin #main ol .internerLink::before,
#page_margin #main td .internerLink::before,
#page_margin #main p .ankerLink::before, 
#page_margin #main ul .ankerLink::before,
#page_margin #main ol .ankerLink::before,
#page_margin #main td .ankerLink::before,
#main #content #lpSeite p a.sp-m-externalLink::before,
#main #content .verfahren .leistungen .preamble.section-text a::before,
#main #content .ym-form a.privacyStatementConfirmation::before,
#main #lpSeite p a::before,
#node205252 #zmEListe .zmitem p a::before

 {
            content: "\f178";
            font-family: FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            padding: 0 .25em 0 0;
        } 

 #main p .dateiLink.pdfLink::before, 
 #main p .pdfLink.linkTyp_pdf::before, 
 
 
 #main span .dateiLink.pdfLink::before, 
 #main td .dateiLink.pdfLink::before, 
 #main ul .dateiLink.pdfLink::before,
 #main ol .dateiLink.pdfLink::before,
 .l-page #main .homepage .dateiLink.pdfLink::before,
 #main #lpSeite a[href$=".pdf"]::before,
 #main .basecontent-attachment a::before
 
 {
            background-image: url("../img/icons/pdf.svg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            content: "" !important;
            display: inline-block;
            width: 24px;
            height: 28px;
            margin: 0em .25em -.25em 0;
            line-height: 160% !important;
        }   

#main li .basecontent-image .internerLink::before {content: "" !important}
 
#main p.ohnelinkzeichen .internerLink::before,
#main p.ohnelinkzeichen .externerLink::before,
#main p.ohnelinkzeichen .httpLink::before,
#main p.ohnelinkzeichen .httpsLink::before,
#main p.ohnelinkzeichen .pdfLink::before,
#main .ohnelinkzeichen .internerLink::before,
#main .ohnelinkzeichen .externerLink::before,
#main .ohnelinkzeichen .httpLink::before,
#main .ohnelinkzeichen .httpsLink::before,
#main .ohnelinkzeichen .pdfLink::before  {content: "" !important; padding: 0}
        

    
#main .basecontent-attachment a img {display: none}
#main .basecontent-attachment a span.caption {line-height: 160% !important; font-family: 'LatoLatinWeb',Helvetica,sans-serif;
    font-size: 1.15em;}



#main .ButtonLinkinvers .dateiLink.pdfLink::before,
#main .ButtonLink .dateiLink.pdfLink:hover::before {
                   background-image: url("../img/icons/pdf_white.svg");
                   background-position-y: 2px;
               }       
#main .ButtonLinkinvers .dateiLink.pdfLink:hover::before {
                   background-image: url("../img/icons/pdf.svg");
               }                  

#main p .dateiLink::before, 
#main span .dateiLink::before, 
#main td .dateiLink::before, 
#main ol .dateiLink::before, 
#main ul .dateiLink::before {
                          background-image: url("../img/icons/datei.svg");
                          background-repeat: no-repeat;
                          background-size: 100% 100%;
                          content: "" !important;
                          display: inline-block;
                          width: 24px;
                          height: 28px;
                          margin: -.25em .25em -.25em 0;
                          line-height: 160% !important;
                      }       

                      

 #main p .dateiLink.linkTyp_mp3::before, 
 #main span .dateiLink.linkTyp_mp3::before, 
 #main td .dateiLink.linkTyp_mp3::before, 
 #main ol .dateiLink.linkTyp_mp3::before, 
 #main ul .dateiLink.linkTyp_mp3::before {
            background-image: url("../img/icons/mp3.svg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            content: "" !important;
            display: inline-block;
            width: 24px;
            height: 28px;
            margin: -.25em .25em -.25em 0;
            line-height: 160% !important;
        }       

#main p.mehrLink .dateiLink.pdfLink::before {background: none; width: auto; height: auto; margin: 0 !important;}

#service .basecontent-list, .servicefake .basecontent-list, #service .basecontent-attachment, .servicefake .basecontent-attachment {
            padding: 0px 0px 0 0px;
            font-size: 1em;
        }


.ausgegraut,
.ausgegraut h1, .ausgegraut h2, .ausgegraut h3,
.ausgegraut a, .ausgegraut a:link
 {
	color:#999999 !important}







 
.boxteaser  {
	CURSOR: pointer; 
    margin-top: 1.25em !important; 
    display: flex;
}
 
article.boxteaser h2::before,
.boxteaser:not(article)::before {
content: "\f054";
font-family: FontAwesome;
font-size: .9em !important;
font-weight:normal! important; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 .54em 0 0;
}


.boxlang,
.boxlang .boxteaser {margin-left: 2em; margin-top: 1em; }
#main .boxlangohneeinzug  {margin-left: 0em !important; margin-top: 1em; }
#main .boxlangohneeinzug .boxteaser  {margin-left: 0em !important; margin-top: 1em; }
.boxlang .boxlang   {margin-left: 4em; margin-top: 1em; }
#main .boxlangohneeinzug .boxlang,
#main .boxlangohneeinzug .boxlang .boxlang,
#main .ohneeinzug .boxlang,
#main .ohneeinzug .boxlang .boxteaser,
#main .ohneeinzug .boxlang .boxlang {margin-left: 0em !important; margin-top: 1em; }


article.boxlinkexpand h2::before, 
.boxlinkexpand:not(article)::before  {
content: "\f078"!important; 
font-family: FontAwesome;
font-size: .9em !important;
font-weight:normal !important; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 .25em 0 0 !important; 
}



.togglable a.less::before  {
    content: "\f054";
    font-family: FontAwesome;
    font-size: .9em !important;
    font-weight:normal! important; 
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .5em 0 0;
    }
    .togglable a.more::before {
    content: "\f078";
    font-family: FontAwesome;
    font-size: .9em !important;
    font-weight:normal! important; 
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .54em 0 0;
    }
    
    .boxteaser:hover {cursor:pointer}
    
    .readmore .teaser-ende {
        display: block;
        width: 100%;
        border-bottom: 1px solid #e2e2e2;
        
        text-align: center;
        text-decoration: none
    }
    
    .readmore .teaser-ende::before {
        background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), #fff) repeat scroll 0 0;
        bottom: 20px;
        content: "";
        display: block;
        height: 40px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    

.popup {
    background: rgba(255, 148, 148, 0.9) none repeat scroll 0 0;
    box-shadow: 6px 6px 16px #888888;
    margin: 0 0 0 3em;
    padding: 12px;
    position: absolute;
    width: 60%;
    z-index: 9999;
    
}
.popup:hover {
	cursor:pointer;
}


/*  Suche */
 
 
.ergebnisseKopfNav {margin:2em 0; display: block}
 
.ergebnisseRumpf ul { padding: 0px !important;  margin: 0 !important; list-style:none none !important;}
.ergebnisseRumpf ul li { padding: 3px !important;  margin: 3em 0 0 0 !important; list-style:none none !important;
}

.ergebnisseRumpf ul li .link h3 a::before {
content: "\f178";
font-family: FontAwesome;
font-size: .9em !important;
font-weight:normal! important; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 .25em 0 0;
color: #666;
}

.ergebnisseRumpf ul li.pdf .link h3 a::before {        
content: "\f1c1";
}


.ergebnisseRumpf .description {font-size:.95em; line-height:160%;}
 
#ergebnisse {margin-top:3em}
#ergebnisse .searchpath {border-top: 1px solid #eaeaea; font-size: 0.95em; line-height: 140%; margin-top: 1em; padding-left: 14px; padding-top: 0.25em;}
#ergebnisse .searchpath a {color: #666 !important;}
#ergebnisse .search .data .description b {background: rgba(255, 255, 0, 0.2) none repeat scroll 0 0;}


.suchbutton {
    float: left;
    display: block;
}


.extendedsuche {
    display: block;
    text-align: right;
} 
 
ul.ui-autocomplete {background: rgba(255,255,255,.9); list-style-type: none; width:20em;z-index:9999}
ul.ui-autocomplete li  {margin-left:0.25em}
ul.ui-autocomplete li a {color:#333; font-size: .95em;}

.searchSort button { 
font-size: .95em; 
}

.extendedSearch {margin-top:2em}
.extendedSearch .searchFilterBox .filterheadline,
.extendedSearch .searchFilterBox .searchFilterHead,
.extendedSearch .searchFilterLeft {
    font-weight: bold;
    line-height: 1.7em;
    margin: .5em 0;
}
.extendedSearch select,
.searchForm-sections select,
.extendedSearch .searchInputField  {
    font-size: 1.1em;
    padding: .25em;
    border: 1px solid #ccc;
    line-height: 1.5em;
    width: 19em;
}

.searchForm-sections select   {	width: 16em;}
.extendedSearch select {min-height: 12em}
 
.search .wayhome {
    display: block;
    margin: 0.5em 0;
    padding-left: 14px;
}

.search .info {
padding: 8px 10px 10px 10px;
background: #eee;
margin-top: 1em;
}

.search .voedatum {
    margin-left: 1em;
}



.searchDiv #ergebnisseRumpf .resultScore::after {
    float: right;
    margin-right: 1em;
    font-weight: bold;
    color: #333;    
	border: 1px solid #ccc;
    padding: 2px 4px;
}

.searchDiv #ergebnisseRumpf .behoerdenwegweiser .resultScore::after { content: '\0000C4mter A-Z';}
.searchDiv #ergebnisseRumpf .verfahrensbeschreibung .resultScore::after { content: 'Service A-Z';}
.searchDiv #ergebnisseRumpf .news .resultScore::after { content: 'News / Pressemitteilungen';}
.searchDiv #ergebnisseRumpf .musik .resultScore::after { content: 'Musikverzeichnis';}
.searchDiv #ergebnisseRumpf .stadtwerke .resultScore::after { content: 'Stadtwerke';}
.searchDiv #ergebnisseRumpf .pdf .resultScore::after { content: 'Dokument';}

#node841050 .basecontent-dynamic-content .w100image,
#node841053 .basecontent-dynamic-content .w100image {margin-right:20px !important;}


 

body.overflowhidden {
    overflow: hidden;
}

.search-overlay .ui-autocomplete { z-index: 20100; top: auto !important; left: 0px !important; position: relative; width: auto !important}
.search-overlay .ui-autocomplete li.ui-menu-item a { display: block; border-bottom: 1px solid #98b0b3; padding: 15px 10px;}
.search-overlay .ui-autocomplete li.ui-menu-item a:after { content: "auswaehlen"; text-decoration: underline; float: right; font-size: 0.75em; }
.search-overlay .ui-autocomplete li.ui-menu-item a b { font-weight: normal; }

.search-overlay {
  background: rgba(0,0,0,.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
z-index: 20000;}

.search-overlay .close {
    font-size: 50px;
    padding: 30px;
    float: none;
    position: absolute;
    right: 0;
	color:#fff !important;
	opacity:1 !important;
}

.search-overlay .close:focus, 
.search-overlay .close:hover {
	color:#fff !important;
    cursor: pointer;
}
  
.search-overlay.open {
	opacity: 1;
	visibility: visible;
}

.search-overlay__inner {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.c-meta__search {
	background: rgba(255,255,255,.2);
}
 
.c-meta__search #qs_query {
    font-size: 2rem;
	background:transparent;
    color: #fff;
    border: 0px solid #fff;
    /*width: 95.5%;*/
    padding: .2em;
}

.c-meta__search #qs_query:focus-visible,
.c-meta__search #qs_query:focus {outline: 1px solid #ac162b}


#quicksearch .quicksearchimg {
    cursor: pointer;
    background: #ac162b;
    border: 0;
    color: #fff !important;
    font-size: 2rem;
    padding: .25em;
}

.searchForm input[type="search"]  {
    font-size: 2rem;
    width:100%;
    background: rgba(255,255,255,1);
    color: #000;
    border: 1px solid #ccc;
    padding: .25em;
	margin-bottom:.25em;
}


.search-overlay .searchForm input[type="search"]  {
    border: 0px solid #fff;
    padding: .25em;
	margin-bottom:.25em;
}
.search.toggle-overlay {float:right}
.search.toggle-overlay a  i,
.search.toggle-overlay a em
 {
    font-size: 2em;
    padding: 0 .25em;
    margin-left: .5em;
    color: #000
} 

/* TOUR  */

.tourNav {margin: 2em 0 2em 0; text-align: center}



.pressebox {
margin:1em 0; padding:6px 8px 8px 6px;
border: 1px solid #b9b9b9;
box-shadow: 1px 1px 2px rgba(0,0,0, .1);
max-width:97%
}


.redshadedbox {
       border: 2px solid red;
    border-radius: 6px;
    box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.2);
    margin: 0.5em 1em 2em 0.25em;
    padding: 12px;
}

.durchgestrichen {
    text-decoration: line-through !important
}

.shadedlist li {
    border: 0px solid #fff;
    border-radius: 6px;
    box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.2);
    margin: 0.5em 1em 2em 0.25em!important;
    padding: 12px;
}

.reset_gallery {background:none;border:none;outline:none}
.imageGallery .composedcontent-bildergalerie__images,
.imageGallery .composedcontent-image-gallery__images {
	display: flex;
	margin: 2em 0 2em 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    align-items: flex-start;
}

.imageGallery .galleryImage {width: 31%} 
.imageGallery.gallery5cols .galleryImage {width: 18%} 
.imageGallery.gallery4cols .galleryImage {width: 24%}
.imageGallery.gallery3cols .galleryImage {width: 31%}
.imageGallery.gallery2cols .galleryImage {width: 46%}
 
.imageGallery .galleryImage .center,
.imageGallery .galleryImage .float_left,
.imageGallery .galleryImage .float_right {float:none; margin: 0;}

.imageGallery .galleryImage img { width: 100%;}

.imageGallery .galleryImage .image {
    height: auto;
    max-width: 100%;
    width: auto !important;
}

.imageGallery .galleryImage .image .image-inner {
    width: 100% !important;
} 

.imageGallery .galleryImage .basecontent-line-break-text {
    font-size: .85em;
    padding: 5px 5px 0 5px;}


 


.zmRegister {position: relative; margin-top: 1em;  overflow: hidden; width: 100%;  padding: 4px}
.zmRegister a.aktiv,
.zmRegister span.inaktiv 
 {   font-size:.92em; margin: 1em 0.1em 1em 0; border: 1px solid #CDD0D6;  line-height:180%; padding: 0 1px; text-align:center; text-decoration:none;}

.zmRegister a.aktiv:hover, 
.zmRegister a.aktiv:active {text-decoration:underline;}
.zmRegister span.inaktiv {color:#aaa}
.vCalendarLink  {float:right; }
 

/* vk2 * */


.calendar_container #zmEListe .dtTimeInfo,
.calendar_container #zmEListe .uhr {
    padding: 0 0 0 0;
    display: block;
    margin: .5em 0;
    font-family: 'LatoLatinWeb',Helvetica,sans-serif;
    font-size: 1.15em;
    line-height: 160% !important;
}

.calendar_container #zmEListe p.date::before, 
.calendar_container #zmEListe .uhr::before,
.calendar_container #zmEListe .dtTimeInfo::before,
.calendar_container #zmEListe span.location::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.calendar_container #zmEListe p.date::before {
content: "\f073";
padding: 0 .75em 0 0em;
}

.calendar_container #zmEListe p.location .location {display:inline; margin:0 !important;}

.calendar_container #zmEListe span.location::before {
content: "\f041";
padding: 0 1.25em 0 0.1em;
}

.calendar_container #zmEListe .bildcss .img {
  display: block;
}

.calendar_container #zmEListe .uhr::before,
.calendar_container #zmEListe .dtTimeInfo::before {
 content: "\f017" !important;
 padding: 0 1em 0 0;
}

.calendar_container #zmEListe .zmitem {padding:.5em; margin: .5em 0}
.calendar_container #zmEListe .zmitem .gridlayout {margin-bottom: 0em;}
#main #content .calendar_container #zmEListe .zmitem h2.titel {margin-top: 0;}

.calendar_container #zmEListe .datebox {
 float: right; 
 background-color: #ac162b;
 padding: 7px 10px;
 margin: 0em 0 1em 1em;
 display: block
}
.calendar_container #zmEListe .datebox span {
    display: block;
    font-size: 1.5em;
    line-height: 95%;
    padding: 0;
    text-align: center; color:#fff !important;
}
.calendar_container #zmEListe .datebox span.dateboxday {
font-size: 1.9em;
font-weight: 700;
line-height: 110%;
 }
.calendar_container #zmEListe .ym-g50 .item {
    display: block;
    overflow: hidden;
}

/* ZM Selbst */

#myEditorCnt.myEditorCnt,
#uebersicht .mymodul.it {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  border-radius: 6px;
  padding: 10px;
  margin:1em 0
}
#myEditorCnt.myEditorCnt h1.head,
#uebersicht .mymodul.it h1.head {
   font-size: 1.75em !important;}
#uebersicht .mymodul.it .btn {
    border: 1px solid #ac162b;
    color:#ac162b}

#uebersicht .mymodul.it .btn:hover {
    background-color:#ac162b;
color:#fff}

#uebersicht .mymodul.it .se .itx {margin:.5em 0; line-height: 160%;}
#uebersicht .mymodul.it .xtitel .von,
#uebersicht .mymodul.it .xtitel .bis {margin:0 .5em 0 0}



/* VK-Details */
.zmnav,
.zmnavoben,
.zmnavunten {display: block; height: 3em}
.zmnavunten {margin-top: 1em}
.zmnav hr {display: none}

.zmnavprev a, .zmzureu a, .zmzursuche a, .zmnavnext a, .btn-feedback a {
    text-align: center;
    text-decoration: none;
	padding:.5em .75em;
}

.zmzureu, .zmzursuche, .zmnavnext, .zmnavprev {margin:1.5em 0.5em 0.5em 0;}
.zmnavprev, .zmnavnext {display: inline}

#zmDetail .zmzureu,
#zmDetail .zmzursuche,
#zmDetail .zmnavnext {float: left}
.zmnavseparator {visibility:hidden}
.vevent {overflow:auto;}

 
#zmEListe .zusatz {margin: 0.5em 0;}
#zmEListe .location {margin: 0.5em 0 0; display:block} 
#zmEListe .img {display:none} 
#zmEListe .uhr {padding: 0 0 0 0}
#zmEListe .uhr::before {content: " | ";}

#zmDetail .zmtitel h2.zeit {font-size: 1.3em;}
#zmDetail .zmtitel h2.titel {font-size: 1.6em;}
#zmDetail .zmtitel h3.zusatzbezeichnung {font-size: 1.1em}

#zmDetail .image {margin:1em 0}
#zmDetail .image .caption {font-size: .95em;}
#zmDetail .vevent {overflow:hidden;}

#zmDetail .zmVeranstalter .kopf .value,
#zmDetail .zmOrt .kopf .value {font-size: .95em}
#zmDetail .zmVeranstalter .rumpf,
#zmDetail .zmOrt .rumpf    {font-size: .95em}
#zmDetail .vCardLink,
#zmDetail .vCard .mail .bez {display:none}
 
.zmkurzbeschreibung .label,
.zmbeschreibung .label {display:none}
 
#zmDetail .category {clear:both;margin: .75em 0;padding: 1em 0 .5em 0; border-bottom:1px solid #b3b3b3;  }

#zmDetail .category h3.label,
#zmDetail .category .value  {font-size: .95em;display:inline;}
#zmDetail .category .zmkatLink {margin-left: .4em} 

#zmDetail .sammel {
	margin-bottom: 2em
}
#zmDetail .sammel .data  {font-size: .95em;display:inline;}

#zmDetail .zmanfahrt {margin-top: .5em}
#zmDetail .zmanfahrt .label,
#zmDetail .beschreibung .label {display: none}

#zmDetail .zmbeschreibung .description,
#zmDetail .zmkurzbeschreibung .description,
#zmDetail .homepage {margin:1em 0}
#zmDetail .homepage .label {display: none}
#zmDetail .homepage.ButtonLink {margin-top:0}
#zmDetail .homepage.ButtonLink a {
    font-size: 1.15em;
  }


#zmDetail .zmbeschreibung .description,
#zmDetail .zmkurzbeschreibung .description {
           line-height: 160% !important;
           font-family: 'LatoLatinWeb',Helvetica,sans-serif !important;
           font-size: 1.15em;
  }
  
  
  
  #zmDetail .zmbeschreibung .description p,
  #zmDetail .zmkurzbeschreibung .description p,
  #zmDetail .zmbeschreibung .description li,
  #zmDetail .zmkurzbeschreibung .description li {
             font-size: 1em;
    }

#zmDetail .rumpf .vCard .cityline .postal-code {
	padding-right:.25em
}
#zmDetail .rumpf .vCard .organization {display:none}

/**VK und alle Module**/


div.zmSuchButton input  {
 font-size: 1.1em;
 width: auto;
 text-align: center;
 cursor: pointer;
 padding:.25em .5em;
 transition: .1s all ease-in-out
}

div.StandardFormular input {
 font-size: 1.1em;
 width: auto;
 text-align: center;
 cursor: pointer;
 padding:.25em .5em;
 transition: .1s all ease-in-out
	
}

div.zmSuchButton input:focus,
div.StandardFormular input:focus  {
 color: #000000;
 border: #000 1px solid; 
}

 
div.zmSuchButton input:hover,
div.StandardFormular input:hover {
 border: #000 1px solid; 
 text-align: center;
 cursor: pointer;
 padding:.25em .5em;
 transition: .1s all ease-in-out
	
}



/* VK */
.basecontent-dvv-zm-vk ul {margin: 0 !important; list-style:none;}
.basecontent-dvv-zm-vk ul li {margin: .75em 0 !important; list-style:none;}
.basecontent-dvv-zm-vk .description, 
.basecontent-dvv-zm-vk .datum {font-size:.95em }
.basecontent-dvv-zm-vk .data {font-size:1.1em }
.basecontent-dvv-zm-vk .zusatz {margin-bottom:1em }
.basecontent-dvv-zm-vk .summaryzusatz {font-size:.95em }
.basecontent-dvv-zm-vk .summarytitle {font-size:.95em; font-weight: bold }
.basecontent-dvv-zm-vk .internerLink  {padding-left: 0px !important; background:none !important; font-weight:bold}
.ym-col3 .basecontent-dvv-zm-vk .internerLink  {font-size: .95em; font-weight:normal}
.znx {font-size: .85em}


/*Pressemodul*/

 .pm-detail {display: block; overflow: hidden; margin: 3em 0; 
border-top: 1px solid #E1E1E1;
}
.pm-detail .pm-from,
.pm-detail .pm-parentRubrik  {font-size:.98em; padding: 2px 0 2px 2px; margin-right: 25px;  float: left }
 
.pm-headlink {font-weight:bold!important;}
.pm-bild {float:left;margin:0 1em 1em 0}
.pm-meldung {margin-bottom:1em;display: block; overflow:hidden}
.pm-anreisser {
	margin: 0 0 1em;
	line-height: 1.5em
}
.pm-mehrlink, .pm-detaillink {float:right; margin: 0em 1em 1em 0em; clear: both; display:block;}
.pm-anreisser-bild .pm-detaillink,
.pm-anreisser .pm-detaillink {float:none; margin: 0em; clear: none}

.pm-image-copyright {
    left: 0em;
    position: relative;
    top: -1.75em;
}

.pm-image-copyright-inner {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    font-size: 0.7em;
    padding:0 .5em
}


 .pm-tags h4 {display: none}
.pm-tags ul li  {float:left; list-style:none; display:block; margin-left:0; margin-right: 0.5%;}
.pm-tags ul li  a { 
    background: #9a231b;
    color: #fff !important;
    border: 0px solid #fff;
    border-radius: 5px;
    padding: 3px;
	display: block
} 
.pm-tags ul li  a:hover { 
    background: #781b15
}


.pminfo {
  background-color: rgb(233, 241, 245);
  padding: 20px;
  background-image: url("../img/icons/info.svg");
  background-repeat: no-repeat;
  background-position: 20px;
  padding-left: 90px;
  background-size: 40px;
  margin-bottom: 30px;
}
 
 
 
 
 #content .pm-pager .inactive a   {
	color: #ac162b !important;
	border:1px solid #ac162b;
	padding: .5em .75em;
} 
#content .pm-pager .current  span,
#content .pm-pager .inactive a:hover
 {	background-color: #ac162b;
	color:#fff !important;
	border:1px solid #ac162b;
	padding: .5em .75em;}
 
.pm-pager {
    clear: both;
    margin: 20px 0px;
	gap:0 .5em;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
	width: 100%;}
.pm-pager span:first-child,
.pm-pager span:last-child {
    float: none;
    position: static;
}
 

#main .pm-topnews .top,
#main .Topnews .pm-meldung
 {margin:1em 0 1em 0;display:block;overflow:hidden;border-top: 0px dotted #b3b3b3;  } 

#main .Topnews .dachzeile {margin-bottom:.25em !important;
font-size:1.0em !important}

.pm-pubDate,
#main .Topnews .pm-meldung .date,
#main .Topnews .odd .date,
#main .Topnews .even .date {
	display:none
}

#main .Topnews .pm-head h2 {font-size:1.4em !important; margin:0 !important;}

.Topnews .pm-bild {
    float: none !important;
   margin-right: 0 !important;
    }

.Topnews .pm-bild.ym-hideme {
	position:static !important;;
}



/* --------------------  login -------------------- */

#main #loginForm {display: block; overflow: hidden}
#main #service #loginForm {width: 100%}
#main #loginForm fieldset, #main .hello  {margin-bottom:1em;padding:1.0em; border: 1px solid #b3b3b3}

#main #loginForm fieldset input[type=text], 
#main #loginForm fieldset input[type=password] {margin-bottom:1em;padding:0.5em;line-height:1.4em}
#main #loginForm fieldset input[type=reset], 
#main #loginForm fieldset input[type=submit] {padding:0.5em 3em;width:14em;}
 
#main #j_username {
    background: url("../img/links/user.png") no-repeat scroll right 0px transparent;
    border: 1px solid silver;
    padding-left: 18px;
}

#main #j_password {
    background: url("../img/links/key.png") no-repeat scroll right 0px transparent;
    border: 1px solid silver;
    padding-left: 18px;
}
 
.required .message, 
.error .message,
.contentForm .error {font-weight:bold; color: red; }



/* --------------------  comments -------------------- */
#main .commentDiv {margin-top:8em}
#main .commentDiv .title {
    color: #fff;
    font-weight: bold;
    padding: 2px;
}

#main .commentEnabledDiv {display: block;overflow: hidden;}

#main .commentEnabledDiv .commentEnabledDiv {margin-left: 2em}
#main .commentEnabledDiv .onliner {
    position:relative;
    background:rgb(233, 241, 245) none repeat scroll 0% 0%;padding: .25em;}


#main .commentEnabledDiv .onliner::before {
  background-image: url("../img/wappen_klein.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 2px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  position:absolute; right:2px; top:2xp;
}


#main .commentDate {font-size:0.85em}
#main .commentText {margin-top:1em;}
#main .commentDiv hr {border-top: 1px solid #aaa;}
#main .commentFunctions {margin-bottom:.25em;float:right;font-size:0.85em}
#main .commentFunctions  a  {
    border:1px solid #ac162b;
    color:#ac162b !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    line-height: 180%;
}
#main .commentFunctions  a:hover {
 color:#fff!important;
 background: #ac162b ;
}

.commentDiv .title {
    background: #000 !important;
    color: #fff !important;
    font-size: 1.5em;
}

#create_comment_form .fieldset legend {display: none;}



/*  ---------------------------------------     */ 

 
.composedcontent-box-fr,
.composedcontent-box,
.composedcontent-dvv-box,
.composedcontent-newsbox,
.composedcontent-newsbox-in-boxen
 {display:block; overflow:hidden }


 .composedcontent-newsbox-in-boxen .basecontent-dvv-diagramm {max-width:560px}

/*  Styles */ 

#main hr {
    border: 1px solid transparent;
    border-top: 2px dotted #888;
    margin:1em 0;  height: 1px
}

#main hr.punkte {border-top:1px dotted #dcdcdc}
#main hr.linie {border-top: 1px solid #666}
#main hr.dash {border-top: 1px dashed #dcdcdc}
.abisz ol { list-style-type: upper-latin !important}
 


.redbox {border:1px solid red!important; padding:4px;margin:2em 0}
.redborder, .redborder img {
  border: 1px solid #ac162b;
}
.cyan { color: #009999 !important}
.orange {color: #cc6633!important}
.inline {display:inline !important}    
.gold {color: #d2ac2c !important}
p.rot {border:2px solid #ac162b;box-shadow:1px 1px 2px}
H2.rot {color: #b20000 !important}


.ym-form legend {
    border: #e7ebed 0px solid;
    background-color: transparent;
    padding: 0 !important;
}

.w18 {width: 18% !important}
.w20 {width: 20% !important}
.w30 {width: 30% !important}
.w40 {width: 40% !important}
.w47 {width: 47% !important}
.w50 {width: 50% !important}
.w60 {width: 60% !important}
.w65 {width: 65% !important}
.w70 {width: 70% !important}
.w80 {width: 80% !important}
.w90 {width: 90% !important}
.w100 {width: 100% !important} 
.w500 {width: 500px !important}
.w540 {width: 540px !important}

.resizedW400 { max-width: 400px; }

.Veranstaltungskalender .bildcss img,
.presse-uebersicht .pm-bild img,
.w100imagetopnews img,
.w100image img {
    width: 100%;
    height: 100%;
}

.w100image600 img {
    max-width:600px
}
.Veranstaltungskalender .bildcss .img,
.presse-uebersicht .c-pm-meldung__bild,
.w100imagetopnews .image,
.w100image .image {
    width: 100% !important;
}

.Veranstaltungskalender .bildcss,
.presse-uebersicht .pm-bild,
.w100imagetopnews .pm-detaillink-image,
.w100image  {
    height: auto;
    max-width: 100%;
    width: auto !important;
    margin-right:  0% !important;
}
   
.bx-wrapper .w100image  {
    margin-right: 0% !important;
}
   
.w90image img {
    width: 100%;
}
.w90image .image {
    width: 100% !important;
}

.w90image  {
    height: auto;
    max-width: 100%;
    width: auto !important;
    margin-right: 4% !important;
}

.h800, .h800  iframe {height:800px}
.h900, .h900  iframe {height:900px}
.h1000, .h1000 iframe {height:1000px}

.w66img {max-width: 66% !important}
.w66img img {width:100%}

.abstandtop0 {margin-top: 0em !important}
.abstandtop1 {margin-top: 1em !important}
.abstandtop2 {margin-top: 2em !important}
p.abstandtop3,
.abstandtop3 {margin-top: 3em !important}
.abstandtop4 {margin-top: 4em !important}
.abstandtop5 {margin-top: 5em !important}
.abstandtop6 {margin-top: 6em !important}
.abstandtop7 {margin-top: 7em !important}
.abstandtop_1 {margin-top: -1em !important}
.abstandtop_2 {margin-top: -2em !important}
.abstandtop_3 {margin-top: -3em !important}
.abstandbottom0 {margin-bottom: 0em !important}
.abstandbottom1 {margin-bottom: 1em !important}
.abstandbottom2 {margin-bottom: 2em !important}
.abstandbottom4 {margin-bottom: 4em !important}
.abstandbottom5 {margin-bottom: 5em !important}
.abstandbottom6 {margin-bottom: 6em !important}
.abstandbottom7 {margin-bottom: 7em !important}
.abstandtop5px {margin-top: 5px !important}
 
.abstandbottom0 ul {padding-bottom:0 !important}
.abstandrechts1  {margin-right: 1em !important}
.abstandleft1  {margin-left: 1em !important}
.abstandrechts2  {margin-right: 2em !important}
.abstandleft2  {margin-left: 2em !important}
.abstandleft4  {margin-left: 4em !important}
.abstandleft05  {margin-left: .5em !important}
.abstandrechts4  {margin-right: 4em !important}
.abstandinnenlinks1  {padding-left: 1em !important}
.abstandinnen1  {padding: 1em !important}
.abstandinnenrechts1  {padding-right: 1em !important}
.abstandinnenrechts2  {padding-right: 2em !important}
.abstandliste ul {    margin: 0 0 1em 0em !important}

.align_center {text-align: center; display: block}
.zentriert {text-align: center;}
.links {text-align: left;}
.rechts {text-align: right;}

.size300 {font-size: 3em !important; line-height: 3em !important}
.size200 {font-size: 2em !important; line-height: 2em !important}
.size140 {font-size: 1.4em !important; line-height: 1.7em !important}
.size130 {font-size: 1.3em !important; line-height: 1.7em !important}
.size120 {font-size: 1.2em !important; line-height: 1.7em !important}
.size110 {font-size: 1.1em !important}
.size095 {font-size: .95em !important}
.size090 {font-size: .90em !important}
.size085 {font-size: .85em !important}
.size080 {font-size: .80em !important}


.align-justify {text-align: left; margin: auto;}
.floatbreak {display: block;overflow: hidden;}

.bildschatten img { box-shadow: 6px 4px 14px rgba(0,0,0,.2);    }
  

 /* teaser Linkliste */
 
.basecontent-dvv-linklist .teaser {
    display: block;
    margin: 0 0 2em;
    overflow: hidden;
    padding-bottom: 1em;
}

.basecontent-dvv-linklist .teaser .jCarouselMain {display: none}

.basecontent-dvv-linklist .teaser .rumpf .ym-hideme {
position: static; 
}


.basecontent-dvv-linklist .teaser .rumpf .basecontent-image {
    display: inline;
    float: left;
    margin: 1.5em 1em 0 0;
}
.basecontent-dvv-linklist .teaser .rumpf .text .basecontent-dvv-sub-heading-3 {	display:none}
.dachzeile_statt_headline .basecontent-dvv-linklist .teaser .rumpf .text .basecontent-dvv-sub-heading-3 {font-size:1.3em!important; display:block}
  
            

div.jCarouselMain{position:relative;margin:0;padding:0;display: block; overflow: hidden;}
.prev{position:absolute;left:5px;top:40%;z-index:9}
.prev img,
.next img {width:22px;height:30px;cursor:pointer}
.next{position:absolute;right:5px;top:40%;z-index:9}
.jCarousel ul li {margin-left:0em;  height: 100% !important;}



.sessionMessage {position: absolute; width: 300px; top: 0px;  z-index: 999; background-color: #eaeaea; border: 1px dotted #b3b3b3; font-size: .95em; font-weight: bold; color: #ac162b}
.sessionMessageIcon {float: left; margin-right: 10px}


.x-cms-inplace-item-wrapper .x-cms-inplace-item-wrapper {border: 1px dashed #b3b3b3; margin: .5em 0 2em;
padding: 4px 2px;}

.x-pirobase-hovering-element-panel-top {
	opacity:.85;
    -moz-opacity:.85;
    filter:alpha(opacity=85);
}



/***VIDEOS***/

 
.w100video video {
   width: 100% !IMPORTANT;
   height: auto !IMPORTANT;
}


/* -----------  stories  ----------------- */

.videoslide {background-color: #1f1c1b !important;}
.videoslide .w100video video {width:90% !important;margin: 0 1em}
.videoslide .composedcontent-newsbox-in-boxen {margin: 0 1em} 
.videoslide .composedcontent-newsbox-in-boxen h3,
.videoslide .composedcontent-newsbox-in-boxen p {color:#fff !important;width:90% !important;}
.videoslide .composedcontent-newsbox-in-boxen h3 {text-align: center}
#main #content .videoslide .composedcontent-newsbox-in-boxen a
{
  color: #fff !important;
}

/* -----------  yt-videos  ----------------- */

.videoembed .oembed-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.videoembed.dsgvo-video.saferclick  {position:relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.videoembed.dsgvo-video.saferclick iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 1em; width: 100% !important  }
 
.videoembed.videostage {height: auto !important}

.nosaferclick {text-align:center; background: #000;  color:#fff}

#main .nosaferclick a,
.nosaferclick h4 { color:#fff !important }

.nosaferclick .oembed__buttongroup {margin: 1em 0; padding-bottom: 1em;}
.nosaferclick .oembed__button{
    border:1px solid #fff;
    color:#ac162b !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    line-height: 180%;
    background: #fff !important;
    cursor: pointer
}

.nosaferclick .oembed__button:hover {
    border:1px solid #ac162b;
    color:#fff !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    line-height: 180%;
    background: #ac162b !important;
}




/*****Tabs*****/
#content ul.ui-tabs-nav  {
	margin-left:0px !important;
	display:flex
}

#content div.ui-tabs div.ui-tabs-panel { padding: 1em 0;}

.zweizeilig .ui-widget-header li {height:4em !important}
.zweiertab .ui-widget-header li {width:48%}
.dreiertab .ui-widget-header li {width:32%}
.vierertab .ui-widget-header li {width:23%}
.fuenfertab .ui-widget-header li {width:18.7%}
.sechsertab .ui-widget-header li {width:15.4%}
.sechsertab .ui-tabs-nav li a {padding-left: .25em}


.ym-column #content .ui-widget-header a:hover::after {
    width: 0% !important;
  }

#content .ui-widget-header .ui-tabs-active {
  border: 1px dotted #ac162b !important;
    background-color: #ac162b; color:#FFF!important;
}
#content .ui-widget-header .ui-tabs-active a {
 color:#FFF!important;
}

 
 
.no_dlName td.dlName,
.no_dlSize td.dlSize,
.no_dlDate td.dlDate,
.no_dlType td.dlType, 
.no_thdlName th.dlName,
.no_thdlSize th.dlSize,
.no_thdlDate th.dlDate,
.no_thdlType th.dlType,
.no_thdlType th.dlType,
.no_thdl th {display:none}
 
 
#cmsmap {
    z-index: 88;
    position: relative;
}


.tooltip
{
    display:none; z-index: 9;
    color:white;  background-color:#333; padding:10px; border-radius:3px;
}
 

.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: transparent;
}



.lpBUrl .lpSpalte1 {display:none}

 




.dynamic .odd,
.dynamic .even {display: block; overflow: hidden; border-top: 1px solid #e1e1e1; padding-top: 2em}
.dynamic .Standard .basecontent-image {float: left}
.dynamic .date {display: none; }
.dynamic h3.title a {font-weight:bold; font-size: 1.2em}

.no_efaLink  .efaLink {display: none}

 

.eqhbox {background-color: #c8d32d; border: 2px solid #fff !important; 
    box-shadow: 0px 0px 5px #b3b3b3; margin-top: 1em !important}

.eqhbox h2 {color:#fff !important; background-color: #e2650c;margin-top: 1em;}
#main .eqhbox a,
#main .eqhbox a:hover {
	text-decoration: none; padding-left: 0px !important;background: none; color:#333
}


.nozustaendigkeit .zustaendigkeit {
	display:none
}

 
 
 
#main .bildbox img {width:100%}
 
#content .bildbox .basecontent-image {margin: 0em}
.kacheln .bildbox .basecontent-sub-heading-link {width:100%}

.bildbox H2.englisch A {
	padding:inherit !important;
	background: rgba(0, 0, 0, 0) url("../img/flaggen/en.png") no-repeat scroll 15% 10%!important
	}


#main .bildbox.kachelbox .boxChild {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}

#main .bildbox.kachelbox {
    margin-bottom: 1% !important;
}
#main .bildbox.kachelbox  h2 {
    margin: 0 !important;
    padding: 0 !important;
    display: table;
    width: 100%;
    min-height: 10em;
    position: static;
}

#main #content .bildbox.kachelbox h2
{    min-height: 10em !important;

}


#main .bildbox.kachelbox h2 a {
    color: #fff !important;
    background: #333;
    background: rgba(172,22,43,1);
}

#main .bildbox.kachelbox h2 a {
    display: block;
    text-align: center;
    text-align: center;
    display: table-cell;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}






#lpSeite .xredirect {
	display:none
}



/*   SERVICE-BW ***/



.sbw_rechts_content, 
.sbw_links_content {
    position: static;
}



#sbw_links_6011559 {
    background-image: url("/servicebw/esf_logos600.jpg");
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 200px;}


.service_formular_stelle {margin: 1em 0 2em 0;  padding: 8px; background: rgb(233, 241, 245) none repeat scroll 0% 0%;
}


.service_formular_stelle .formulare ul {
    list-style: none none !important;
    margin-left: 0 !important;
}
.service_formular_stelle .formulare li {
padding: 0 !important;
margin-left: 0em !important;
}

.service_formular_stelle .formulare li a::before {
    content: "\f013"
}

.section-zustaendigkeit h4 {
	margin-top:1em !important
}
 

.section-zustaendigkeit li {
padding: .25em 0 !important	
}
 
 

.section-zustaendigkeit .stelle a::before {
    content: "\f041";
}

.l-page .section-formulare.formulare li a::before,
.service_formular_stelle .formulare li a::before,
.section-zustaendigkeit .stelle a::before {
    font-family: FontAwesome;
    font-size: 1.0em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .7em 0 0;

}


 

.service_formular_stelle .formulare li {    margin: .5em 0;
	font-size: 1.1em;
	line-height: 1.6em;}

	.service_formular_stelle .formulare .beschreibung {

    font-size: .95em;

}
 



.l-page .service_formular_stelle .formulare li a::before,
.l-page .section-formulare.formulare li a::before
{
    content: "\f178";
   }


.l-page #content .section-formulare ul.formulare,
.l-page #content .section-formulare ul.prozesse

	{
	text-align: left;
	list-style: none none !important;
	margin: 0 0 8px 0px;
	}
.l-page #content .section-formulare ul.formulare li,
.l-page #content .section-formulare ul.prozesse li
	{
	margin-left:.2em
	}


.verfahren .section-freigabevermerk 
{
padding-bottom: 1em;}

.section-voraussetungen,
.section-vertiefendeInformationen,
.section-verfahrensablauf,
.section-fristen,
.section-unterlagen,
.section-kosten,
.section-rechtsgrundlage,
.section-freigabevermerk,
.section-bearbeitungsdauer,
.section-sonstiges
{margin: 2em 0;
border-bottom: 1px solid #aaa;
padding-bottom: 1em;}


.verfahren .section-freigabevermerk {font-size: 0.85em}


.section-formulare {margin: 1em 0 2em 0  }

.l-page #content .section-formulare ul.formulare li span.beschreibung p,
.l-page #content .section-formulare ul.prozesse li span.beschreibung p {    font-size: 1em !important}
.l-page #content .section-formulare ul.formulare li span.beschreibung,
.l-page #content .section-formulare ul.prozesse li span.beschreibung {
    display: block;
    margin-left: 1.7em;
}
	
 

.service_formular_stelle .formulare li {    margin: .5em 0;
	font-size: 1.1em;
	line-height: 1.6em; 
	list-style-image: none;
	}


 
.stelle.stelle-6014405 {
    margin-bottom: 1em;
}
 
  

.tourismushead  img {width:100% !important}


.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

 
.leaflet-div-icon {
    background: transparent none repeat scroll 0 0;
    border: medium none;
}



.pls_test br {display:none}
.pls_test {height:800px;position:relative}


 #main .zahleninschwarz {
    background: #000 none repeat scroll 0 0;
    border-radius: 9px;
    color: #fff !important;
    display: block;
    float: left;
    height: 1.3em;
    margin: 0 5px;
    outline: 0 none;
    text-align: center;
    width: 1.3em;
	line-height: 1.5em !important;
}

.zuhausebox {Background-color:#336633;color:white; transform: rotate(350deg);float:right;overflow:visible!important; width:250px;padding:10px;margin:20px}

#content .downloadliste ul {
	
	list-style-image:none;
	list-style-type:none;
	margin:1em;
	

}

.downloadliste li {
	padding: .3em
}


#bottom-lesezeichen .addToHomeScreen {
    bottom: 10px;
    position: fixed;
    width: 98%;
    left:1%;
    z-index: 13337;
}


#bottom-lesezeichen .addToHomeScreen div {
    background-color: #2e4153;
    margin-left: 1%;
    margin-right: 1%;
    padding: 12px;
    color: #fff !important
    }
    
 #bottom-lesezeichen .addToHomeScreen h2 {  
    color: #fff !important
 }
 
 #bottom-lesezeichen #addclose {
 	margin-top:0em
 }


.newsboxzeile2 .composedcontent-newsbox-in-boxen {width: 48%}
.newsboxzeile2 .composedcontent-newsbox-in-boxen:nth-of-type(1),
.newsboxzeile2 .composedcontent-newsbox-in-boxen:nth-of-type(3) {
	float: left; margin-right:1%
}
#content .newsboxzeile2 .composedcontent-newsbox-in-boxen .basecontent-image {margin:0;}
#content .newsboxzeile2 .composedcontent-newsbox-in-boxen .basecontent-image img {width:100%}

#radar table {width:100%}





.boxenstyle {
    border: 0 none;
    border-radius: 2px;
    box-shadow: 2px 2px 4px #e2e2e2;
    margin: 0 0.5em 1em 0.25em !important;
    padding: 10px;
    text-align: center;
}




.blackcircle h2 {
    background: #000 none repeat scroll 0 0;
    border-radius: 9px;
    color: #ffffff !important;
    display: block;
    float: left;
    height: 1.3em;
    margin: 0 5px;
    outline: 0 none;
    text-align: center;
    width: 1.3em;
}
.blackcircle p {
    margin-left: 3em !important;
}

/**Akkordeon_BHH**/

.Akkordeon_BHH h3 {
	font-size: 1.3em;
	border-bottom:1px solid #eee;
	padding:1em 0!important
}

.Akkordeon_BHH .ui-state-default {
	
	background: #fff;
	background-image:none;
	
		
}
.Akkordeon_BHH .active {
	background:#f7f7f7
}

.Akkordeon_BHH .ui-state-hover, .Akkordeon_BHH h3:hover {
	background-image:none!important;
	background-color: #f2f2f2 !important;
	
}

#service .service_offen .composedcontent-dvv-box{
	margin-bottom:-.1em;
	border-bottom: 0px!important
}

.knot_205248 iframe {
	border:none!important
}


/* ---------Formular -------- */

.ym-form .ym-fbox-text input, .ym-form .ym-fbox-text textarea {
    margin-right: 0px;
}

.captchaImage > img {display:block; padding-bottom: .25em;}
.ym-columnar .ym-fbox-text .ym-g30 label {width: auto;} 
.captcha .ym-g30 label span.small {display:block}
.captcha .captchaInput input {
    border: 1px solid red;
    font-weight: bold;
    font-size: 1.6em;
}

.captcha .captchaInput {padding: 0 !important}

.ym-columnar .ym-fbox-check .fullWidth .formElementOption input {margin-left: 0%;}

.ym-columnar .ym-fbox-check .checkleft input {margin-left:0 !important}

.umfrage .formElement .formTitle {font-weight: bold;font-size:1.2em}
.umfrage .formElementOptions label {font-weight: normal;}
.umfrage .formElementOptions input {margin-left:5%}
.umfrage .formelement {padding-top:0}
.umfrage .formelement label span.small {display:none}



.float-none {float:none!important}
.ym-g30 {width:30%}
 
.mapicon1,.mapicon2     {height: 3.5em;
    padding-left: 30px;}
.mapicon1 {background: url("../img/icons/mapicon1.png") no-repeat}
.mapicon2 {background: url("../img/icons/mapicon2.png") no-repeat}



.leichtesprache {
margin-top: 6em
}

.leichtesprache p, .leichtesprache ul li {
    font-size: 1.25em;
    line-height: 2.5em;
}

.leichtesprache td {
    font-size: 1.25em;
    line-height: 2.5em;
}

.leichtesprache table caption {
    font-size: 1.25em;
 padding-left: 4px
}

#main #content .leichtesprache table,
.leichtesprache .basecontent-table {
	width: 99% !important
}
.leichtesprache h2 {
	font-size: 1.5em
}

.epay::after {
content: "\f153";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 1px solid #666;
border-radius:1em;
width: 1.2em;
height: 1.2em;
font-size: 1em;
vertical-align: middle;
text-align: center;
padding: 0 .25em;
line-height: 1.25em;
background: #666;
color: #fff;
margin-left: .5em;
}

 
.noonlinetermin .lpVForm li a[href*="http://netappoint.de"] {display:none}


#service .composedcontent-dvv-box.serviceteasercontainer, 
#service .composedcontent-box-fr.serviceteasercontainer {
    padding: 0px;
    border: 0px solid #E1E1E1;
	background-color: transparent
}
  
.serviceteaserbox, 
#service .serviceteaserbox  {
  margin: .75em 0 .75em 0;
    height: auto;
padding: 0.45em 0 0 0;
}


#content .serviceteaserbox .float-left, 
#service .serviceteaserbox .float-left  {
    margin: 0em 1em 0 0;
}
.serviceteaserbox h2, 
#service .serviceteaserbox h2 {
     font-size: 1.4em !important; background:transparent !important; text-align: left
}
.serviceteaserbox h2 a, 
#service .serviceteaserbox h2 a {
    color: #ac162b;  
}

.serviceteaserbox p, 
#service .serviceteaserbox p {
    margin-bottom: .25em;
}




button.buttonsearch {
  width: 2em;
  display: inline-block;
  overflow: hidden;
  height: 2em;
  margin: 0;
  padding: 0;
  background: transparent;
	border: none;
	cursor: pointer;
}

button.buttonsearch::after {
font-family: FontAwesome;
content: "\f002 ";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.5em !important;
color: #333;
}

.rollstuhl em::before {
    background-image: url("../img/piktogramme/rollstuhl.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0 .5em 0px 0px;
    vertical-align: middle;
}



.aufzug em::before {
    background-image: url("../img/piktogramme/aufzug.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0 .5em 0px 0px;
    vertical-align: middle;
}

.barrieren {margin-top: 1em}

.services {
    padding: 1em 0 0 0;
    margin: 1.5em 0 0 0;
        margin-top: 1.5em;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    border-top: 1px dotted #ccc;
}

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

.purpleservicebox {
	background:  #d9d9e8 none repeat scroll 0% 0%;
	padding:.5em .5em 0 .5em
}

.onlinedienstebox .onlinegreybox {
    background: rgb(233, 241, 245) none repeat scroll 0% 0%; 
    padding:.5em .5em 0 .5em;
    position: relative;
    overflow: hidden;
      
  } 
   
  .onlinedienstebox .onlinegreybox::before {
    content: "\f00c";
       font-size: 24px;
      line-height: 1;
    font-size: 24px;
    line-height: 1;
    font-size: 16vh;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ecf3f3;
    background-color: #fff;
    position: absolute;
    right: -1vh;
    bottom: -1vh;
    padding: 5vh;
    box-sizing: border-box;
    border-radius: 50%;
    line-height: 1em;
  font-family: FontAwesome;
  
  }
  
  .onlinedienstebox a::before {
  content: "\f18e" !important;;
    font-family: FontAwesome;
        text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .25em 0 0;
      color:#ac162b !important;
  }



.trauerbox {
	border: 0.2em solid #000;
	padding: .5em .5em .5em .5em
}

.greenservicebox {
	background:  #cfeed1 none repeat scroll 0% 0%;
	padding:.5em .5em 0 .5em
} 
.redservicebox {
	background:  rgb(255, 226, 217) none repeat scroll 0% 0%;
	padding:.5em .5em 0 .5em
} 

.holzbaubox {
  background: url(../img/holzbauback.jpg);
  min-height: 675px;
  display:flex;align-items:center
}

.holzbaubox > div {
 
    flex-basis: 50%;
}


.klick::before {
color: #ac162b;
font-family: FontAwesome;
float: left;
padding: 0px 10px 4px 4px;
font-size: 3.5em;
content: "\f06a ";
line-height: 1em;
}

.klick {
    font-size: 1.1em;
    color: #333;
    padding: .5em .25em;
}

#service .blueservicebox h2 {
    text-align: left !important;
    font-size:1.4em !important;
    background: none !important;
}

.linkpfeil a::before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: .9em !important;
    font-weight: normal !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .54em 0 0;
}


#content .coronapresse a {
    color: #555 !important;
}


#content .coronazeile .composedcontent-dvv-box {overflow: hidden !important}

#service .bwDat .sprechzeiten .openingHour-type {display:block}
#service .bwDat .sprechzeiten .openingHour-zusatz {
    font-weight: normal;
    font-size: .95em !important;
}



button.ui-button-icon-only {width:auto}
button.ui-button-icon-only .ui-icon  {position: static;margin-top:0}
.subscription-dialog .ui-widget-content a {color:#ac162b !important}
.subscription-dialog .ym-fbox-text {margin:.25em 0}

.subscription-dialog #subscriptionCaptchaBlock .ym-g33,
.subscription-dialog #subscriptionCaptchaBlock .ym-g30 {width:100%}

.subscription-dialog  fieldset.input_fields,
.subscription-dialog  fieldset.submit_buttons {border: 0px;}


#main .redtrenner hr {
    border-top: 2px dotted #ac162b;
} 


 
.gridlayout,
.slidergrid  .bxSlider .composedcontent-dvv-column2 { 
display: flex;
flex-wrap: wrap;
width: 100%;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
gap:30px 10px;
margin-bottom: 3em;
}
.gridlayout .bildbox,
.gridlayout .box_flip  {width: 23%;padding: 0 0% 0 0 !important;max-height: 100%;}
.gridlayout .boxflex {width: 23%; max-height: 100%;}



.gridlayout.sechser .bildbox,
.gridlayout.sechser .boxflex,
.gridlayout.sechser .box_flip  {width: 15%}
.gridlayout.fuenfer .bildbox,
.gridlayout.fuenfer .boxflex,
.gridlayout.fuenfer .box_flip  {width: 19%}
.gridlayout.dreier .bildbox,
.gridlayout.dreier .boxflex,
.gridlayout.dreier .box_flip,
.gridlayout.dreier .teaser  {width: 31%}

.slidergrid .bxSlider .composedcontent-dvv-column2 > div,
.gridlayout.zweier .boxflex,
.gridlayout.zweier .bildbox,
.gridlayout.zweier .box_flip,
.gridlayout.zweier .teaser {width: 46%}
.gridlayout.einer .boxflex,
.gridlayout.einer .bildbox,
.gridlayout.einer .box_flip  {width: 98%}

.gridlayout.zweier .boxflex.boxflex1 {width:31%}
.gridlayout.zweier .boxflex.boxflex2 {width:62%}

.gridlayout .gridlayout.boxinbox {
	margin-bottom:0; 
	    justify-content: space-around;
}

.gridlayout .gridlayout.boxinbox .boxChild,
.gridlayout .gridlayout.boxinbox .basecontent-image {width:48%} 
.gridlayout .gridlayout.dreier.boxinbox .boxChild,
.gridlayout .gridlayout.dreier.boxinbox .basecontent-image {width:31%}

.gridlayout > a[id^="anker"] {
    display: none;
  }
  



.gridlayout .flexgrow5 {flex-grow: 5}
.gridlayout .flexgrow2 {flex-grow: 2}
.gridlayout .flexgrow1 {flex-grow: 1}
.gridlayout.noflexwrap {flex-wrap: nowrap;}
.gridlayout.flexstretch {align-items: stretch;}
.gridlayout.flexstart {align-items: flex-start}
.gridlayout.flexcenter {align-items: center}
.gridlayout.variablehoehe {align-items: baseline;}
.gridlayout.flexnogap {gap:0 10px}
.gridlayout.spacearound {justify-content: space-around};

.farbcontainer .farbboxen.noflexwrap {flex-wrap: nowrap;}
.farbcontainer .farbboxen.flexstretch {align-items: stretch;}
.farbcontainer .farbboxen.flexstart {align-items: flex-start}
.farbcontainer .farbboxen.flexend {align-items: flex-end;}
.farbcontainer .farbboxen.flexcenter {align-items: center}
.farbcontainer .farbboxen.variablehoehe {align-items: baseline;}

.gridlayout.nojustyfy {
    justify-content: normal;
    gap: 30px 2.4em;
}

.variablehoehe .bildbox {
    max-height: 100%;
}
 

.slidergrid  .bxSlider .composedcontent-dvv-column2 {  margin-bottom: 0em;  justify-content: center;}
.slidergrid  .bxSlider .composedcontent-dvv-column2 > div {padding:0em 3em; overflow: visible}
#main .slidergrid  .bxSlider .composedcontent-dvv-column2 > div h2 {font-size:1.5em}

.c-pm-meldung__bild-caption {display:none}



#strsearch {overflow: hidden; display: block}
#strsearch #search,
#strsearch #zeigeAZ {
  font-size: 1.3em !important;
  padding:.25em;
  border: 1px solid #ccc;
	margin: 0.25em;
}


#strsearch #zeigeAZ {
	float:right;
    border: 1px solid #ac162b;
    background: #ac162b;
    color: #fff;
}



.stepprogress {justify-content: space-between; margin-bottom:2em}
.stepprogress .boxflex  {position:relative;overflow: visible;width:20%}
.stepprogress .boxflex::after {
 border:solid 14px transparent;border-left-color:#ac162b;position:absolute; top:45%;right:-28px;
    content:""
}
.stepprogress .boxflex:last-child::after {  content: none;}
.stepprogress .boxflex:last-child::after {  content: none;}
.stepprogress .boxflex {background-color:#ac162b; border:0px solid red; border-radius: 5px; min-height:145px;
    padding:8px 1px 0 1px;text-align:center;font-weight:bold;font-family: LatoLatinWeb,Helvetica,sans-serif; margin:1em 0}
 
.stepprogress .boxflex p {color:#fff;  font-weight:bold;font-family: LatoLatinWeb,Helvetica,sans-serif; font-size:.95em;margin-bottom:0}


.stepprogress .boxflex h2 {color:#fff;background: #fff; 
    color:#ac162b; display: inline-block; margin: 0.25em auto; width: 30px; border-radius: 50%; height: 30px; line-height: 30px;
    font-family: LatoLatinWeb,Helvetica,sans-serif;
}

.stepprogress .boxflex .composedcontent-newsbox-in-boxen {margin-bottom:.1em}
.stepprogress .boxflex .composedcontent-newsbox-in-boxen.steptext {display:table-cell; vertical-align:middle}
.stepprogress .boxflex .composedcontent-newsbox-in-boxen:after {
    color: #ffffff;
    font-family: FontAwesome;
    padding: 2px 20px 0 0;float:right;
    font-size:200%;line-height: 100%;
}
.stepprogress .boxflex .composedcontent-newsbox-in-boxen.step1:after{
    content: "\f016";
}
.stepprogress .boxflex .composedcontent-newsbox-in-boxen.step2:after{
    content: "\f007";
}
.stepprogress .boxflex .composedcontent-newsbox-in-boxen.step3:after{
    content: "\f093";
}
.stepprogress .boxflex .composedcontent-newsbox-in-boxen.step4:after{
    content: "\f019";
}
#node1791809 h2.ym-button,
#node1791812 h2.ym-button {line-height:200%; color:#fff !important;}
#node1791809 h2.ym-button a,
#node1791812 h2.ym-button a {line-height:200%; color:#fff !important;}
#node1791809 h2.ym-button .externerLink:before,
#node1791812 h2.ym-button .externerLink:before
 { 
        content: "\f08e";
        font-family: FontAwesome;
                font-size: .9em !important;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .35em 0 0; }
	
	
	
.basecontent-dvv-service-bw-beh-rdendaten .error {display: none}


/*   NEU  */


.zmNavigClassInnen span.active,
.zmNavigClassBack a,
.zmNavigClassItem a,
.zmNavigClassForward a
 { font-weight:normal; font-size:1.2em; }


#zmEListe .zmELNavigationoben p {margin: 0; line-height:220% !important;}
#zmEListe .zmELNavigationunten p a,
#zmEListe .zmELNavigationoben p a {
    display: inline-block;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ac162b;
    color: #ac162b !important;
    padding: 0 .5em;
    /*font-size: 1.3325rem ;*/
    font-weight: normal;
    border-bottom: 1px solid #ac162b !important;
    margin: .5em .5em .5em 0
}  

#main .zmzureu a, #main .zmzursuche a, #main .zmnavnext a, #main  .zmnavprev a,
#main .zmNavigClassBack a, #main .zmNavigClassItem a, 
#main .zmNavigClassForward a,
#main #zmsb1, #main .zmzursuche a, #main .zmzureu a, #main .btn-feedback a,#main  #zmsb1, #main .zmzursuche a, #main .zmzureu a, #main div.zmSuchButton input
{transition: .1s all ease-in-out; color:#ac162b !important; border: 1px solid #ac162b !important;}
 
#main .zmzureu a:hover, #main .zmzursuche a:hover, #main .zmnavnext a:hover, #main  .zmnavprev a:hover,
#main .zmNavigClassBack a:hover, #main .zmNavigClassItem a:hover, 
#main .zmNavigClassForward a:hover,
#main #zmsb1:hover, #main .zmzursuche a:hover, #main .zmzureu a:hover, #main .btn-feedback a:hover, #main  #zmsb1:hover, #main .zmzursuche a:hover, #main .zmzureu a:hover, #main div.zmSuchButton input:hover
{color:#fff !important; background-color: #ac162b !important;}
 
#main .zmzureu a:hover::after, #main .zmzursuche a:hover::after, #main .zmnavnext a:hover::after, #main  .zmnavprev a:hover::after,
#main .zmNavigClassBack a:hover::after, #main .zmNavigClassItem a:hover::after, 
#main .zmNavigClassForward a:hover::after,
#main #zmsb1:hover::after, #main .zmzursuche a:hover::after, #main .zmzureu a:hover::after, #main .btn-feedback a:hover::after, #main  #zmsb1:hover::after, #main .zmzursuche a:hover::after, #main .zmzureu a:hover::after, #main div.zmSuchButton input:hover::after
{width:0 !important}


.zmNavigClass {margin: 1em 0}

.zmNavigClassInnen {
  display:flex; 
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row  wrap;
  row-gap: 10px;
}

.zmNavigClassItem, .zmNavigClassForward, .zmNavigClassBack {
    display: inline-flex;
}

#main .zmNavigClassInnen span.active,
#main .zmNavigClassBack a,
#main .zmNavigClassItem a,
#main .zmNavigClassForward a
 {
 color:#000;
 border: 1px solid #ac162b;
 text-align:center; 
 text-decoration:none;
 padding: 0.15em .5em;
/* font-size: 1.3325rem;   */
 font-weight: normal;
}


.zmNavigClassInnen span.active,
.zmNavigClassBack a:hover, 
.zmNavigClassItem a:hover, 
.zmNavigClassForward a a:hover, 
.zmNavigClassBack a:active, 
.zmNavigClassItem a:active, 
.zmNavigClassForward a a:active
 {background-color: #ac162b;
  color:#fff !important}
 
.zmELNavigationoben .current,
.zmELNavigationunten .current,
.zmELNavigation .current  {
color:#fff;
background:#ac162b; 
border:1px solid #ac162b;
padding: .5em .75em;} 



.zmSuchButton {margin-top:1em}
#main div.zmSuchButton input:hover, #main div.StandardFormular input:hover {
    background: #ac162b  !important;
    color:#fff !important
}
#main div.zmSuchButton input {
    color:#ac162b;
    border: #ac162b 1px solid;
    transition: .1s all ease-in-out;
    background: #fff  !important;
}

#main #zmSuche div.suchfeld_kat, 
#main #zmSuche div.suchfeld_Volltext {
    border: 0px solid #ccc;
 }

#zmEListe .zmitem.even {
    background-color:transparent !important;
    border:0px solid #fff !important;
}
#zmEListe .zmitem {
    margin: 2em 0 !important;
}
#content h2.zmVATitel {color:#000 !important}

#reset {
    padding: .5em .75em;
    display: block;
    background: #fff;
    border: 1px solid #ac162b;
    color: #ac162b;
}


/* ***************  AMETER ***** */




.bwKontakt  .vCard .sprechzeiten {display:none}

.bwKontakt .zustaendigkeit .bez,
.nozustaendigkeit .bwKontakt .zustaendigkeit  {
	display: none
}

#service .bwDat .verfahren h2 {margin: 2em 0em 1em -1em; font-size:1.05em} 
#service .bwDat .verfahren .lpUl li {margin-bottom:0.5em}

.basecontent-dvv-service-bw-kontakte .adr {display:none}
#service .basecontent-dvv-service-bw-kontakte .vCard {margin-bottom:1em}

.basecontent-dvv-service-bw-einzelner-kontakt .cityline .postal-code {padding:0}
.basecontent-dvv-service-bw-einzelner-kontakt p, .basecontent-dvv-service-bw-kontakte p {padding:0!important}


.ym-col3 #service .bwKontakt .kopf .funktion p {
    padding: 0; 
    margin: 0; 
    font-size: 1em;
}

.bwDat .fn {display: none}
.bwDat .zustaendigkeit,
.bwDat .efaLink,
.bwDat .mail,
.bwKontakt .zustaendigkeit,
.bwKontakt .efaLink,
.bwKontakt .mail {margin: 4px 0 4px 0}
.bwDat .organization,
.bwDat .bezSprechzeiten,
.bwKontakt .fn  {font-weight: bold;}
.bwDat .sprechzeiten {margin-top: 1em;}

.basecontent-dvv-service-bw-einzelner-kontakt {margin:0 0 1em 0}

.bwDat .sprechzeiten span.openingHour-day {
    float: left;
    margin-right: 1em;
 }
    
.kontakttitel {margin-bottom: 0em !important; padding-bottom: 0em;}
#service p.kontakttitel~ .basecontent-dvv-service-bw-beh-rdendaten .bwDat,
#service p.kontakttitel~ .basecontent-dvv-service-bw-beh-rdendaten .bwKontakt {padding-top: 0em}


.ym-col2 .bwKontakt .fn {padding-top: 1px}
.ym-col2 .bwKontakt .bild {float: right; margin: 0 10px}


.bwDat div.vCard .vCardLink,
.bwKontakt div.vCard .vCardLink {display: none}

.mail .bez, .mapsLink {display: none}
.efaLink_invisible .efaLink {display:none}

.vCard .bez {width: auto;}
.vCard .mapsLink, .vCard .efaLink,.vCard .homepage {padding-left: 0;}



.kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat {display:flex; align-items: flex-start; flex-wrap: wrap}
.kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat .vCard,
.kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat .openingHours  {width: 46%; margin:0}
.kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat .vCard + .verfahren {width: 46%; margin:0}

.basecontent-dvv-service-bw-kontakte .bwKontakt div.vCard,
.basecontent-dvv-service-bw-beh-rdendaten .bwDat .vCard { margin-bottom: 2em;}
.basecontent-dvv-service-bw-beh-rdendaten .bwDat .openingHours h3,
.basecontent-dvv-service-bw-beh-rdendaten .bwDat .verfahren h3 
{font-size: 1.47em !important;margin: 0 0 .5em !important;line-height:160%}
.basecontent-dvv-service-bw-beh-rdendaten .bwDat .openingHours h4 {font-size: 1.1em !important;margin: 0 0 .5em !important}
.basecontent-dvv-service-bw-beh-rdendaten .bwDat .openingHour .row {display:flex; align-items: flex-start; margin: 0 !important;}
.basecontent-dvv-service-bw-beh-rdendaten .bwDat .openingHour .cell {width:48%; font-size: .95em !important;}

.basecontent-dvv-service-bw-beh-rdendaten .bwDat .verfahren li { font-size: 1em;}
.basecontent-dvv-service-bw-beh-rdendaten .bwDat .vCard .org {
  font-weight: bold;
  margin: 0 0 .35em !important;
  line-height: 160%;
}
.kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat .vCard .org {
  font-size: 1.33em !important;
}
.basecontent-dvv-service-bw-einzelner-kontakt .bwKontakt .zustaendigkeit  li { font-size: 1em;}


#content .basecontent-dvv-service-bw-einzelner-kontakt,
#content .basecontent-dvv-service-bw-beh-rdendaten,
#content .basecontent-dvv-service-bw-kontakte,
#service .basecontent-dvv-service-bw-einzelner-kontakt,
#service .basecontent-dvv-service-bw-beh-rdendaten,
#service .basecontent-dvv-service-bw-kontakte {font-size: 1.15em !important; line-height: 160%}
.basecontent-dvv-service-bw-beh-rdendaten .openingHours {font-size: .9em !important}


.ym-col3 #service .boxborder .basecontent-dvv-service-bw-kontakte p,
.ym-col3 #service .boxborder .basecontent-dvv-service-bw-kontakte p {font-size: 1em !important}

#main .basecontent-dvv-service-bw-kontakte .kopf  .position p,
#main .basecontent-dvv-service-bw-kontakte .zustaendigkeit.responsibilities .value p,
#main .basecontent-dvv-service-bw-beh-rdendaten .kopf  .position p,
#main .basecontent-dvv-service-bw-beh-rdendaten .zustaendigkeit.responsibilities .value p,
#main .basecontent-dvv-service-bw-einzelner-kontakt .kopf  .position p,
#main .basecontent-dvv-service-bw-einzelner-kontakt  .zustaendigkeit.responsibilities .value p {
    font-size:1em !important;
    margin: 0em
}
#main .basecontent-dvv-service-bw-beh-rdendaten.ohnehead .bwDat .vCard .org {display: none}





.leaflet-container {
    z-index: 1;
}

.subscription-dialog .ui-dialog-title {font-size: 1.4em}
.subscription-dialog .ym-fbox-text {margin:1em 0}
.subscription-dialog #email  {
  background: #fff;
  border: 1px solid #000;
  height: 40px;
  color: #000;
  padding: 0 10px;
}
.subscription-dialog .privacyStatementConfirmation {line-height: 160%; margin:1.5em 0}


.subscription-dialog .submit_buttons .standard  {
    transition: .1s all ease-in-out; color:#ac162b !important; border: 1px solid #ac162b !important;
 color:#333;
 border: 1px solid #ac162b;
 text-align:center; 
 text-decoration:none;
 padding: 0.15em .5em;
 font-size: 1.2em;
 background: #fff;
 margin:1em 0
}
 
.subscription-dialog .submit_buttons .standard:hover {
     background: #ac162b;
     color: #fff !important;
    cursor:pointer
}
.subscription-dialog button.ui-button-icon-only .ui-icon {
    position: absolute;
    margin-top: -8px;
    height: 16px !important;
    width: 16px;

}

.dashboardbox {box-shadow: 0px 0px 8px 0px rgba(0,0,0,.2);}
.dashboardcontainer .boxflex {box-shadow: 0px 0px 8px 0px rgba(0,0,0,.2);padding:.5em}
.dashboardcontainer .dashboardred.boxflex {box-shadow: 0px 0px 8px 0px rgba(0,0,0,.2);padding:0em; background:#ac162b}
#main #content .dashboardcontainer .dashboardred.boxflex p,
#main #content .dashboardcontainer .dashboardred.boxflex p a,
#main #content .dashboardcontainer .dashboardred.boxflex h2 a {color: #fff !important}

.dashboardcontainer .boxflex:hover {
  transition: box-shadow .25s ease-in,transform .25s ease-in;
  box-shadow: 0px 0px 12px 0px rgba(0,0,0,.2);
  transform: scale(1.01);
}




.boxbottom {
    position:absolute;
	bottom:1em}
	
.boxbottom p {
    margin-bottom: 0;
}





/* ********************  ehem. flyer_neu22 **********************************  */



#main .farbcontainer #zmEListe h3 {font-size:1.2em !important; margin:0 !important;}





.serviceteaserbox, #service .serviceteaserbox {
    font-size: .9em;
}
.serviceteaserbox h2 {margin:0 !important;}


.toggleMore,
.teaser-ende a, .toggleLess {
    font-size: 1.25rem !important;
}


.ym-column a {  color: #000 !important;
                position: relative}

.ym-column a::after {
    content: '';
    position: absolute;
    bottom: 0;
left: 0;
width: 0%;
border-bottom: 2px dotted #ac162b;
transition: 0.3s;  
}

.ym-column a:hover::after {
  width: 100%;
}
.ym-column .image a:hover::after {
    width: 0%;
  }
 



.mehrButtons,
.pointer {
cursor: pointer !important;
}


 #main  .NewsohneTeaser .pm-meldung h3 em  {color:#000!important}
 

.ui-datepicker table,
.ui-dialog.subscription-dialog {background-color: #fff;}
.ui-datepicker table {border: 1px solid #ac162b}



#lpSeite h3.external  {display: none}



.leistungen .showmemore, #content #lpSeite a.showmemore {
    color: #999;
    font-size: 1em;
    text-align: right;
  }
  
.leistungen .showmemore::before, 
  #content #lpSeite a.showmemore::before {
      content: "" !important;
      padding: 0 !important
  }

  

/**** P R E S S E    ****/

#main .pm-detaillink,
#main a.pm-teaser-more,
#main .moreLink,
#main .mehrLink,
#main .ButtonLink,
#main .ButtonLinkinvers {display:block;overflow: hidden;padding:2px 0}



.pm-meldung .pm-title-from {
    font-size: 1.15em !important
} 
#page_margin #main .moreLink .internerLink::before {
    content: "" !important;
    padding: 0 !important
}


#main .composedcontent-rubriktopnews .pm-content .pm-anreisser .pm-detaillink {margin-top:1em}
#main .composedcontent-rubriktopnews .pm-content .pm-anreisser .pm-detaillink,
#main a.pm-teaser-more,
#main a.pm-mehrlink,
#main .mehrLink a,
#main .moreLink a {
    border:1px solid #ac162b;
    float:right;
    color:#ac162b !important;
    padding:.25em .5em;transition: .1s all ease-in-out
}

#main .ButtonLink a  {
    border:1px solid #ac162b;
    color:#ac162b !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    line-height: 180%;
}

#main .ButtonLinkinvers a  {
    border:1px solid #ac162b;
    color:#fff !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    background: #ac162b ;
    line-height: 180%;
}



#main .composedcontent-rubriktopnews .pm-content .pm-anreisser .pm-detaillink:hover,
#main .ButtonLink a:hover,
#main a.pm-teaser-more:hover,
#main a.pm-mehrlink:hover,
#main .mehrLink a:hover {
 color:#fff!important;
 background: #ac162b ;
}

#main .ButtonLinkinvers a:hover {
    color:#ac162b !important;
    background: #fff ;
   }

#main p.ButtonLink .dateiLink.pdfLink::before  {
    margin: 0em .25em -.35em 0
}

#main .tourNav a, #main .tourNav span.current .padMe {
    background: #fff !important;
    border:1px solid #ac162b;
    color:#ac162b !important;
    padding:.25em .5em !important;
    transition: .1s all ease-in-out;
    text-align: center;
    text-decoration: none;
    font-size: 1.15em;
    margin: 0 2% 0 0;
    line-height: 2.5em;
}
#main .tourNav a:hover, #main .tourNav span.current .padMe:hover {
 color:#fff!important;
 background: #ac162b !important
}

.ym-column .ButtonLink a:hover::after,
.ym-column .ButtonLinkinvers a:hover::after,
.ym-column .tourNav a:hover::after {
    width:0%;
}

#main .composedcontent-rubriktopnews .pm-meldung {
    margin-bottom: 2em;
    border-bottom: 1px dotted #b3b3b3;
    padding-bottom: 1em;
}

.pm-teaser-text {
    font-size: 1.2em;
}


 .newsdreier .composedcontent-rubriktopnews-in-box.pm-topnews {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 display: -webkit-flex;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-align-items: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 justify-content: space-between;
 gap: 30px 10px;
 margin-bottom: 3em;
 align-items: flex-start 
}
 .newsdreier .composedcontent-rubriktopnews-in-box.pm-topnews h1 {
 display: none
}
 .newsdreier .composedcontent-rubriktopnews-in-box.pm-topnews .pm-meldung {
 width: 31%;
 max-height: 100%;
}
 .newsdreier .composedcontent-rubriktopnews-in-box.pm-topnews .pm-meldung img {
 width: 100%;
}
 .newsdreier .composedcontent-rubriktopnews-in-box.pm-topnews .pm-meldung h2 {
 font-size: 1.4em !important;
}



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

 .newsdreier .composedcontent-rubriktopnews-in-box.pm-topnews .pm-meldung {
  width:46%
 }
}
@media screen and (max-width: 576px) {
  .newsdreier .composedcontent-rubriktopnews-in-box.pm-topnews .pm-meldung {
  width:100%
 }
}

#main  .newsdreier .composedcontent-rubriktopnews-in-box .pm-content .pm-anreisser .pm-detaillink {
 border:1px solid #ac162b;
 float:right;
 color:#ac162b !important;
 padding:.25em .5em;
 transition: .1s all ease-in-out 
}
#main  .newsdreier .composedcontent-rubriktopnews-in-box .pm-content .pm-anreisser .pm-detaillink:hover {
 color:#fff!important;
 background: #ac162b ;
}


#header { position: relative;
    padding: 0px;
    transition: 0.3s linear;
    margin: 0;
    background-color: #fff;
    width: 100%;
    min-height:100%
}

.header__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin: 0;
    background-color: #fff;
    transition: 0.3s linear height;
    z-index: 9999;
}

.header__ghost {
    position: absolute;
    top: 0;
    height: 190px;
    transition: height linear 0.3s;
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 100px;
    transition: linear padding 0.3s;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
     width: 100%;
    padding: 0;
    flex-wrap: wrap
}
.header__container .header-logodiv {
	padding: 0px 0px 0px 0px;
    background-color: transparent;
    flex: 0 0 40%;
    max-width: 40%;
    position: relative;
    width: 40%;
    height: auto;
    padding: 10px 0 0 35px;
    text-align: left;
}

.header__container .metalinks {
    z-index:999; right:0px; top:0px; 
    flex: 0 0 40%;
    max-width: 40%;
    position: relative;
    width: 40%;
    text-align: center; }

.header__container #nav {
    flex: 0 0 10%;
    max-width: 10%;
    position: relative;
    width: 10%;
    text-align: right; 
    font-size:1.1em;
    margin-top:.25em;	
    margin-bottom:1em}


 
.sticky-header  .header__container {
    padding: 0;
    transition: linear padding 0.3s;
}

#header.sticky-header { padding-top: 180px; transition: 0.3s linear padding-top; background-color:#fff}
.header-logosvg {color:#000; font-size:1rem; visibility: hidden;}
.header-logosvg::before {visibility: visible;}
.sticky-header .header__ghost { position: relative; height: 0px; transition: height linear 0.3s; }
.home .header-logosvg::before {height: 100px; width: 250px;}
#header.sticky-header  .header-logosvg::before { width: 160px !important;height: 67px !important}
 
.sticky-header .header__row {
    position: fixed;
    height: 100px;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s linear height;
    box-shadow: 0 0 1rem rgba(0,0,0,.2);
 
}

 






#lpSeite {
    transition: linear padding 0.3s;
    width: 100%;
    padding: 0;
    display: grid !important;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 1%;
    }

    
#lpSeite.lebenslagen {
    transition: linear padding 0.3s;
    width: 100%;
    padding: 0;
    display: block !important;
    }

    #lpSeite .section-text  {font-size: 1.15em;line-height: 160%;}
    #lpSeite .section-text p {font-size: 1em !important}
    #lpSeite .section-text li {font-size: 1em !important}
 
    #lpSeite .section-text li .align-center {text-align: left; margin: 0; display: inline}

    #lpSeite  ul li, .verfahren ul.leistungen li,
    .verfahren .details ul li,
    .preamble.section-text ul li,
    .section-rechtsgrundlage ul li

    {
         list-style: none;
        background: url(../img/icons/bullet_square_rot.gif) 0 7px no-repeat;
        padding-left: 1rem;
      }

 

    #lpSeite .sbw_rechts { 
        grid-row: 1 / 3;
        grid-column: 3;
        width: 100%;
        }
            
        #lpSeite .sbw_links {  
            grid-row: 1;
            grid-column: 1 / 3;
            width: auto;
        }
    
        #lpSeite .sbw_links2 {  
            grid-row: 2;
            grid-column: 1 / 3;
        }
 


        .uebergeordnet, .untergeordnet, #lpSeite .openingHours, #bwUeber, .behoerde .orgEinheiten, .zustaendigkeiten {
            width:100%;
            margin-top: 3em;
            padding-top: 0em;
            line-height: inherit !important;
            border-top: 0px solid #b3b3b3;
        }

        #lpSeite .openingHours h2 {display: none}

        .kontaktpersonen {
            width: 95%;
            margin-top: 2em;
            padding-top: 1em;
        }
 
        #main .uebergeordnet a::before  {
                    content: "\f178";
                    font-family: FontAwesome;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    padding: 0 .25em 0 0;
        } 
        #main .zustaendigkeiten ul,
        #main .untergeordnet ul    {
            background: none 0 0px no-repeat;
            padding:0; list-style: none !important;display: table;
                }
        
        #main .zustaendigkeiten ul li,
        #main .untergeordnet ul li   {
            background: none 0 0px no-repeat;
            padding:0; list-style: none !important; 
                }                
        
        #main .zustaendigkeiten ul > li,
        #main .untergeordnet ul > li {
            display: table-row;
        }
        
        #main .zustaendigkeiten ul >li::before,
        #main .untergeordnet ul > li::before  {
                    content: "\f178";
                    font-family: FontAwesome;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    padding: 0 .25em 0 0;
                    display: table-cell;  
                } 
				
				.sbw_rechts_content .image-inner .bwBildVerwaltung {
    width: 100%;
    max-width: 360px;
    margin-bottom: 1em;
}



.sbw_links_content .section-oe-beschreibung h2 {display:none}
.oe6015600 .openingHour-title {display:none}
.openingHour .cell + .cell span:not(.openingHour-from):not(.openingHour-to) {
    margin: 1em 0 !important;
    display: block;
}

#leistungSearch {	border: #ccc 1px solid; }


.folderRegister a, #stichwortAbisZDiv a,
.folderRegister span.ui-state-disabled {
	border: #ccc 1px solid; 
	padding: 2px 6px 2px 6px;
    margin: 2px 2px 0px;
    display: inline-block;
    text-align: center;
    font-size: 1.2em !important;
    font-weight: bold;
    border-radius: 2px;
    background: #fff;
    color: #000 !important;
	min-width: 1.2em;
}


#main .folderRegister .aktivAktuelleAuswahl,
#main .folderRegister a:hover, #stichwortAbisZDiv a:hover  {
    color: #fff !important;
    background-color: #ac162b !important;
    border: 1px solid #999 !important;
	}
	

.lpAnker.goPageTop {
    text-align: right;
    display: block;
    margin: 1em 0;
}
.formulare .formid6002571 {display: none}

#lpSeite .kommunikation-DEMAIL  {margin-top:.5em}
#lpSeite .kommunikation-DEMAIL  span.bezeichnung,
#lpSeite .kommunikation-SERVICEKONTO span.bezeichnung {width:auto;}

.hausanschrift,
.lieferanschrift,
.HAUSANSCHRIFT,
.LIEFERANSCHRIFT,
.openingHour-abweichung,
#kommunikation,
.section-oe-barrierefreiheit,
.section-oe-parkplatz,
.section-oe-anfahrtsbeschreibung,
.section-oe-personennahverkehr {
	background:rgb(233, 241, 245) !important;  
    margin-bottom: 1em;
    padding:6px
}


.hausanschrift,
.lieferanschrift,
.HAUSANSCHRIFT,
.LIEFERANSCHRIFT,
#kommunikation  {
    font-size: 1.15em !important; line-height: 160%;
}


#lpSeite .kontakt {
    font-size: 1.25rem !important;
    line-height: 160%;
}
 
#lpSeite .kontakt p, #lpSeite .kontakt li  {
    font-size: 1.25rem !important;
}

.kontaktpersonen .kontakt {margin: .5em 0 1em 0;  border-bottom: 1px solid #b3b3b3; padding-bottom: 1em;display: block; overflow: hidden;}
.kontaktpersonen .kontakt .ansprechName,
.kontaktpersonen .kontakt .kommunikation,
.kontaktpersonen .kontakt .responsibilities {margin:.5em 0;}
 
.kontaktpersonen .kontakt .foto { 
    float: right; margin-bottom: 20px; margin-left: 20px;  
}
#main #content .sbw_rechts h2, #main #content .sbw_rechts h3, #main #content .sbw_rechts h4,
#main #content .sbw_links h2, #main #content .sbw_links h3, #main #content .sbw_links h4,
#main #content .sbw_links2 h2, #main #content .sbw_links2 h3, #main #content .sbw_links2 h4 {
    font-size: 1.5rem !important;
}
.sbw_links .zustaendigkeiten {
	background:rgb(233, 241, 245) !important;
    width: 100% !important;
}
    


.openingHour .openingHour-zusatz,
.openingHour .table {
    font-size: 1.15em !important;
    line-height: 160%;
}

.openingHour  .table .openingHour-zusatz {
    font-size: 1em !important;
}

div.openingHour {
    margin-bottom: 1em;
}

.openingHour .row {
    display: table-row;
}

.openingHour .cell {
    display: table-cell;
    padding: 3px 10px 3px 0px;
}


.openingHour-day {
   margin-right: .5em;
}

div.openingHour-abweichung {
	margin-top: 1em;
	border: 1px solid red
}

#lpSeite span.bezeichnung {
    min-width: 5em !important;
    width: auto !important;
}

#content .leistungen h1.titel  {
    margin-top: 1em;
  }


.kommunikation-TELEFON .zusatz { 
display: block;
margin-bottom: .75em;}

 
#lpSeite .kommunikation.kommunikation-TELEFON,
#lpSeite .kommunikation.kommunikation-FAX {
    display:flex; flex-wrap: wrap; margin:.5em 0
}

#lpSeite .kommunikation.kommunikation-TELEFON .bezeichnung {width:100%;order:2;padding:0 0 0 1em }
#lpSeite .kommunikation.kommunikation-TELEFON .wert {width:100%;order:1}
 

#lpSeite .kommunikation.kommunikation-FAX .wert::before {
    content: "\f1ac";
    font-family: FontAwesome;
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .25em 0 0; 
}
#lpSeite .kommunikation-FAX span.bezeichnung,
#lpSeite .kommunikation-EMAIL span.bezeichnung {
	display:none
}

#lpSeite .kommunikation.kommunikation-TELEFON .wert::before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .25em 0 0; 
}


.leistungen .service_formular_stelle .formulare li  { font-size: 1em}
.leistungen .service_formular_stelle .formulare li a { font-size: 1.15em !important}


#lpSeite .kommunikation-DEMAIL  span.bezeichnung,
#lpSeite .kommunikation-SERVICEKONTO span.bezeichnung {width:auto;display: block;margin-top:.75em}


#main #content .leistungen h2, #main #content .leistungen h3,
#main #content #lpSeite.lebenslagen h2
{
    font-size: 1.5rem !important;
}

.verfahren .service_formular_stelle .formulare .beschreibung {
    font-size: .90em;
    padding-left: 2.1rem !important;
    display: block;
}


.epay::after {
    width: 1.5em;
    height: 1.5em;
    font-size: 1.5em;
    line-height: 1.5em;
}


.verfahren .section-zustaendigkeit .stelle {
    margin: .5em 0;
    font-size: 1.15em;
    line-height: 1.6em;
}

.formulare li .beschreibung p {margin:0 !important;}





/*  *************** FOOTER    *************** */


/* -------------------- footer -------------------- */
#footer { 
    padding:0; 
    font-size: 0.8em;   
    margin: 8em 0 0em 0 !important;; background-color: #333 !important;
    }    
    
#footer .ym-gl {
        float: none !important
    }
    

#bottom_functionallinks {background-color: #333; padding: 10px 10px}
#footer #bottom_functionallinks a {color: #fff !important; font-size: 1.1em; margin: 0 1em 0 0; min-width: 48px; min-height: 48px; display: inline-block;}
#footer #bottom_functionallinks a:hover {color:#eee !important;}
#viewcount {float:right}

#bottom_functionallinks a::before {
    color: #fff;
    font-family: FontAwesome;
    line-height: 1.5em;
    font-size: 1.5em;
    margin-right: .25em;
}
#bottom_functionallinks a.foot_home::before {content: "\f015 ";}
#bottom_functionallinks a.foot_kontakt::before {content: "\f003";}
#bottom_functionallinks a.foot_sitem::before {content: "\f0e8";}
#bottom_functionallinks a.foot_plan::before {content: "\f0ac";}
#bottom_functionallinks a.foot_impressum::before {content: "\f1f9"}
#bottom_functionallinks a.foot_datenschutz::before {content: "\f023"}
#bottom_functionallinks a.foot_barriere::before {content: "\e900";}
#bottom_functionallinks a.foot_ls::before {content: "\e901";}
#bottom_functionallinks a.foot_ds-config::before {content: "\f013";}

@font-face {
  font-family: 'iconbarriere';
  src:  url('../fonts/iconbarriere.eot');
  src:  url('../fonts/iconbarriere.eot#iefix') format('embedded-opentype'),
    url('../fonts/iconbarriere.ttf') format('truetype'),
    url('../fonts/iconbarriere.woff') format('woff'),
    url('../fonts/iconbarriere.svg#iconbarriere') format('svg');	
	
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
#bottom_functionallinks a.foot_barriere::before,
#bottom_functionallinks a.foot_ls::before
 {
  font-family: 'iconbarriere' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#bottom_functionallinks a.foot_barriere::before  {
  content: "\e900";
}
#bottom_functionallinks a.foot_ls::before {
  content: "\e901";
}


#footer .ym-wbox {
    background: transparent;
    color: #fff;padding-bottom: 2em !important;
}

#footer .row-outer {
    margin-bottom: 3em;
}

#footer .l-footer__row2 {
display: flex;
flex-wrap: wrap;
margin-right: 0px;
margin-left: 0px;
margin-top: 5rem;
}



#footer .l-footer__row2-brand {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    text-align: left;
}
#footer .l-footer__row2-brand a {
    padding: 25px 25px 25px 25px;
	display: inline-block;
}


#footer .l-footer__row2-brand img {  
max-width: 200px;
width: auto;
max-height: 75px;
}


#footer .l-footer__row2-social-bookmarks_div {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    text-align: right;
    list-style: none;
}

#footer .l-footer__row2-social-bookmarks_div_inner {
    padding: 25px 25px 25px 0;
 }

#footer .l-footer__row2-social-bookmarks {
    margin-left: 0;
}


#footer .l-footer__row2-social-bookmarks_div h3 {
color: #fff !important;
font-size: 1.3em !important}

#footer .l-footer__row2-social-bookmarks li:first-child {
margin-left: 0;
}
#footer .l-footer__row2-social-bookmarks li {
display: inline-block;
margin-left: 1rem;
}

#footer .l-footer__row2-social-bookmarks a {
transition: all .1s ease-in-out;
color: #fff;
max-width: 2rem;
max-height: 2rem;
overflow: hidden;
display: inline-block;
text-align: center;
}

#footer .l-footer__row2-social-bookmarks a:hover {
transform: scale(1.1);
}

#footer .l-footer__row2-social-bookmarks a img {
max-width: 100%;
}



#footer .l-footer__row3 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: space-between
}

#footer .l-footer__row3-spalte1,
#footer .l-footer__row3-spalte2,
#footer .l-footer__row3-spalte3 {
    flex: 0 0 30%;
    max-width: 30%;
    position: relative;
    width: 100%;
    text-align: left;
    margin-left:2rem;
}

#footer .l-footer__row3 h3 {color:#fff !important;margin:.5em 0;font-size:1.5em }
#footer .l-footer__row3 ul li a {color:#fff }
 #footer .l-footer__row3 ul  {
   margin: 0 !important; padding:0 !important;
}
#footer .l-footer__row3 ul li  {
    color:#fff;
    margin: 0 !important; padding:0.25em 0 !important;
    list-style: none;}

#footer a, #footer a:hover {color:#fff !important}

#footer .l-footer__row3 p  {
    margin: 0 !important;
    padding: 0.25em 0 !important;
    line-height: 1.5em;
    } 



    

.Newskachel {display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 100px;
    transition: linear padding 0.3s;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    align-items: baseline;
}
#main .TopNewskachel  .dcSubheading,
#main .Newskachel  .pm-content,
    #main .Newskachel  .pm-meldung .date,
    #main .Newskachel  .moreLink {
        display: none;
    }

    .Newskachel article.pm-meldung {flex: 0 31%}


#main .Topnews .dachzeile,
#content .Newskachel h3 {
    font-size: 1.0em; font-weight: 300; 
}
#content .Newskachel h2 {
    font-size: 1.2em;
}

.firstinvisible .Topnews.Newskachel article:first-child {
   display: none !important;
}




.iconstart img {transition: all .3s}
.iconstart a:hover img {transform: scale(1.1)}

.ym-column .iconstart a::after {
    border-bottom: 0px dotted #ac162b !important
}

.site_Freiburg.home .wayhome {display: none}
.site_Freiburg.home .data .wayhome {display:block}

.ym-col3 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    font-size: 100.01%;
    overflow:visible
}

.site_Freiburg.home .metalinks {
    background: transparent !important;}

.site_Freiburg.home .header__row {
        background-color: transparent;
}
.site_Freiburg.home #header {
 background: url("../img/header.jpg") no-repeat #000;
 height: 600px;
 width:100%;
 background-size: 100%;
 }
 .site_Freiburg.home .sticky-header .header__row { background:#fff;  }
 

.shadedbox {
    border: 0px solid #fff  !important;
    border-radius: 0px;
    box-shadow: 0px 0px 0px transparent !important;
    margin: 3em 0 !important;
    padding: 0 !important;
}

#main #l-content .bildbox h2,
#main #content .bildbox h2,
#main #l-service .bildbox h2 {
    position: static;
    padding: 0;
    margin: 0 !important;
    text-align: center;
    background: transparent;
    font-size: 1.4em !important;
    width: 100%;
    min-height: 3em !important;
    display: table;
    -webkit-transition: All 0.3s ease-in;
    -moz-transition: All 0.3s ease-in;
    -o-transition: All 0.3s ease-in;
    
}
    #main .bildbox H2 {transition: all .3s;font-size: 1.2em !important;}
    #main .bildbox H2 A {
        display: table-cell !important;vertical-align: middle !important;
    }
    
    #main .bildbox H2 A:hover, 
    #main .bildbox:hover h2,
    #main .bildbox:hover H2 a {
        background: rgb(233, 241, 245);
        color: #000 !important;
        border-bottom:0px
    }

    #main .bildbox:hover H2 {
        transform: scale(1.05);
    }

	#main .composedcontent-dvv-standardseite.row {gap: 30px 0}

    .header__container.startsuche {
        min-height: 400px; 
    }

    .sticky-header div.header__container.startsuche {
        opacity:0 
    }

.startsuche .search-overlay__inner {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 60%;
}


.startsuche .c-meta__search {
    width: 90%;
	background: rgba(255,255,255,.6);
}
 
.startsuche .c-meta__search #qs_query {
    font-size: 2rem;
	background:transparent;
    color: #fff;
    border: 0px solid #fff;
    width: 95.5%;
    padding: .25em;
}

.startsuche .c-meta__search #qs_query:focus-visible,
.startsuche .c-meta__search #qs_query:focus {outline: 1px dotted #ac162b}


.startsuche #quicksearch .quicksearchimg {
    cursor: pointer;
    background: #ac162b;
    border: 0;
    color: #fff !important;
    font-size: 2rem;
    padding: .25em;
}

.startsuche .searchForm input[type="search"]  {
    font-size: 2rem;
    width:100%;
    background: rgba(255,255,255,1);
    color: #000;
    border: 1px solid #ccc;
    padding: .25em;
	margin-bottom:.25em;
}

.site_Freiburg.home .metalinks .flinks a {color:#fff}
.site_Freiburg.home .sticky-header .metalinks .flinks a {color:#000}

.site_Freiburg.home .header-logosvg::before {
    background-image: url("../img/logofr.svg");
    width: 270px;
    height: 120px;
}
.site_Freiburg.home .sticky-header .header-logosvg::before {
    background-image: url("../img/logo.svg")}

.site_Freiburg.home .mobile-header__brand .header-logosvg::before  {
        background-image: url("../img/logo.svg");
    }

.site_Freiburg.home .search.toggle-overlay a i, 
.site_Freiburg.home .search.toggle-overlay a em,
.site_Freiburg.home .metalinks #top_functionallinks a::before {color:#fff}

.site_Freiburg.home .sticky-header .search.toggle-overlay a em,
.site_Freiburg.home .sticky-header .metalinks #top_functionallinks a::before {color:#000 !important}

#content .iconstart h2 {
    font-size: 1.4em !important;
    margin: 0 0 0.5em 0 !important;
}
#content .iconstart .center { margin-top:.5em}




.farbcontainer {
    position: relative;
    width: 100%;
    overflow: inherit;
}

.farbcontainer::before {
    max-width: calc(100vw - 17px);
    background: rgb(233, 241, 245);

}
.farbcontainer::before {
    content: "";
    height: 100%;
    left: 50%;
    min-width: 320px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
}
 
.farbcontainer::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}



.farbcontainer .farbcontainer_inner {
    padding-top:1em;padding-bottom:2em
}

.gbrslider.farbcontainer::before {
    max-width: calc(100vw - 17px);
    background: url(../img/gbr1.jpg) rgb(233, 241, 245) no-repeat center 38%;
    background-size: cover

}
.gbrslider .bx-wrapper {
  background: rgba(255,255,255,.5); margin-left: -.5em;margin-right: -.5em;
}

.gbrslider .bx-wrapper .bx-pager.bx-custom-pager a:hover, 
.gbrslider .bx-wrapper .bx-pager.bx-custom-pager a.active, 
.gbrslider .bx-wrapper .bx-pager.bx-custom-pager a:focus {background: #ac162b}

 
.gbrslider .bx-controls .bx-prev,
.gbrslider .bx-controls .bx-next {display: none}

 
.gbrslider.farbcontainer .bxSlider {padding:0 .5em}

.farbcontainer #zmEListe .datebox {background-color: #ac162b; color:#FFF}

.servicecontainer.flexiblebox,
.farbcontainer .flexiblebox { 
    display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
  justify-content:space-around
  }
  .servicecontainer.flexiblebox .iconstart,
  .farbcontainer .flexiblebox div.boxChild:nth-child(n) {
   width: 20%; flex-grow: 1;
  }
  

  .farbcontainer .flexiblebox div.boxChild:nth-child(1),
  .farbcontainer .flexiblebox.mitweiterlink div.boxChild:last-child {
   flex-grow:5; width: 100%;
   max-width:100%;
  }

  .farbcontainer .flexiblebox.mitweiterlink div.boxChild:last-child {margin-top:2em}

  .farbcontainer .farbboxen { 
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-around
    }

  .farbcontainer .farbboxen.zweier div.boxChild {
    width: 50%
    }
  .farbcontainer .farbboxen.dreier div.boxChild {
    width: 33%
    }


 
        
    
#main .mehrLinkPortal  a::before  {content: "" !important; padding: 0 !important;}
    
#main .mehrLinkPortal {margin: 1em 0;}
#main .mehrLinkPortal a {
       border:1px solid #ac162b;
       font-size: 1.3em;
       color:#ac162b !important;
       background: transparent;
       padding:.5em .5em;transition: .1s all ease-in-out
   }
   
   #main .mehrLinkPortal a:hover {
    color:#fff!important;
    background: #ac162b ;
   }

   .site_Freiburg.home .moreLink a {font-size: 1.1em}
   
   .site_Freiburg.home .search.toggle-overlay {display: none}


   
.site_Freiburg.home #main {
    margin-top: 0em !important;
}

 
.site_Freiburg .ym-hideme.fehler {
    display: block;
bottom:-1000px;
top:-1000px;
left:auto;
right:10px;
z-index:999;
    animation-name: slideIn;
    animation-duration: 0.3s;    
    animation-delay: 2s;
    animation-fill-mode:forwards;        
}

.site_Freiburg.knot_205252 .ym-hideme.fehler,
.site_Freiburg.mobileversion .ym-hideme.fehler {display: none}


@-webkit-keyframes slideIn {
    0%   {  top:-1000px; bottom:-1000px; }
    100% { top:auto; bottom:50px; }
}
@keyframes slideIn {
    0%   {  top:-1000px; bottom:-1000px; }
    100% { top:auto; bottom:50px; }
}

 .site_Freiburg .mm-navbars_top .mm-navbar:last-child {
    min-height:0 !important 
    }


    .mm-navbar_sticky .mm-navbar__title {font-size:1.1em !important; color:#000 !important}
	    .mm-menu {
        --mm-color-background: #fff;
        --mm-color-text: #000;
        --mm-color-background-emphasis: rgba(0, 0, 0, 0.05)
        --mm-color-text-dimmed: rgba(0, 0, 0, 0.05)
        --mm-color-button:#000;
        --mm-color-button: rgba(0, 0, 0, 0.6);
    }

 
    .mobile-header__brand {
        justify-content: space-between;
        margin: .25em 1em 0em 1em;
        align-items: normal;
      }
      .mobile-header__close {flex-grow: 1; text-align: left}
      .mobile-header__brand .header-logosvg {flex-grow: 1;}
      
    
      .mobile-header__search {
        margin: 1em auto;
        max-width: 95%;
    }
     
     
      .mobile-header__search .c-meta__search #qs_query {
        color: #000;
        background-color: rgba(0, 0, 0, 0.05);
        padding: 8px;
        height: auto;
        width:80% !important
    }

    .c-meta__search #qs_query:focus-visible, .c-meta__search #qs_query:focus {
        outline: 2px solid blue;
        outline-offset: -1px;
    }


    ul.ui-autocomplete {
border: 0px solid !important;
}

ul.ui-autocomplete li a {
    color: #000;
    font-size: 1.1em;
}
ul.ui-autocomplete li a.ui-state-active, 
ul.ui-autocomplete li a.ui-widget-content .ui-state-active {
    border: 0px solid #000;
    background: #000;
    font-weight: normal;
    color: #fff;
    display: inherit;
}


.ui-accordion h3.ui-accordion-header,
.ui-accordion h3.ui-accordion-header:hover    {
    background-image: none !important;
    background-color: transparent !important;
    border: 0px solid #eee !important;
    padding: 0 !important;
    margin: .5em .15em !important
}
.ui-accordion.accordionautoheight .ui-accordion-content {min-height:100% !important}


.ui-button:focus, .ui-state-focus:focus, .ui-widget-header .ui-state-focus:focus {
    outline: 2px solid blue;
    outline-offset: 2px;
 }




            .mm-menu .mm-navbars_bottom,
            .mm-menu .mm-navbars_bottom .mm-navbar {
              background-color: #ac162b !important;  color: #fff 
            }
            .mm-menu .mm-navbars_bottom .mm-footer-links {
            justify-content: space-between; }
            .mm-menu .mm-navbars_bottom a {font-size: 1.1em;margin: 0 .5em;}
            
            
            .mm-menu .mm-navbars_bottom a::before {
                font-family: FontAwesome;
                font-size: 1.75em;
                margin-right: .25em;
                vertical-align: middle;
            }
            .mm-menu .mm-navbars_bottom a.mm-footer_kontakt::before {content: "\f05a";}
            .mm-menu .mm-navbars_bottom a.mm-footer_stadtplan::before {content: "\f279";}
            
            
            
            .mm-menu .mm-navbars_bottom a.mm-footer_barriere::before {content: "\e900";}
            .mm-menu .mm-navbars_bottom a.mm-footer_barriere::before
             {
              font-family: 'iconbarriere' !important;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
            }
            
            

            .searchafter .c-meta__search {
                background: rgba(205,205,205,.1);
                border: 1px solid #b3b3b3;
                margin: 4em 0 1em 0;
                width: 95%
            } 
            .searchafter .c-meta__search #qs_query {
                width: 95.5% !important;
                color: #000 !important;
            } 
			
			.searchafter .c-meta__search:focus-visible {
				outline: 2px dashed #ac162b;
				outline-offset: 2px;
			}


            #nav-top-k:not( .mm-menu ) {
                display: none;
            }


            .mm-listitem_selected {background: #ac162b; color:#fff !important;}
            .mm-listitem_selected .mm-btn_next::after  {
                border-color: rgb(255, 255, 255);}




/* ***********  FORMS SUCHE ZM **************** */


        .basecontent-form-editor {margin-bottom:2em}


        .ym-form .formButtonContainer,
        .ym-form .captcha 
            {margin:1em 0 }
            .ym-form .formTitle label  {
                margin: 0em 0px .5em 0px;
                font-size: 1.6em;
                 width: 100%;
            }
            
            .ym-form .formTitle label span {
                display: block;
                font-weight: normal;
                font-size: 1.3325rem;
                width: 100% !important;
                flex: 100% !important;
                flex-grow: 2;
            }
            .ym-form legend.emptyLegend,
            #register_form fieldset legend {
                display: none;
            }
            
            
            .ym-form fieldset,
            #register_form fieldset {
                position: static;
                background: transparent;
                border: 0;
                margin: 0;
                padding: 0 0 0 4px;
            }
            
            .ym-form .formButtonContainer {margin:1em 0}

            .ym-form .formElementRow, .ym-form .formElement.ym-fbox-text,
            .ym-form .formElement.captcha,
            #register_form fieldset .type-text,
            #register_form fieldset.zmcaptcha,
            .authservice
            {
                display: flex !important;
                flex-wrap: wrap;
                width: 100%;
            }

            #authservicelink {margin-top:3em}

            .authservice #linktoRegister,
            .authservice #pwdVergessen {
                width: 50% !important;
                padding: .25em 0em;
                flex: 50%;
                max-width: 50%;
                margin-top:1em
            }




            #register_form fieldset .type-text {
            padding: 0.3em 1em;
            padding-left: 1em;
            margin-bottom: 0.5em;
        }
            
            .ym-form .formElementRow {
                margin-bottom: 1rem;
            }
            
            #register_form fieldset.zmcaptcha legend {display: contents}
            #register_form fieldset.zmcaptcha .requiredMark {
                color: #4a76aa;
                display: contents;
              }


            #register_form #zustimmen,
            #register_form  .ym-fbox-check #privacyStatementConfirmation { width: 1.5rem;
            height: 1.5rem;
            font-size: 1.25rem;
            margin-right: 1rem;
            appearance: none;
            -moz-appearance: none;
            border: 1px solid #ddd;
          }


          #register_form #zustimmen[type="checkbox"]:checked,
          #register_form  .ym-fbox-check #privacyStatementConfirmation[type="checkbox"]:checked {
                         background: #000 !important
                     }

                     
          #register_form  .ym-fbox-check {  
            padding: 0.3em 1em;
            margin-bottom: 0.5em;
            margin-top:2em
            }

          #register_form  .ym-fbox-check label {  
            font-size: 1.25rem;
            margin-right: 1rem;
 
          }

          #zmSuche .ym-fbox-check input, .ym-form .ym-fbox-check input {
            display: inline;
            width: auto;
          }
          .ym-form input:invalid, .ym-form textarea:invalid {
            background-color: transparent;
          }


            #register_form fieldset.zmcaptcha #zmCaptchaImage {vertical-align: middle;}
            .ym-form .formElement label,
            .ym-form .formElement .ym-g30,
            #register_form fieldset .type-text label,
            #register_form fieldset.zmcaptcha legend,
            #register_form .ym-fbox-check .ym-label label

            {
                width: 30% !important;
                padding: .25em 0em;
                flex: 30%;
                max-width: 30%;
                float: none !important;
                font-size: 1.3325rem;
                font-weight: normal;
            }

            .ym-form .formElement .ym-g33  {
                width: 30% !important;
                padding: .25em 0em;
                flex: 30%;
                max-width: 30%;
                float: none !important;
                font-size: 1.3325rem;
                font-weight: normal;
            }


            #linktoRegister,
            #pwdVergessen
            .ym-form .formElement .ym-g30 label {
                width: 100% !important;
            }
            .ym-form .formElement .left, 
            .ym-form .formElement .right { width: 65% !important;
             flex: 65%;
             max-width: 65%;
            line-height: 1.4em;
            display: inline-flex;
            }

            .ym-form .formElement .senderCc .right { width: 100% !important;
                flex: 100%;
                max-width: 100%;
               line-height: 1.4em;
               display: inline-flex;
               }
               
            
            .ym-form .formElement .left .inputLeft,  
            .ym-form .formElement .right .inputLeft  {
                margin:0 10px 0 0px !important;
                width: 30% !important;
                float: none !important;
                flex: 30% !important;}
            

 
         


            .ym-form .captcha .captchaInput {padding:.25em 0em}
            
            .zmcaptcha input#captcha,
            .ym-form .captcha .captchaInput input {
                border: 1px solid #ddd;
                line-height: 1.6em;
                height: 2.25em;
            }

            .ym-form label.fullWidth  {
                width: 100% !important;
                flex: 100%  !important;
                display: inline-flex;
                max-width: 100%;
                flex-direction: column;
            }
            
            .ym-form .formElement label.fullWidth span.requiredMark {
                display: contents;
              }
             
            .ym-form .formTitle label  {
                margin: 0em 0px .5em 0px;
                font-size: 2em;
                width: 100% !important;
                max-width: 100%;
                flex: 2 1 100%;
                display: inherit;
            }
            
            
             
            .ym-form input:invalid, .ym-form textarea:invalid {
                background-color: transparent;
            }

            .ym-form .ym-fbox-text input, .ym-form .ym-fbox-text textarea,
            #register_form fieldset .type-text input,
            #register_form fieldset .type-text textarea {
                padding: 0em;
                font-size: 1.15em;
                line-height: 160%;
            }
             
            .ym-columnar .ym-fbox-select select, 
            .ym-columnar .ym-fbox-text input,
            .ym-columnar .formElementRow.type-file input,
            #register_form fieldset .type-text input,
            #register_form fieldset .type-text textarea,
            #register_form fieldset.zmcaptcha .feld-text
            {
                float: none;
                width:65%;
                max-width: 65%;
                flex: 65%;
                padding:2px;
                font-family:LatoLatinWeb,Helvetica,sans-serif !important;
                border: 1px solid #ddd;
          
            }

            #content  #authservicelink #linktoRegister .register a, 
            #content  #authservicelink  .pwdvergessen a,
            #register_form input[type=submit]  {
              display: inline-block;
              white-space: nowrap;
              background: #fff;
              border: 1px solid #ac162b;
              color: #ac162b !important;
              padding:  .5em;
              overflow: visible;
              height: 2.25em;
              border-radius: 0px;
              font-size: 1.3325rem;
              font-weight: normal;
              cursor: pointer;
              color: #ac162b !important;
              vertical-align: middle;
              margin-top: 1em;
            }
            
            .register a:hover, .pwdvergessen a:hover,
            #register_form input[type=submit]:hover {
                color: #fff !important;
              background: #ac162b;
            }
            
            .ym-form label.fullWidth,
            .requiredMark,
            .ym-form .formElement .requiredMark + span.fullWidth {display: inline }
            
            #register_form fieldset.zmcaptcha .feld-text,
			.ym-columnar .formElementRow.type-file input {
				border: 0px solid #ddd
            }
			
/*  Farbe entfernt, da auf allen Formularen der Text sehr hellgrau ist
*/
			
            .ym-form input, .ym-form textarea, .ym-form select, .ym-form optgroup {    
                font-family:LatoLatinWeb,Helvetica,sans-serif !important;
            } 
			
			

            .ym-columnar .ym-fbox-text textarea:focus {
                margin-left: 4px !important;
                
            }
                        


            .ym-columnar .ym-fbox-text textarea {
                float: none;
                width:98%;
                max-width: 98%;
                flex: 98%;
                margin-bottom:1em
            }
            
            .ym-form .formElement .right input {
                 width:100%;
                max-width: 100%;
                flex: 100%;
            }
            .ym-form .formElementRow.senderCc .right input {
                width:auto; 
                max-width: auto; 
                flex: initial;
}

            .ym-form label,
            .ym-form .ym-label {
              color:#000;
              line-height: 160%;
              }
          
            
            #zmSuche .ym-fbox-check,
            .ym-form div.ym-fbox-text, 
            .ym-form div.ym-fbox-select, 
            .ym-form div.ym-fbox-check, 
            .ym-form div.ym-fbox-button {
                padding-left: 0 !important;
            }
            
            .ym-fbox-check.privacyStatementConfirmation label.ym-label {display:block !important; position: static}

            .ym-form .ym-fbox-text::before, 
            .ym-form .ym-fbox-select::before, 
            .ym-form .ym-fbox-check::before, 
            .ym-form .ym-fbox-button::before {
                content: "";
                display: none;
            }
            #zmSuche .ym-fbox-check input,
            .ym-form .ym-fbox-check input {
                display: inline;
                width: auto;
            }

            .ym-columnar .ym-fbox-check .abstandlinks0  input {margin-left: 0 !important}

            #zmSuche .ym-fbox-check input[type="checkbox"]:checked,
            #zmSuche #zeitid input[type="radio"]:checked,
            .formElementContainer input[type="radio"]:checked,
            .formElementContainer input[type="checkbox"]:checked,
            ul.filter li input[type="checkbox"]:checked {
                            background: #000 !important
                        }
             #zmSuche .ym-fbox-check input[type="checkbox"],
             #zmSuche #zeitid input[type="radio"],
            .formElementContainer input[type="radio"], 
            .formElementContainer input[type="checkbox"],
            ul.filter li input[type="checkbox"] {
                            width: 1.5rem;
                            height: 1.5rem;
                            font-size: 1.25rem;
                            margin-right: 1rem;
                            appearance: none;
                            -moz-appearance: none;
                        }
            
            #zmSuche .ym-fbox-check input,
            .formElementContainer input, 
            .formElementContainer select,
            input[type="search"], input[type="text"], select,
            ul.filter li input[type="checkbox"],
            #zmvs input, #zmelement2 select, #zmelement4 input {      
                            background: #fff;
                            border: 1px solid #aaa;
                            height: 40px;
                            color: #000;
                            padding: 0 10px;
             }
             
             .formElementContainer .senderCc.ym-fbox-check input[type="checkbox"] {
                margin-top: .5em
                }

            ul.filter li input[type="checkbox"] {      
                            height: 1.5rem;
             } 
 .filterpanel .Filterbox ul.filter li { display: flex;}
            


 #zmSuche .ym-form .ym-fbox-check input:focus, 
 #zmSuche .ym-form .ym-fbox-check input:hover, 
 #zmSuche .ym-form .ym-fbox-check input:active,
.ym-form .ym-fbox-check input:focus, 
.ym-form .ym-fbox-check input:hover, 
.ym-form .ym-fbox-check input:active {
   border: 1px solid #333
}

#zmSuche #zeitid input[type="radio"] {      
    height: 1.5rem;
    border: 1px solid #000;
    color: #000;
    padding: 0 10px;
} 



.ym-button:hover, .ym-form button:hover, .ym-form input[type="button"]:hover, .ym-form input[type="reset"]:hover, .ym-form input[type="submit"]:hover, .ym-button-active, .searchSort .button:hover, .searchSort button.currentSort {
    cursor: pointer;
}
.ym-button:hover, 
.ym-form button:hover, 
.ym-form input[type="button"]:hover, .ym-form input[type="reset"]:hover, .ym-form input[type="submit"]:hover, .ym-button-active, .searchSort .button:hover, .searchSort .button.currentSort, .searchForm span .button:hover {
    color: #fff !important;
    background: #ac162b;
}
.ym-button, .ym-form button, .ym-form input[type="button"], 
.ym-form input[type="reset"], .ym-form input[type="submit"], 
.searchSort .button, .searchForm span .button {
    display: inline-block;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ac162b;
    color: #ac162b !important;
    padding: 0 .5em;
    overflow: visible;
    height: 2.25em;
    border-radius: 0px;
    font-size: 1.3325rem ;
    font-weight: normal;
cursor:pointer
}

.ym-form .tabelle .andere.ym-fbox-text,
.ym-form .tabelle .formElement.ym-fbox-text label,
.ym-form .tabelle .statistik_titel {
    width: 60% !important;
    flex: 60%;
    max-width: 60%;
}
.ym-form .tabelle .formElement.ym-fbox-text label:nth-of-type(2),
.ym-form .tabelle .statistik_betrag {
    width: 15% !important;
    flex: 15%;
    max-width: 15%;
}

.ym-form .tabelle  .formElement.ym-fbox-text input,
.ym-form .tabelle .statistik_anzahl  {
    width:7% !important;
    max-width: 7%;
    flex: 7%;
    
}

.ym-form .tabelle .andere.ym-fbox-text input  {
    width:60% !important;
    max-width: 60%;
    flex: 60%;
    
}

.ym-form .tabelle .statistik_tabelle > div{
  padding: .25em 0em;
  font-size: 1.3325rem;
  font-weight: normal;
}

.ym-form .tabelle .statistik_tabelle
            {
                display: flex !important;
                flex-wrap: wrap;
                justify-content: space-between;
                width: 90%;
                align-items: flex-start;
            }
            
 .ym-form  .tabelle .formElement.ym-fbox-text {  justify-content: space-between;}


/* ***************  ZM ****************** */


#zmEListe .zmhitsfound {font-size: 1.2em;}

#zmEListe .zmELNavigationoben p {margin: 0; line-height:220% !important;}
#zmEListe .zmELNavigationunten p a,
#zmEListe .zmELNavigationoben p a {
    display: inline-block;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ac162b;
    color: #ac162b !important;
    padding: 0 .5em;
    font-size: 1.3325rem ;
    font-weight: normal;
    border-bottom: 1px solid #ac162b !important;
    margin: .5em .5em .5em 0
}  

#main .zmzureu a, #main .zmzursuche a, #main .zmnavnext a, #main  .zmnavprev a,
#main .zmNavigClassBack a, #main .zmNavigClassItem a, 
#main .zmNavigClassForward a,
#main #zmsb1, #main .zmzursuche a, #main .zmzureu a, #main .btn-feedback a,#main  #zmsb1, #main .zmzursuche a, #main .zmzureu a, #main div.zmSuchButton input
{transition: .1s all ease-in-out; color:#ac162b !important; border: 1px solid #ac162b !important;}
 
#main .zmzureu a:hover, #main .zmzursuche a:hover, #main .zmnavnext a:hover, #main  .zmnavprev a:hover,
#main .zmNavigClassBack a:hover, #main .zmNavigClassItem a:hover, 
#main .zmNavigClassForward a:hover,
#main #zmsb1:hover, #main .zmzursuche a:hover, #main .zmzureu a:hover, #main .btn-feedback a:hover, #main  #zmsb1:hover, #main .zmzursuche a:hover, #main .zmzureu a:hover, #main div.zmSuchButton input:hover
{color:#fff !important; background-color: #ac162b !important;}
 
#main .zmzureu a:hover::after, #main .zmzursuche a:hover::after, #main .zmnavnext a:hover::after, #main  .zmnavprev a:hover::after,
#main .zmNavigClassBack a:hover::after, #main .zmNavigClassItem a:hover::after, 
#main .zmNavigClassForward a:hover::after,
#main #zmsb1:hover::after, #main .zmzursuche a:hover::after, #main .zmzureu a:hover::after, #main .btn-feedback a:hover::after, #main  #zmsb1:hover::after, #main .zmzursuche a:hover::after, #main .zmzureu a:hover::after, #main div.zmSuchButton input:hover::after
{width:0 !important}


.zmNavigClass {margin: 1em 0}

.zmNavigClassInnen {
  display:flex; 
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row  wrap;
}

.zmNavigClassItem, .zmNavigClassForward, .zmNavigClassBack {
    display: inline-flex;
}

#main .zmNavigClassInnen span.active,
#main .zmNavigClassBack a,
#main .zmNavigClassItem a,
#main .zmNavigClassForward a
 {
 color:#333;
 border: 1px solid #ac162b;
 text-align:center; 
 text-decoration:none;
 padding: 0.15em .5em;
 font-size: 1.3325rem;
 font-weight: normal;
}


.zmNavigClassInnen span.active,
.zmNavigClassBack a:hover, 
.zmNavigClassItem a:hover, 
.zmNavigClassForward a a:hover, 
.zmNavigClassBack a:active, 
.zmNavigClassItem a:active, 
.zmNavigClassForward a a:active
 {background-color: #ac162b;
  color:#fff !important}
 
.zmELNavigationoben .current,
.zmELNavigationunten .current,
.zmELNavigation .current  {
color:#fff;
background:#ac162b; 
border:1px solid #ac162b;
padding: .5em .75em;} 



.zmSuchButton {margin-top:1em}
#main div.zmSuchButton input:hover, #main div.StandardFormular input:hover {
    background: #ac162b  !important;
    color:#fff !important
}
#main div.zmSuchButton input {
    color:#ac162b;
    border: #ac162b 1px solid;
    transition: .1s all ease-in-out;
    background: #fff  !important;
}

#main #zmSuche div.suchfeld_kat, 
#main #zmSuche div.suchfeld_Volltext {
    border: 0px solid #ccc;
 }

#zmEListe .zmitem.even {
    background-color:transparent !important;
    border:0px solid #fff !important;
}
#zmEListe .zmitem {
    margin: 2em 0 !important;
}
#content h2.zmVATitel {color:#333 !important}

#reset {
    padding: .5em .75em;
    display: block;
    background: #fff;
    border: 1px solid #ac162b;
    color: #ac162b;
}






    
#zmEListe .zmhitsfound {font-size: 1.2em;}


.Service #zmEListe .zmitem.shadedbox {
    border-bottom: 1px dotted #ac162b !important;
    border-radius: 0px;
    margin: 0em 0 2em 0 !important;
    padding: 0 0 2em 0 !important;
}

#zmEListe .zmdb .Kategorien,
#zmEListe .zmdb .zmanschrift .vCard,
#zmEListe .zmdb .zmanschrift .adresse,
#zmEListe .zmdb .zmadresse .adresse,
#zmEListe .zmdb .zmperson .value,
#zmEListe .zmdb .zmperson .titles,
#zmEListe .zmdb .zmperson .fn,
#zmEListe .zmdb .zmperson .organization,
#zmEListe .zmdb .zmperson .tel .bez,
#zmEListe .zmdb .zmperson .fax .bez,
#zmEListe .zmdb .zmperson .mobile .bez,
#zmEListe .zmdb .zmperson .street-address,
#zmEListe .zmdb .zmperson .cityline,

#zmEListe .zmdb .mehrDetail,
#zmEListe .zmdb .zmanbieter .vCard,
#zmEListe .zmdb .item,
#zmDetail .zmanbieter .weitereanbieter ,
#zmDetail .zmferienfristanmeldefrist .item,
#zmEListe .zmdb .zmelem .person,
#zmEListe .zmdb .zmanfahrt .value,
#zmEListe .zmdb .eigenschaften .value,



#zmEListe .zmdb .zmFerien,
#zmEListe .zmdb .zmDatum,

#node343211 #zmDetail .zmOrt .vCard,
#node343211 #zmDetail .zmVeranstalter .vCard,
#node343211 #zmEListe .zusatz,

.basecontent-dvv-zm-ez .zmdb .zmanschrift .vCard,
.basecontent-dvv-zm-ez .zmdb .zmanschrift .adresse,
.basecontent-dvv-zm-ez .zmdb .zmadresse .adresse,
.basecontent-dvv-zm-ez .zmdb .zmperson .value,
.basecontent-dvv-zm-ez .zmdb .mehrDetail,
.basecontent-dvv-zm-ez .zmdb .zmanbieter .vCard,
.basecontent-dvv-zm-ez .zmdb .item,
.basecontent-dvv-zm-ez .zmdb .zmelem .person,
.basecontent-dvv-zm-ez .zmdb .zmanfahrt .value,
.basecontent-dvv-zm-ez .zmdb .eigenschaften .value,
.basecontent-dvv-zm-ez .zmdb .zmadresse .mail,
.basecontent-dvv-zm-ez .zmdb .zmadresse .tel,
.basecontent-dvv-zm-ez .zmdb .zmadresse .homepage
 {font-size:1.15em;
    line-height: 160%;}
.basecontent-dvv-zm-ez .zmdb .zmadresse .tel .bez {display: none}

#node343211 #zmDetail .category a.zmkatLink { font-size: 1.3em !important;}

 #zmEListe .zmdb .zmanfahrt .value p
 {font-size:1.25rem}
 .basecontent-dvv-zm-ez .zmdb .zmanfahrt .value p {font-size:.9em !important;}

#zmEListe .zmdb .item ul
 {font-size:1.15rem}

 #zmEListe h4, #zmDetail h3 {
    color: #333;
    font-size: 1.3em !important;
}

#zmEListe .zmanschrift .zmClear {display: none;}

#zmEListe .homepage .value {font-size:1.2em}
#main .homepage .value .httpsLink:before,
#main .homepage .externerLink:before
 { 
        content: "\f178" !important;
        font-family: FontAwesome;
                font-size: .9em !important;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .35em 0 0; }

    
.zmzureu, .zmzursuche, .zmnavnext, .zmnavprev {
        font-size: 1.15em;
    }

#zmEListe .gruppeneigenschaften .item {
        line-height: 1.6em;
        font-size: 1.15em;
    }


    #zmEListe .status20779850,
    #zmEListe .status20779900,
    #zmDetail .status20779850,
    #zmDetail .status20779900 {
        position: relative;  
    }
    
    #zmEListe .status20779850 .boxflex,
    #zmEListe .status20779900 .boxflex,
    #zmDetail .status20779850 .Kopf,
    #zmDetail .status20779850 .zmbeschreibung,
    #zmDetail .status20779850 .category,
    #zmDetail .status20779850 .sammel,
    #zmDetail .status20779850 .bildcss,
    #zmDetail .status20779850 .composedcontent-dvv-row,
    #zmDetail .status20779900 .Kopf,
    #zmDetail .status20779900 .zmbeschreibung,
    #zmDetail .status20779900 .category,
    #zmDetail .status20779900 .sammel,
    #zmDetail .status20779900 .bildcss,
    #zmDetail .status20779900 .composedcontent-dvv-row {
        opacity:.6; 
    }
   
    
    #zmEListe .status20779850:before, 
    #zmEListe .status20779900:before,  
    #zmDetail .status20779850:before, 
    #zmDetail .status20779900:before {
      display: inline-block;
      transform: rotate(-20deg);
      font-size:2.5em; position: absolute; left: 10%; bottom:50%; z-index:9;
      background:#ac162b; color:#fff; padding:.25em; opacity:1;  
    }

    #zmDetail .status20779850:before, 
    #zmDetail .status20779900:before {top:20%; bottom:auto;}
    #zmDetail .status20779850:before, 
    #zmDetail .status20779900:before {top:5%; bottom:auto;}

    #zmDetail .status20779900:before, 
    #zmEListe .status20779900:before {
        content:"Ausgebucht" }

    #zmDetail .status20779850:before, 
    #zmEListe .status20779850:before  {
        content:"Abgesagt" }


    .basecontent-dvv-zm-vk #zmEListe .status20779850::before,
    .basecontent-dvv-zm-vk #zmEListe .status20779900::before {
            font-size: 1.5em;
    }


.subscriptionDivBox {display:none; margin-top: 0em}
.subscriptionDivBigBox .subscriptionDivBox {display:block}
    
    
.slick-prev
{
    left:  0px;  z-index: 999;
}

.slick-next
{
    right: 12px;z-index: 999;
}


.slick-prev:before,
.slick-next:before
{
    font-size: 35px;
	color: #333;
}

.slick-next::before {
    content: '\f054';
}

.slick-prev::before {
    content: '\f053';
}


.slick-prev::before, .slick-next::before {
    font-family: FontAwesome;
font-size: 2vw;
    line-height: 1;
    opacity: .75;
    background: rgba(255,255,255,.75);
}





/******************************* S U C H E ************* */


.searchForm input[type="search"] {


    display: inline-block;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ccc;
    color: #ac162b !important;
    padding: 0 .5em;
    overflow: visible;
    height: 2.25em;
    border-radius: 0px;
    font-size: 1.3325rem;
    font-weight: normal;
    
}


.ergebnisseKopf { 
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    transition: 0.3s linear;
    justify-content: space-between;
    align-items: s;
}
.ergebnisseKopf .searchSort  {order:2}
.ergebnisseKopf .searchPagin {order:1}

.searchSort .sort-label,
.ergebnisseKopfAnzahl {
    font-size: 1.15em;line-height: 160%; 
    display: block;
    margin: .5em 0
}

.searchSort .sort-direction {
    vertical-align: middle !important;
}

.ergebnisseRumpf .description,
.search .wayhome  {padding:0 !important}

.searchDiv #ergebnisseRumpf .resultScore::after {
    border-radius: 0px!important;
    background: #fff!important;
}

#main #content .newsteaserbox2col .composedcontent-dvv-box h2 {
    font-size: 1.60em !important;
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
}
.newsteaserbox2col {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: space-between;
    width:100%
}

.newsteaserbox2col  .composedcontent-dvv-box {
    float: none !important;
    width: 100% !important;
    height: auto !important;
}

.newsteaserbox2col > div {
flex: 0 0 48%;
    max-width: 48%;
    position: relative;
    width: 48%;
}

.pm-pubDate-date {font-size:1.2em}
.pm-head h2 {margin-top:0.5em !important;}

.sdgmenu .w100image:hover {
    transform: scale(1.05);
}




.icon-bar:nth-child(1) {
    transform: translate(-6px, 8px) rotate(45deg) scaleX(.75);
}

.icon-bar:nth-child(2) {
    transform: translate(5px, -2px) rotate(-45deg) scaleX(.75);
    
}



#zmEListe .in  .btn-toggle-nav .icon-bar:nth-child(1),
#zmEListe .in + .btn-toggle-nav .icon-bar:nth-child(1) {
    transform: rotate(-45deg) scaleX(0.75) translate(-11px, 0px);
}
#zmEListe .in  .btn-toggle-nav .icon-bar:nth-child(2),
#zmEListe .in + .btn-toggle-nav .icon-bar:nth-child(2) {
    transform: rotate(45deg) scaleX(0.75) translate(1px, -6px);
}
#zmEListe .icon-bar {
    height: 5px;}
#zmEListe .menu-btn {
  background: #ac162b;
  color: #fff;
  border:1px solid #ac162b; 
  padding:12px;
}

.ym-ie-clearing.anzeigen {display:block !important}

#node2339672 #weitereTermine,
#node2339672 #home .feld-select,
#zmselbst h1.Ueberschrift {display: none;}      



/*  *****************   SLIDER    ********************   */

.bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
}

.bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;   
    background-image: none !important;
    color: transparent;
    margin-top: -2vw;
    width: 4vw;
    height: 4vw;
    overflow: hidden;
    z-index: 11;
}

.bx-wrapper .bx-controls-direction a::before {
    background: rgba(255, 255, 255, 0.75);
    color: #343639;
    display: flex;
    align-items: center;
    font-family: FontAwesome;
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
    text-indent: 1.33333333vw;
    transition: all 0.5s;
    width: 4vw;
    height: 4vw;
}

.bx-wrapper .basecontent-zitat  {margin: 0 4em !important}

.bx-wrapper .bx-controls-direction a.bx-next::before {
    content: "\f054";
}

.bx-wrapper .bx-controls-direction a.bx-prev::before {
    content: "\f053";
}

.bx-wrapper .bx-controls-direction a::after {
border-bottom:0px dotted #ac162b;
}


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 40%;
    width: 20%;
    bottom: auto;
}


.bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-auto .bx-start {
    width: 4vw !important;
    height: 4vw !important;
    background-image: none !important;
}

.bx-wrapper .bx-controls-auto a.bx-start::before {
    content: "\f04b";
}
.bx-wrapper .bx-controls-auto a.bx-stop::before {
    content: "\f04c";
}

.bx-wrapper .bx-controls-auto a::before {
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    font-family: FontAwesome;
    font-size: 1.5vw;
    font-weight: normal;
    text-align: center;
    text-indent: 1.33333333vw;
    transition: all 0.5s;
    width: 4vw;
    height: 4vw;
}

.bx-wrapper-bottom .bx-wrapper .bx-controls-direction a {
    top:105%
}


/* ****************       ******************** */


.services {
    border-top: 2px dotted #ac162b;
}


.l-page #main .newsroomstyle h3 {    margin-top: 1rem !important;;
    font-size: 1.0em !important;;
    font-weight: 300 !important;}
.l-page #main .newsroomstyle h2  {font-size: 1.4em !important;
margin: 0 !important;}

.site_Freiburg.home.body_search #main {margin-top:3em !important}






/* ****************   PM   ******************** */



#main .presse-list .pm-meldung .pm-bild,
#main .composedcontent-rubriktopnews .pm-meldung .pm-bild {
    float: none;
    margin: 0 0em 1e
    m 0;
}
#content .presse-uebersicht a.showadmin,
#content .presse-administration a.showadmin {color:#fff !important}


.pm-meldung {
    box-sizing: border-box;
    border-bottom: 0px dotted #b3b3b3;
    display: block;
    overflow: hidden;
    padding-bottom: 2em;
    background-color: transparent !important;
    float:none !important
  }

 
.pm-meldung .pm-title a {
    font-size: 1.2em;
  }


.teaser .bild .image, .teaser .bild .ym-hideme {
    position: static;
    float: none !important;
}

.pm-meldung.pm-meldung-bild .pm-tags,
.pm-meldung.pm-meldung-bild .pm-content,
.pm-meldung-author .pm-meldung .pm-content {
 float:none !important;; width:100%
}

.pm-meldung-author  .pm-detaillink {
  float: none !important;;
  margin: 0 
}
.pm-meldung-author .pm-meldung {margin-top:0}

.pm-meldung-author .pm-options.pm-options-actions {
    background: #eee;
    position: static;
    padding: .5em;
    margin: 0 0 1em 0;
  }


.pm-meldung-author .pm-meldung .pm-content .pm-title .pm-detaillink .pm-title-from {
    font-size: 1.2rem !important;
    color: #000;
  }

.pm-meldung-author {
    margin: 1em 0;
    border-bottom: 1px dotted #333;
    padding: 1em;
}

#main .pm-options-actions .pm-rubriken .save-rubrik {
    border:1px solid #ac162b;
    color:#ac162b !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    line-height: 180%;
}
#main .pm-options-actions .pm-rubriken .save-rubrik {font-size:1.1em}
#main .pm-options-actions .pm-rubriken .save-rubrik:hover {
 color:#fff!important;
 background: #ac162b ;
}

.pm-options-actions .pm-rubriken>div input {
    border: 1px solid #333;
    width: 1.5rem;
   height: 1.5rem;
   font-size: 1.25rem;
   line-height: 160%;
   vertical-align: top;
   appearance: none;
   -moz-appearance: none;
   cursor: pointer;
   background-color: #fff;
   margin-right:1rem;
   float:left; 
 }
 
 .pm-options-actions .pm-rubriken>div input:checked {
   background: #000 !important;
 }


/* ****************       ******************** */


.basecontent-line-break-text.jury {
    font-weight: bold;
    text-align: center;
  }
  
  
  .basecontent-line-break-text.jury::before {
    background-image: url("../img/icons/jury.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    margin: 0em  auto 1em auto

    }








/*   -----------------  -factsbox - ---------------------    */    

.composedcontent-factsbox {
    position: relative;
    overflow: hidden;
    min-height: 420px;
	margin: 4em 0;
}


.composedcontent-factsbox .composedcontent-dvv-column2  { 
display: flex;
flex-wrap: wrap;
width: 100%;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
gap:30px 10px;
margin-bottom: 3em;
}

.composedcontent-factsbox .composedcontent-dvv-column2 > div {width: 23%;padding: 0 0% 0 0 !important;max-height: 100%;}


.composedcontent-factsbox .basecontent-image  {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	max-width: 100%;
	width: auto !important;
    z-index: -1;
}

.composedcontent-factsbox .basecontent-image  img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

 
.composedcontent-factsbox .composedcontent-dvv-column2 > div:nth-child(2n+1) {
    text-align: right;
}

.composedcontent-factsbox .composedcontent-dvv-column2 > div:nth-child(2n) {
    position: relative;
    top: 5em;left:1em
}

 .composedcontent-factsbox .composedcontent-dvv-column2 > div .composedcontent-dvv-box {
    display: inline-block;
    max-width: 280px;
    background-repeat: no-repeat;
    -webkit-background-size: 250px 250px;
    background-size: 250px;
}


#main #content .composedcontent-factsbox h2.counter {font-size:3.0em;margin:0;line-height:100%}
#main #content .composedcontent-factsbox h3 {font-size:1.5em;margin:.25em 0}
#main #content .composedcontent-factsbox h3.counterunit {font-size:1.8em;margin:0;line-height:120%}


.flyerNav .mburger::before {
    opacity: 0;  padding: 0 0em 0 0;
    color:#fff; content: " ";
  -webkit-animation: shmenu 145s ease-out 1s 1 normal;
  -moz-animation: shmenu 145s ease-in-out 1s 1 normal;
  animation: shmenu 145s ease-in-out 1s 1 normal;
    
}    
    
@keyframes shmenu {
  0% {
opacity: 0;  padding: 0 0em 0 0;
content:"MEN\0000dc" 
  }    
 1% {
    opacity: 1;  padding: 0 .5em 0 0;
  }
  80% {
    opacity: 1;  padding: 0 .5em 0 0;
  }
  100% {

opacity: 0;  padding: 0 0em 0 0;
      content:""
  }
}

@-webkit-keyframe shmenu {
    0% {
  opacity: 0;  padding: 0 0em 0 0;
  content:"MENÜ" 
    }    
   10% {
  opacity: 1;  padding: 0 .5em 0 0;
    }
    80% {
  opacity: 1.0;
    }
    100% {
  
  opacity: 0;  padding: 0 0em 0 0;
        content:""
    }
  }   

/* *******************   MEDIA QUERIES **************** */


@media screen and (max-width: 1479.98px) {
    .site_Freiburg.home #header { background: url("../img/header.jpg") no-repeat #000; height: 500px; background-size: cover}    
}  


@media screen and ( max-width: 1279.98x )  {
	.gridlayout .bildbox,
	.gridlayout .box_flip,
    .gridlayout .boxflex {width: 31%}

    .bx-wrapper .bx-controls-direction a::before {
        font-size: 4vw;
        width: 6vw;
        height: 6vw;
        }
    
    .bx-wrapper .bx-controls-auto a::before {
        font-size: 2vw;
        width: 6vw;
        height: 4vw;
        }
        
    .bx-wrapper .bx-controls-direction a {
        margin-top: -3vw;
        width: 6vw;
        height: 6vw;
        }
    
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        bottom: -3em;
        }


}


@media screen and (max-width: 1079.98px) {
    .site_Freiburg.home #header { background: url("../img/header.jpg") no-repeat  #000; height: 400px; background-size: cover}    

    .composedcontent-factsbox .composedcontent-dvv-column2 > div {width: 46%}

    .composedcontent-factsbox .basecontent-image {display: none}
    
    .composedcontent-factsbox .composedcontent-dvv-column2 > div:nth-child(2n)  .composedcontent-dvv-box  {
    background-image: url("../img/bg/zahlen-01.svg");
    background-position: 100% 0;
    padding: 30px 0 0 50px;
    min-height: 160px;
    }

     .composedcontent-factsbox .composedcontent-dvv-column2 > div:nth-child(2n+1)  .composedcontent-dvv-box  {
    background-image: url("../img/bg/zahlen-02.svg");
    background-position: 100% 0;
    padding: 30px 50px 0 0px;
    min-height: 160px;
    }

   
    }  
 

@media screen and ( max-width: 991.98px)  {
    .gridlayout .gridlayout.dreier.boxinbox .boxChild {width:48%}
    .gridlayout.zweier .boxflex.boxflex1 {width:48%}
    .gridlayout.zweier .boxflex.boxflex2 {width:48%}
    .imageGallery .galleryImage {width: 31%} 
    .imageGallery.gallery5cols .galleryImage {width: 31%} 
    .imageGallery.gallery4cols .galleryImage {width: 48%}
    .imageGallery.gallery3cols .galleryImage {width: 31%}
    .imageGallery.gallery2cols .galleryImage {width: 48%}

    .gridlayout .boxflex,
	.gridlayout .bildbox,
	.gridlayout .box_flip {width: 30%}
    .gridlayout.dreier .boxflex,
    .gridlayout.dreier .bildbox,
	.gridlayout.dreier .box_flip,
    .gridlayout.dreier .teaser {width: 46%}
        
    .gridlayout.fuenfer .bildbox,
    .gridlayout.fuenfer .boxflex,
    .gridlayout.fuenfer .box_flip  {width: 32%}
    .gridlayout.fuenfer { justify-content:center}

    .farbcontainer {padding: 0 1em;}

    #main {margin-top: 2em !important;}

    .header__ghost { transition: none; } 
     
    .header__row {
        height: 100px;
        margin: 0;
        margin: 0;
        padding: 0px;
        height: 100px;
        transition: none;
    } 
    
    .header__container .header-logodiv {padding-left: 25px;}
     
    div.wayhome .wayhome {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .breadCrumb .first,
    .wayhome .wayhome > span
     {
        padding-left:0px
    }
    
    .sticky-header .header__ghost { transition: none; }

    .linearize-level-1, .linearize-level-1 > [class*="ym-col"],
    .linearize-level-2, .linearize-level-2 > [class*="ym-g"], 
    .linearize-level-2 > [class*="ym-col"] {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        width: 100% !important;
    }
        
    
    .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
    .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"],
    .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
    .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
        margin: 0;
        overflow: hidden;
        padding: 0;
    }
    
    
    
    #lpSeite .sbw_rechts { 
        grid-row: 2 ;
        grid-column: 1 / 4;
        }
            
        #lpSeite .sbw_links {  
        grid-row: 1;
        grid-column: 1 / 4;
        }
    
        #lpSeite .sbw_links2 {  
            grid-row: 3;
        grid-column: 1 / 4;
        }
    
    
    .sbw_rechts_content .image-inner .bwBildVerwaltung {  max-width: 100%; }

    #page_margin {        width: 100%    }

    .servicecontainer.flexiblebox .iconstart,
    .farbcontainer .flexiblebox div.boxChild:nth-child(n) {
    width: 32%; flex-grow: 1;
     }

    .farbcontainer .flexiblebox div.boxChild:nth-child(1),
    .farbcontainer .flexiblebox.mitweiterlink div.boxChild:last-child {
    flex-grow:5; width: 100%;
    max-width:100%;
    } 

    .site_Freiburg.home #header { background: url("../img/header.jpg") no-repeat #000; height: 400px; background-size: cover}    
    .composedcontent-factsbox .composedcontent-dvv-column2 > div {width: 46%}

    }	


@media screen and (max-width: 819.98px) {
        .skalierung {display:none}
}
            

@media screen and (max-width: 767.98px) {
    .bildbox {width:100%; max-height: none}

    .gridlayout.zweier .boxflex.boxflex1 {width:98%}
    .gridlayout.zweier .boxflex.boxflex2 {width:98%}

    .gridlayout.sechser .bildbox,
    .gridlayout.sechser .boxflex,
    .gridlayout.sechser .box_flip    {width: 31%}

    .gridlayout .boxflex,
	.gridlayout .bildbox,
	.gridlayout .box_flip,   
    .gridlayout.dreier .boxflex,
	.gridlayout.dreier .bildbox,
	.gridlayout.dreier .box_flip,
    .gridlayout.dreier .teaser	{width: 46%}
    
    .slidergrid .bxSlider .composedcontent-dvv-column2 > div,
    .gridlayout.zweier .boxflex,
	.gridlayout.zweier .bildbox,
	.gridlayout.zweier .box_flip {width: 98%}

    .gridlayout.dreier,
    .gridlayout.fuenfer {    justify-content: center !important}

    .gridlayout .boxflex p a {word-break: break-all}
     
    .header__container .metalinks {display:none}

    .header__container #nav {
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        width: 50%;
        text-align: right;
    }

    .Newskachel article.pm-meldung {flex: 0 48%}

    .site_Freiburg.home #header { background: url("../img/header.jpg") no-repeat #000; height: 300px; background-size: cover}    

    .ym-form .formElement .left, 
    .ym-form .formElement .right,

    .ym-form .formElement label,
    .ym-form .formElement .ym-g30,
    .ym-form .formElement .ym-g33,
    .ym-form .ym-fbox-select select, 
    .ym-form .ym-fbox-text input 
       {
        width: 100% !important;
        flex: 100%;
        max-width: 100%;
    }

    .formElementOptions checkboxes {margin-top:1em}


    .ym-form  .ym-fbox-check input, .ym-form .ym-error .ym-message {margin-left: 0%  }

    .bx-wrapper .bx-controls-direction a {
        top: 40% 
    }
    
    .bx-wrapper .bx-controls-direction a::before {
    font-size: 5vw;
    width: 8vw;
    height: 8vw;
    }
    
    .bx-wrapper .bx-controls-direction a {
    margin-top: -5vw;
    width: 8vw;
    height: 8vw;
    }
    
    .bx-wrapper .bx-controls-auto a::before {
    font-size: 4vw;
    }
    
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    bottom: -2em;
    top: auto;
    }

    .bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-auto .bx-start {
    width: 5vw !important;
    }    

	.tablemobil table, tr, td {
		padding:0
	}

	.tablemobil table {
		border:none
	}

	.tablemobil col {
	width: 100% !important
	}


	.tablemobil thead {
		display:none;
	}

	.tablemobil tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}

	.tablemobil td {
		float: left;
		width: 100%;
		padding:1em;
	}

    }



    
@media screen and ( max-width: 639.98px)  {
        .kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat .openingHours   {width: 98%; margin-top:1em}
        .kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat .vCard   {width: 98%}
        .kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat .vCard + .verfahren {width: 98%; margin-top:1em}
    
        #header.sticky-header { padding-top:  0px !important;  
            min-height:50px !important;  top:50px;
        }
        .skalierung {display: none}
}
    

@media screen and ( max-width: 575.98px)  {
    .gridlayout .gridlayout.boxinbox .boxChild {width:98%}
    .gridlayout .gridlayout.dreier.boxinbox .boxChild {width:98%}
    .imageGallery .galleryImage {width: 98%} 
    .imageGallery.gallery5cols .galleryImage {width: 98%} 
    .imageGallery.gallery4cols .galleryImage {width: 98%}
    .imageGallery.gallery3cols .galleryImage {width: 98%}
    .imageGallery.gallery2cols .galleryImage {width: 98%}

    #quickLink1 {
        position: fixed;
        top: 90px;
    }

    .gridlayout .boxflex,
    .gridlayout .bildbox,
	.gridlayout .box_flip,
    .gridlayout.dreier .boxflex,
	.gridlayout.dreier .bildbox,
	.gridlayout.dreier .box_flip,
    .gridlayout.zweier .boxflex,
	.gridlayout.zweier .bildbox,
	.gridlayout.zweier .box_flip,
    .slidergrid .bxSlider .composedcontent-dvv-column2 > div,
    .gridlayout.zweier .teaser,
    .gridlayout.dreier .teaser {width: 98%}
        
    .gridlayout.fuenfer .bildbox,
    .gridlayout.fuenfer .boxflex,
    .gridlayout.fuenfer .box_flip  {width: 48%}

    .gridlayout.sechser .bildbox,
    .gridlayout.sechser .boxflex,
    .gridlayout.sechser .box_flip    {width: 48%}

	.order1 {order: -1}

    .sticky-header .header__row {
        height: 90px;
    }


    #main .ym-column.linearize-level-1 {
        margin:0 !important;
        padding:0 !important;
          }

    .metalinks .headlogin.flinks {position: absolute;
    top: 0px;
    left: -32768px;

    margin: 0;
    padding: 0;}


    .header-logosvg::before { width: 260px !important }

    #footer .l-footer__row2-brand {
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        text-align: center;
    }
         
    #footer .l-footer__row2-social-bookmarks_div {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        text-align: center;
    }
          
    #bottom_functionallinks a:nth-of-type(2n) {display:inline-block;  }

    #main #content h1,
    #main #content  .head1,
    #main #content  .size260 
    { 
    font-size: 2.1em !important;
    hyphens: auto;}
    
    #main h2 {font-size: 1.61em !important;}
    #main #content h3 {font-size: 1.29em !important;}
    #main #content h4 {font-size: 1.07em !important;}

    #footer .l-footer__row3-spalte1, 
    #footer .l-footer__row3-spalte2,
    #footer .l-footer__row3-spalte3 {
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        text-align: center;
        margin-left: 0rem;
        margin-top:1em
    }
    

    .boxlang, .boxlang .boxteaser, .boxlang .boxlang {
        margin-left: 0em;
    }

    .Newskachel article.pm-meldung {flex: 0 100%}

    .farbcontainer .farbboxen.zweier div.boxChild {
        width: 100%
        }
    .farbcontainer .farbboxen.dreier div.boxChild {
        width: 100%
        }


    .iconstart img  {transition: all .3s; transform: scale(1.7);margin:2em 0}
    .iconstart:hover img {transform: scale(1.8) !important}

    #main .Newskachel .pm-meldung {margin:3em 0}
     
    .pm-pager {
        flex-wrap: wrap;
		gap:1em .5em;}
		
    .pm-pager span.current:first-child { margin-left: 0 !important }

    .pm-filter {
            justify-content: center;
            display: flex;
            flex-wrap: wrap;
            }

    .servicecontainer.flexiblebox .iconstart,
    .farbcontainer .flexiblebox div.boxChild:nth-child(n) {
    width: 48%; flex-grow: 1;
    }

    .farbcontainer .flexiblebox div.boxChild:nth-child(1),
    .farbcontainer .flexiblebox.mitweiterlink div.boxChild:last-child {
    flex-grow:5; width: 100%;
    max-width:100%;
    }

    .mobile-header__search .c-meta__search #qs_query {width: 250px !important}

    .searchafter .c-meta__search {display:none}

    .site_Freiburg.home #header { background: url("../img/header.jpg") no-repeat #000; height: 300px;
        background-size:150%}   

    .mm-menu .mm-navbars_bottom .mm-footer-links {justify-self:space-around }
    
    .mm-menu .mm-navbars_bottom .mm-footer-links .mm-footer_barriere {display: none  } 
    
    .composedcontent-factsbox .composedcontent-dvv-column2 > div {width: 98%}

    .bx-wrapper .bx-controls-direction a {
        top: 40% 
    }
        
    .bx-wrapper .bx-controls-direction a::before {
    font-size: 8vw;
    width:12vw;
    height: 12vw;
    }
    
    .bx-wrapper .bx-controls-direction a {
    width: 12vw;
    height: 12vw;
    }

    .ym-form #createCommentCaptchaBlock > div {
    display: block;
    margin: 0 !important;
    float: none !important;
    }    

    .composedcontent-factsbox .composedcontent-dvv-column2 > div:nth-child(2n)  .composedcontent-dvv-box  {
        background-position: 100% center;
        padding: 30px 0px 0 0px;
        }
    
    .composedcontent-factsbox .composedcontent-dvv-column2 > div:nth-child(2n+1)  .composedcontent-dvv-box  {
        background-position: 100% center;
        padding: 30px 20px 0 0px;
        
        }
    #main #content .composedcontent-factsbox h2.counter {font-size: 2em !important;}
    .calendar_container #zmEListe .w90 {width:100% !important}
	
	    
	#main .mehrLinkPortal a,    
	#main .ButtonLink a,
	#main .ButtonLinkinvers a{
		display: block         
	}
    
}	





.ui-dialog { background: rgba(255,255,255,.9); border: 1px solid #aaa  }

.ui-accordion .ui-accordion-header::before{content:"\f054"!important;font-family:FontAwesome;font-size:1em!important;font-weight:400!important;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .5em 0 0!important}
.ui-accordion .ui-accordion-header.ui-accordion-header-active::before{content:"\f078"!important;font-family:FontAwesome;font-size:1em!important;font-weight:400!important;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .25em 0 0!important}
.ui-accordion .ui-accordion-content{padding:1em 2.2em;overflow:auto; min-height: 100% !important;}
 
.ui-icon{display:none}

 
#content .ui-tabs .ui-tabs-nav{display:flex;max-width:98%;margin-left:0!important;justify-content:space-between;align-items:stretch;text-align:center;background: transparent;gap:5px;margin-bottom:2em}
#content .ui-widget-header li{border:2px solid #eee!important}
#content .ui-tabs .ui-tabs-nav li{white-space:normal;cursor:pointer;height:auto;flex:1;margin:.25em 0}
#content .ui-tabs .ui-tabs-nav li a{cursor:pointer;vertical-align:middle}
#content .ui-widget-header .ui-tabs-active{border-bottom:2px dotted #ac162b!important}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{color:#000;font-weight:700}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}
.ui-tabs .ui-state-focus a,.ui-tabs .ui-state-focus a:hover,.ui-tabs .ui-state-focus a:link,.ui-tabs .ui-state-focus a:visited,.ui-tabs .ui-state-hover a,.ui-tabs .ui-state-hover a:hover,.ui-tabs .ui-state-hover a:link,.ui-tabs .ui-state-hover a:visited{border-bottom:0 dotted #ac162b}

.ui-widget{font-family:LatoLatinWeb,Helvetica,sans-serif;font-size:1em;}


.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}
.ui-widget.ui-widget-content{border:0px solid #c5c5c5}
.ui-widget-content{border:0px solid #ddd;background:transparent;color:#000}
.ui-widget-header{border:0px solid #ddd;background:transparent;color:#000;font-weight:bold} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#000;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:transparent;font-weight:normal;color:#000}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}
.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}
.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}

    
.ui-widget-content a{color:#000}
.ui-widget-header{color:#000}
.ui-widget-header a{color:#000}


.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none; }
.ui-button:focus,.ui-state-focus:focus,.ui-widget-header .ui-state-focus:focus{outline:1px solid #ccc;}
.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{border-bottom:2px dotted #ac162b}
.ui-visual-focus{box-shadow:0 0 3px 1px transparent}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:0px solid #c5c5c5;background:transparent;font-weight:normal;color:#000}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#000;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:0px solid #ccc;background:transparent;font-weight:normal;color:#000}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#000;text-decoration:none}
.ui-visual-focus{box-shadow:0 0 3px 1px transparent}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:0px solid #003eff;background:transparent;font-weight:normal;color:#000}
.ui-icon-background,.ui-state-active .ui-icon-background{border:transparent;background-color:#fff}

.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}

 



.header2030 {height: 520px !important;width: 100%;overflow:hidden;position:relative }
.header2030::after  {content: '';position: absolute;bottom: -120px;height: 180px;width: calc(100% + 25px * 2);width:100%;
  background: linear-gradient(90deg, #ff6900, #f79533, #f37055, #ef4e7b, #a166ab, #ac162b);border-radius: calc(2 * 25);z-index: -1;
  animation: animatedgradient 12s ease alternate infinite;background-size: 300% 300%;}
.header2030 .c100l {width:1200px; height:400px !important;}
.header2030  .header2030h1  {
  white-space: pre-wrap; position: absolute;left: 10%;top:30%;z-index:10;width:22%;text-shadow: 0 0 1em #000;font-size:140px !important;line-height:120px;color: #fff !important;;font-weight: 800;}
.header2030  .header2030h1 a { color: #fff !important }
.header2030 .header2030h2 {position: absolute; top:95%; left: 10.5%; color: #fff !important;font-size:2.5em !important;}

.header2030 .header2030h1 a:hover::after {width:0 !important}


@media screen and  (max-width: 766px) {
.header2030  .header2030h1  {font-size:110px !important;line-height:100px}
}  
    

@media screen and  (max-width: 680px) {
#main .header2030 h2.header2030h1  {font-size:90px !important;line-height:80px; left: 2.5%; top:50%}
#main .header2030 h2.header2030h2 {font-size:2.5em !important;left: 2.5%; }
}

@keyframes animatedgradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}@-webkit-keyframes animatedgradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}

 
.login-button-container.float-layout .login-button-group  {display: none !important; border: 2px solid red !important}





.joboffer_container {
    display: flex;
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px 0;
    transition: all 0.3s ease-in-out;
  }
  
  .joboffer_box.joboffer_title_text {
    width: 70%;
    padding-left: 12px;
    box-sizing: border-box;
  }
  
  .joboffer_box > a, .joboffer_box > a:visited, .joboffer_box > a:active, .joboffer_box > a:hover {
    color: #2E2D2C;
  }
  .joboffer_box a {
    color: #2E2D2C;
    font-size: 16px;
  }
  .joboffer_box > a {
    font-size: 20px;
    color: #2E2D2C;
    display: block;
  }
  
  .job_details {
    padding: 4px 0;
    font-size: .8em;
    color: #333;
  }
  
  .joboffer_container:hover {
    background-color: #B71928;

  }
  
  .joboffer_container:hover .joboffer_box, .joboffer_container:hover .job_details, .joboffer_container:hover a {
    color: #fff !important;;
  }
   
  .job_details br,
  .job_details_first {display: none}
  .job_details_second {display: none}

  #node2216770 #header {
    background: url("../img/header.jpg") no-repeat #000;
    height: 600px;
    width:100%;
    background-size: 100%;
    }

    @media print {
    #footer {display: none !important;}
    
    .boxlang.ym-hideme {position: static !important;}

    }






     
.dezernat-col-holder .dezernat-col {
    width: 100%;
    background-color: #006187; 
      color:#fff !important; padding: .5em
  }
  
   
   
  .dezernate:after {
      content: '';
      clear: both;
      display: block;
  }
   
  
  .dezernate {
   display: flex !important;
    flex-flow: wrap;
  }
  .dezernate h3.basecontent-dvv-sub-heading-3.center {
  color: #006187
  }
   
  .dezernat-col-holder .dezernat-col {
      width: 100%;
      overflow: visible !important;
  }
   
  .dezernat-col {
    width: 33.33333%;
    align-items: center;
    border: solid 5px #ffffff;
    border-bottom: solid 10px #ffffff;
    transition: all .2s ease-in-out;
    position: relative;
  }
  
  #content .dezernat-col-holder .dezernat-col.orgrot  .basecontent-image {margin: 0 !important;}
  
  #main .dezernat-col.orgrot   {
     border: 2px solid #006187;
     background:#006187
    }
    #main .dezernat-col.orgrot  h4,
    #main .dezernat-col.orgrot  p  {color: #fff !important; 
    }
    
  
   
  .dezernat-col-holder  .dezernat-col.sub {
    border-left: solid 35px #ffffff;
    position: relative;
    clear: both;
    margin: 20px 0;
  }
  .dezernat-col-holder  .dezernat-col.sub:before {
    content: '';
    display: block;
    width: 2px;
    height: calc(100% + 60px);
    position: absolute;
    left: -25px;
    top: -15px;
    z-index:1;
    background-color: #006187;
    
  }
  .dezernat-col-holder .dezernat-col.sub.last:before {
    height: calc(50% + 15px);
  }
  
  
  .dezernat-col-holder .dezernat-col.sub.first:before {
    top: -25px;
  }
  
  .dezernat-col-holder  .dezernat-col.sub:hover { background-color: #085270;}
  
  .dezernat-col-holder  .dezernat-col.sub:after {
    content: '';
    display: block;
    width: 25px;
    height: 2px;
    position: absolute;
    left: -25px;
    top: 50%;
    background-color: #006187;
  }
  .dezernat-col.wide {
    width: 100%;
    background: #ffffff;
    font-weight: bold;
    padding: 15px;
    color: #006187;
    font-size: 20px;
    text-align: center;
  }
   
   
  
  .dezernat-col .image:hover a {
    transform: scale(1.05);
  }
  
  #main .dezernat-col .dezname {
    display: block;
    font-size: .85em!important;
    color:white;
    font-weight: bold;
    line-height: 130%;
    margin-bottom: .25em;
  }
  
   
  #main .ym-column .dezernat-col .dezname a {
    color:white!important;
  }
  
  #main .ym-column .dezernat-col .name a,
  #main .ym-column .dezernat-col .amtname a {
    color:white!important;
  }
  
  
  #main .dezernat-col .amtname a::before,
  #main .dezernat-col .dezname a::before {
    content:'' !important;padding: 0 !important
  }
  #main .dezernat-col .amtname a:hover::after,
  #main .dezernat-col .dezname a:hover::after {
    width: 0% !important;
  
  }
   
  #main .dezernat-col .amtname,
  #main .dezernat-col h4 {
    display: block;
    font-size: .85em!important;
    color:white;
    font-weight: normal;
    line-height: 130%;
    margin-bottom: .25em;
  }
  .dezernat-col .phone,
  .dezernat-col .name {
    display: block;
    font-size: .75em!important;  
    margin-bottom: 3px;
  }
   
  .dezernat-col .deztitel {
    display: block;
    font-size: .75em!important;  
    margin: .5em 0 3px;
    min-height: 180px
  }
   
  
  .dezernat-col .phone::before {
      content: "\f095";
      font-family: FontAwesome;
      font-size: 1em !important;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: 0 .25em 0 0; 
  }
  
  
  .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}