@charset "UTF-8";

*{margin:0;padding:0;}

 

/*****************************************************************************************************
 * Typgraphy
 *****************************************************************************************************/
/* nunito-sans-regular - latin */
@font-face {
    font-display: swap; 
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/nunito/nunito-sans-v15-latin-regular.woff2') format('woff2'); 
  }
  
  /* nunito-sans-italic - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/nunito/nunito-sans-v15-latin-italic.woff2') format('woff2'); 
  }
  
  /* nunito-sans-700 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/nunito/nunito-sans-v15-latin-700.woff2') format('woff2'); 
  }
  

  /* nunito-sans-extrabold - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Nunito Sans ExtraBold';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/nunito/nunito-sans-v15-latin-800.woff2') format('woff2'); 
  }
  




html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font: 100.01%/110% 'Nunito Sans',Helvetica,sans-serif;
	padding:0;
    color: #111;
}

* {
    -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, .skip a {
    left: -32768px;
    position: absolute !important;
    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 
}

u {
    text-decoration: none !important;
          
  }

/* -------------------- 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: "Font Awesome 6 Pro";
    content: "\f002 ";
    display: inline-block;
    font: normal normal normal 14px/1 "Font Awesome 6 Pro";
    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 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: "Font Awesome 6 Pro";
	font-size: 1.5em;
	margin-right: .25em;
	vertical-align: middle;
}


.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}

 
.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:'Nunito Sans',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: #E0202C;
}
.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 #E0202C;
border-radius: 2px;padding: 2px;top: .5em; color: #E0202C;}






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

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




#main #l-content,
#main #l-service,
#main #l-credits,
#main > .ym-column {  
    max-width: 1080px;
    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.wayhome {
    margin: 1.5em 0px 2.5em !important;
    padding: 0px;
  }


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

.breadCrumb ul li,
#main .wayhome .wayhome span a:not(#main .wayhome .wayhome span:last-child a) {
    margin: 0 0 0 15px;
    padding: 0 20px 0 0;
    background-image: url('../img/icons/wayhome.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto;
}

.breadCrumb ul li div.chevronOverlay {
    background-image: url('../img/icons/wayhome.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto;
}


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

.breadCrumb ul li a,
#main .wayhome .wayhome a,
#main .xdata .wayhome a {
    margin: 0 !important;
    color: #a3a18f !important;
    font-size: .8em !important; /* 14px */
    transition-property: color;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out
}
#main .data .wayhome {
    color: #a3a18f !important;
    font-size: .8em !important; /* 14px */
}

.breadCrumb ul li.first,
#main .wayhome .wayhome span:first-child a {
    margin-left: 0;
}

.breadCrumb ul li a:hover,
#main .wayhome a:hover { text-decoration:none;color: #111}

 #main .wayhome .current {
     color: #111 !important; 
 }



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

.wayhomehome {
    color: #a3a18f !important;
  font-size: .8em !important;
}
 
.wayhomehome a {
    color: #a3a18f !important;
}


#main .wayhome .wayhomehome a:not(#main .wayhome .wayhome span:last-child a) {
    padding: 0 20px 0 0;
    background-image: url('../img/icons/wayhome.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto;
}
#main .breadCrumb li.current span.active,
#main .wayhome .wayhome span.current span.active {
    font-size: .8em !important;
  }

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



h1,
h2,
h3,
h4,
h5,
h6 {
font-family:'Nunito Sans',Helvetica,sans-serif}

h5 {
    background:none
}



#main #content .head1,
#main #service .head1,
h1 {
    position: relative;
    padding-bottom: 15px;
    font-size: 2.125em !important; /* 40px */
    font-weight: normal;
    letter-spacing: 0.01em;
    line-height: 1.35 !important;
    text-align: left;
    margin-bottom: 2rem;
}

#main #content .head1::before,
#main #service .head1::before,
h1::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    content: "";
    width: 100px;
    height: 2px;
    background-color: #f4f1e5;
}

.farbcontainer .head1::before,
.farbcontainer h1::before {
    background-color: white !important;
}
 
 

#main #content h1.head2,
#main h2 {
    font-size: 1.44em;  /* 26px */
    line-height: 1.23 !important;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

#main #content h1.head2{
    font-size: 1.44em !important;
    margin-top: 0rem !important;
    margin-bottom: 1rem !important;
}

#main #content h1.head2::before {position: static;width:0;}


#main h3 {
    font-size: 1.16em; /* 21px */
    font-weight: bold;
    line-height: 1.23 !important;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

#main h4 {
    font-size: 1em; /* 18px */
    line-height: 1.33 !important;
    font-weight: bold;
}

#main h5 {
    font-size: 1em; /* 18px */
    font-weight: normal;
    line-height: 1.33 !important;
}

#main h6 {
    font-size: 0.875em; /* 16px */
    font-weight: normal;
    line-height: 1.33 !important;
}

#content .iconstart h2,
#service .iconstart h2  {
    font-size: 1.16em !important; /* 21px */
    margin-top: 1rem;
}





blockquote {
    padding: 0 1.5em;
    background: none;
    color: #69685D !important;
    font-family: 'Nunito Sans', Helvetica, sans-serif !important;
    font-size: 1.3em; /* 24px */
    line-height: 1.42;
    margin: 1em 0 .5em 0;
    position: relative;
    font-style: normal;
}

blockquote:before {
    content:"\f10d";
    font-size: 2em;
    position: absolute;
    top: -.5em;
    left: .4em  ;
    font-family: "Font Awesome 6 Pro";
font-size: 1em !important;
font-weight:bold !important; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
    color: #E0202C;
  
}
/*
blockquote:after {
content: "“";
    font-size: 2em;
    position: absolute;
    bottom:-0.5em;
} */

blockquote + p span.align-right {
    margin-top: 20px;
    color: #69685D !important;
    font-size: .875em; /* 16px */
}
 


.ym-skip, .ym-hideme, .ym-print {
      position: absolute;
      top: -32768px;
      left: -32768px;
    }

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

p,
li,
#main .pm-topnews .pm-anreisser,
.basecontent-list .c-list__title {
    font-family: 'Nunito Sans', Helvetica, sans-serif !important;
    font-size: 1em
}

   


.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}



.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,
.teasergrid_pm .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 
}

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




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


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

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

.teasergrid_pm h1 {display: none}




.teasergrid_pm .pm-bild img {
    width: 100%;
    height: 100%;
}


.teasergrid_pm .pm-bild { 
    height: auto;
    max-width: 100%;
    width: auto !important;
    margin-right:  0% !important;
}


.cursorPointer {
	cursor: pointer;
}

.primary2 {color:#e0202c}
.primary3 {color:#69685D}



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

#main .show-grid {
    border: 0px solid transparent;
  }

#main th,
#main td {	font-family:'Nunito Sans',Helvetica,sans-serif;     
    border: 1px solid #a3a18f;
    border-left: none;
    border-right: none;
    font-size: 1em}

#main .hide-grid td  {
    border: 0px solid transparent;
}   

#main th {
    border-top: none !important;
    border-bottom: none !important;
    background-color: #f4f1e5
}


#main tr:first-child td {
    border-top: none !important;
}


#main tr:last-child td {
    border-bottom: none !important;
}


#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.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: #f4f1e5;}
#main #content table.downloadlist th.ui-state-default a {color: #000 !important}

#leerstand table .col1,#leerstand table .col2, #leerstand table .col3, #leerstand table .col4, #leerstand table .col5 {width:15%; text-align:center; vertical-align: top;}


#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}*/


/* charts */

.basecontent-dvv-diagramm .c3 svg {font: 11px 'Nunito Sans',Helvetica,sans-serif;}
.basecontent-dvv-diagramm .c3 .c3-axis text {stroke:#a3a18f}
.basecontent-dvv-diagramm .c3 .c3-axis.c3-axis-x line,
.basecontent-dvv-diagramm .c3 .c3-axis.c3-axis-y line, 
.basecontent-dvv-diagramm .c3 .c3-axis path {stroke:transparent}
.basecontent-dvv-diagramm .c3 .c3-chart-line .c3-circle {r:4px}
.basecontent-dvv-diagramm .c3 .c3-chart-line .c3-line {stroke-width: 2px;}
#main .basecontent-dvv-diagramm .c3-tooltip th { background-color: #e0202c}
#main #content .basecontent-dvv-diagramm .c3-tooltip td {padding: .5em .5em;}



.bgcolor-primary1 {background-color: #f4f1e5}
 #main p .primary2 {color: #e0202c}
 #main p .primary1 {color: #a3a18f}
 

.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: #f4f1e5}

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

 #main .basecontent-multimedia {margin: 1em 0;}
 #main .basecontent-multimedia audio {
    width: 100%;
    background: #f4f1e5 !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 ,
 #main #lpseite ul li 
  {
        margin: 0 0 .8em 0;
        list-style: none;
        padding-left: 20px;
        background: url("../img/icons/bullet.svg") 0 7px no-repeat;
        }
        
#main .basecontent-list ul li ul li, #main .zmbeschreibung ul li ul li {
        margin: 0;
        list-style: none;
        padding-left: 20px;
        background: url("../img/icons/bullet.svg") 0 7px no-repeat;
        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}
            
	

.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, .basecontent-html-editor .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-attachment a img {display: none}
#main .basecontent-attachment a span.caption {line-height: 160% !important; ;
    font-size: 1.15em;}

              

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



.ym-column a:not(#page_margin #main p .ankerLink, #page_margin #main ul .ankerLink, #page_margin #main ol .ankerLink, #page_margin #main td .ankerLink, #main #content .verfahren .leistungen .preamble.section-text a, #main #content .ym-form a.privacyStatementConfirmation, #node205252 #zmEListe .zmitem p a, #strsearch #zeigeAZ, .moreLink a, .basecontent-icon a, .bx-controls-direction a, .bx-custom-pager a, .zmzureu a, .btn-feedback a, .zmzursuche a)::after, #main .mehrLinkPortal a::after, .sp-m-externalLink::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            transition: 0.3s;
          }
.ym-column a:not(h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, 
.image-inner a, .pm-bild a, .mehrLinkPortal a, .ButtonLink a, .stage_item__link, 
.w100image .internerLink,
.wayhome a,
.parkhaus a,
.mehrDetail a,
.zmTagLink,
.zmkatLink,
.zmelementlink,
.zmRegister a,
.ui-tabs-anchor,
.zmNavigClassBack a,
.zmNavigClassItem a,
.zmNavigClassForward a,
td.col_3 a,
.maplink a,
.leaflet-popup a,
#strsearch #zeigeAZ,
.showhandlung,
a.pm-detaillink,
.dez_kategorien a,
.pdfdruck a,
.switch-search,
.flexitem  a,
.joboffer_box > a, .moreLink a, .ButtonLinkinvers a, .pm-teaser-text a, .c-pm-meldung__teaser a, .pm-pager a, a.toggleLess, a.toggleMore, .navprev a, .navnext a, .navcenter a)::after {
            border-bottom: 1px solid #a3a18f;
            color: #5A5950 !important;
            width: 100%;
          }

.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;
    padding-right:.5em  !important;
}
 
article.boxteaser h2::before,
.boxteaser:not(article)::before {
content: "\f078";
font-family: "Font Awesome 6 Pro";
font-size: 1em !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: 2em;}
#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: "\f077"!important; 
font-family: "Font Awesome 6 Pro";
font-size: 1em !important;
font-weight:normal !important; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



.togglable a.less::before  {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-size: 1em !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: "\f077";
    font-family: "Font Awesome 6 Pro";
    font-size: 1em !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%;
    }
    

    #lpseite .einleitungstext {position: relative;}
    .popUp {
        background: #f4f1e5ee none repeat scroll 0 0;
        box-shadow: 0px 12px 50px #00000033;
        margin: 0 auto;
        padding: 1em;
        position: absolute;
        width: 85%;
        z-index: 9;
        top:10px !important;
        
    }
    .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;
    border-bottom: 2px solid #f4f1e5;
}

 


.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;
} 



.pagerbutton {
    background:#fff;
    color:#e0202c;
    border: 1px solid #e0202c;
    padding: .5em .75em;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.2em;
    margin-right: .5em;
    cursor:pointer;
}

.pagers {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-content: space-around; gap:.5em
}

.pageraktuell {
     background:#e0202c;
    color:#fff;
}
.loading {
  text-align: center;
  font-size: 1.5em;
}

.buchstabenleiste {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  gap:.25em;
  margin: 0.25em
}



button.buchstabe {
display: inline-flex;
  color: #e0202c;
  border: 1px solid #e0202c;
  text-align: center;
  text-decoration: none;
  padding: 0.15em .5em;
  font-size: 1.3325rem;
  font-weight: normal;
  background-color: transparent !important;
  cursor: pointer
}

 
 
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 0px 10px 0px;
margin-top: 1em;
}

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

.searchDiv #ergebnisseRumpf .resultScore {
    text-align: right;
    display: block;
}

.searchDiv #ergebnisseRumpf .resultScore::after {
    float: left;
    margin-right: 1em;
    font-weight: bold;
    color: #a3a18f;    
	border: 1px solid #a3a18f;
    padding: 2px 4px;
}
.searchDiv #ergebnisseRumpf .resultPmValidFrom {display: none}


.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__Xsearch {
	background: rgba(255,255,255,.2);
}

#quicksearch {
	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 .querytext {
color: #fff;
  font-size: 1.1em;
  margin: 0 0 .25em 0 !important;
}

.mobile-header__search .querytext,
.searchafter .querytext {
  display: none;
}

#quicksearch .quicksearch .nowrap {
  margin-left: .2em;
}


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


#quicksearch .quicksearchimg {
    cursor: pointer;
    background: #E0202C ;
    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}

 
 

.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;}


 

#main .zmRegister {margin: 2em 0 }
#main .zmRegister span.selected.current,
#main .zmRegister a.aktiv,
#main .zmRegister span.inaktiv 
    {    margin: 1em 0.1em 1em 0; padding:.25em;text-align:center;}
    
#main .zmRegister a.aktiv {color:#e0202c !important; border: 1px solid #e0202c;}
#main .zmRegister span.inaktiv {color:#a3a18f; border: 1px solid #a3a18f;}

#main .zmRegister span.selected.current,
#main .zmRegister a.aktiv:hover, 
#main .zmRegister a.aktiv:active 
     {     border: 1px solid #e0202c;text-align:center;color:#fff !important;background-color:#e0202c}
    
    
.vCalendarLink  {float:right; }
 

/* vk2 * */

.calendar_container .container {padding:0}
.calendar_container #zmEListe .dtTimeInfo,
.calendar_container #zmEListe .uhr {
    padding: 0 0 0 0.1em;
    display: block;
    margin: .5em 0;
    font-family: 'Nunito Sans',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 "Font Awesome 6 Pro";
    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;
 font-weight: 100;
}

.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: #E0202C;
 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 */

 
#main #content #myEditorCnt .head {display: none}
#myEditorCnt .fisets {
    background:transparent;
}

#myEditorCnt .fisets fieldset {
    margin: 2em 0
}
#myEditorCnt .fisets .form-group,
#myEditorCnt .fisets .feld-select,
#myEditorCnt .fisets .feld-text,
#myEditorCnt .fisets .htmleditor {
    margin: 1em 0
}



#main #myEditorCnt th {

  background-color: #e0202c;
}

 

#myEditorCnt  [type="checkbox"] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.25rem;
    margin-right: 1rem;
    appearance: none;
  -moz-appearance: none;
  display: inline;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #000;
  padding: 0 10px;
}

#myEditorCnt  [type="checkbox"]:checked {
                            background: #000 !important
                        }

#main #myEditorCnt button.btn,
#main #myEditorCnt button.btn.btn-primary:hover   {
    border:1px solid #E0202C;
    border-radius: 0;
    color:#E0202C !important;
    padding:.25em .5em;
    transition: .1s all ease-in-out;
    line-height: 180%;
    text-align: center;
    background: #fff
}

#main #myEditorCnt button.btn:hover, 
#main #myEditorCnt button.btn.btn-primary {
    
    border:1px solid #E0202C;
    color:#fff !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    background: #E0202C ;
    line-height: 180%;    
    text-align: center;
}

#main #myEditorCnt .form-group span {margin-right:.25em}

#main #myEditorCnt button.btn.disabled {
    
    border:1px solid #ddd;
    color:#fff !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    background: #ddd ;
    line-height: 180%;    
    text-align: center;
}
#main #myEditorCnt button#imgmx,
#main #myEditorCnt button#delbild,
#main #myEditorCnt button#imgmx span::before,
#main #myEditorCnt button#delbild span::before {margin-right:.5em}


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

#uebersicht .mymodul.it .btn:hover {
    background-color:#E0202C;
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}

 
#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 .image {margin:1em 0}
#zmDetail .image .caption {font-size: .95em;}
#zmDetail .vevent {overflow:hidden;}


#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: 2px solid #f4f1e5;  }

#zmDetail .category h3.label,
#zmDetail .category .value  {font-size: 1em !important;display:inline;}
 
#zmDetail .category .zmkatLink:not(.zmkatLink:first-child) {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 .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  {
 width: auto;
 text-align: center;
 cursor: pointer;
 padding:.25em .5em;
 transition: .1s all ease-in-out
}

div.StandardFormular input {
 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 .zusatz {margin-bottom:1em }
.basecontent-dvv-zm-vk .summarytitle {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-weight:normal}


/*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, .c-pm-meldung__bild {float:left;margin:0 1em 1em 0}
.pm-meldung, .c-pm-meldung-wrapper {margin-bottom:1em;display: block; overflow:hidden}
.pm-anreisser,
.c-pm-meldung__teaser {
	margin: 0 0 1em;
	line-height: 1.5em
}
.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: #f4f1e5;
  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: #E0202C !important;
	border:1px solid #E0202C;
	padding: .5em .75em;
} 
#content .pm-pager .current  span,
#content .pm-pager .inactive a:hover
 {	background-color: #E0202C;
	color:#fff !important;
	border:1px solid #E0202C;
	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,
#main .Topnews .c-pm-meldung-wrapper
 {margin:1em 0 1em 0;display:block;overflow:hidden;border-top: 0px solid #f4f1e5;  } 

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

.pm-pubDate,
#main .pm-ohneanreisser .pm-anreisser,
#main .Topnews .pm-meldung .date,
#main .Topnews .c-pm-meldung-wrapper .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,
.Topnews .c-pm-meldung__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:#f4f1e5 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: 1px solid transparent;
    margin-top: 50px;
    border-top: 2px solid #f4f1e5;
    height: 1px}
#main .commentFunctions {margin-bottom:.25em;float:right;font-size:0.85em}
#main .commentFunctions  a  {
    border:1px solid #E0202C;
    color:#E0202C !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    line-height: 180%;
}
#main .commentFunctions  a:hover {
 color:#fff!important;
 background: #E0202C ;
}

.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;
    margin-top: 50px;
    border-top: 2px solid #f4f1e5;
    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 #E0202C;
}
.cyan { color: #009999 !important}
.orange {color: #cc6633!important}
.inline {display:inline !important}    
.gold {color: #d2ac2c !important}
p.rot {border:2px solid #E0202C;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;}
.block,
.block p,
.block a {display: block;}

.rechtsnachlinks,
.rechtsnachlinks h1,
.rechtsnachlinks h2,
.rechtsnachlinks h3,
.rechtsnachlinks h5,
.rechtsnachlinks p,
.rechtsnachlinks ul li,
.rechtsnachlinks .align-left
{
	direction: rtl !important;
	text-align:right;	
}
.rechtsnachlinks h2 {padding-right:.5em}
.rechtsnachlinks h3.dochvonlinks {
	direction: ltr !important;
}

.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}

.min200 {min-height:200px !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);    }
  

.skala-container {width:100%;
background: #33FF00;
background: linear-gradient(90deg, rgba(255, 51, 0, 1) 0%, rgba(255, 255, 0, 1) 50%,  rgba(51, 255, 0, 1) 100%);
      width: 100%;  
      border: 1px solid #ccc;
      height: 20px;
      position: relative;
      margin: 20px 0;
    }

    .skala-balken {
   
      background-color: #000;
      transition: width 0.3s ease;      
      height: 2px;
      position: relative; 
    }

 .skala-labels {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      margin-top: 4px;
    }

 
.skala-balken {
   
      background-color: #000;
      transition: width 0.3s ease;      
      height: 2px;
      position: relative; 
    }
.skala-balken::after {
  content: '';
  position: absolute;
  top: -5px; /* Verschiebung für die Pfeilspitze */
  right: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid black; /* Größe und Farbe der Pfeilspitze */
}



#main .roterstoerer {position: absolute; top:200px; right:40px;}
#main .roterstoerer h2 {background: #e0202c; border: 1px solid #e0202c;  width:200px;
  height: 200px; border-radius: 100px; text-align: center; padding:50px 0 50px 0
 }

#main .roterstoerer h2 a { color: #fff !important; }



/* ***   ICONS ****/

.basecontent-icon {padding-top:.1em}

.basecontent-icon:before { color: #E0202C; font-size: 2.5em; }

.basecontent-icon > .default,
.basecontent-icon a {margin-top:.75em; color: #000; font-family: "Nunito Sans", Helvetica, sans-serif; font-size: 1.2em; font-weight:bold; line-height: 160%; display: block; }

.basecontent-icon a:before { content: ''; padding: 0; }

.basecontent-icon:hover { color: #E0202C; }

.basecontent-icon.iconlinks {
    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: start;
    gap: 20px;
    margin-bottom: 1em;
  }
  
  .basecontent-icon.iconlinks::before {
    font-size: 3em;
    padding-left: 2px;
  
  }
.basecontent-icon.iconlinkskleiner {    flex-wrap: nowrap;}  
.basecontent-icon.iconlinkskleiner::before {min-width: 1.3em;}
.basecontent-icon.iconlinkskleiner > .default { font-size: 1.0em;font-weight: normal;}
.basecontent-icon.iconlinkskleinesicon::before {  font-size: 1.8em;}
.basecontent-icon.iconlinkskleiner2::before {  font-size: 3.5em;}








 /* 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}
  
            

/*** jCarousel ***/


div.jCarouselMain{position:relative;margin:0;padding:0;display: block; overflow: hidden;}
 

div.jCarouselMain .prev img ,
div.jCarouselMain .next img {display: none}



div.jCarouselMain .prev {
    left: 0;
}
div.jCarouselMain .next  {
    right: 0;
}
div.jCarouselMain .next ,
div.jCarouselMain .prev {
    position: absolute;
    top: 40%;   
    background-image: none !important;
    color: transparent;
    margin-top: -2vw;
    width: 4vw;
    height: 4vw;
    overflow: hidden;
    z-index: 11;
}
div.jCarouselMain .prev::before,
div.jCarouselMain .next::before {
    background: rgba(255, 255, 255, 0.75);
    color: #343639;
    display: flex;
    align-items: center;
    font-family: "Font Awesome 6 Pro";
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
    text-indent: 1.33333333vw;
    transition: all 0.5s;
    width: 4vw;
    height: 4vw;
}
 
div.jCarouselMain .next::before {
    content: "\f054";
}

div.jCarouselMain .prev::before{
    content: "\f053";
}
.jCarousel ul li {margin:0 0 .5em 0;  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: #E0202C}
.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: #f4f1e5  !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:#000 !important;width:90% !important;}
.videoslide .composedcontent-newsbox-in-boxen h3 {text-align: center}
#main #content .videoslide .composedcontent-newsbox-in-boxen a
{
  color: #000 !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:#E0202C !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 #E0202C;
    color:#fff !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    line-height: 180%;
    background: #E0202C !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 #E0202C !important;
    background-color: #E0202C; 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:normal; 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 #content .vierer .bildbox.kachelbox h2 {
    min-height: calc( 5em * 3/2) !important
}

#main #content .zweier .bildbox.kachelbox h2 {
    min-height: calc( 8em * 3/2) !important
}



#main .bildbox.kachelbox h2 a {
    color: #111 !important;
    background: #f4f1e5;
}

#main .bildbox.kachelbox h2 a {
    display: block;
    top: -7px;
    padding: 10px;
    text-align: left;
    display: table-cell;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-property: background-color;
}




#content .row .bildbox .basecontent-image {    
    height: auto;
    max-width: 100%;
    width: auto !important;
    margin-right:  0% !important}

#content .row .bildbox .basecontent-image .image {
    width: 100% !important;
}

#content .row .bildbox .basecontent-image img {
    width: 100%;
    height: 100%;
}
.row {
margin-left: -15px;
}



#lpSeite .xredirect {
	display:none
}



/*   SERVICE-BW ***/


#lpSeite.oe6011559,
#lpseite.oe6011559 {
    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;  
}


.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;
}


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

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


.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: 2px solid #f4f1e5;
padding-bottom: 1em;}


 


.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: .5em 0;
}
	
 

 
.stelle.stelle-6014405 {
    margin-bottom: 1em;
}
 
  
#node1201869 #main .ym-gr .openingHours h2,
#node1201872 #main .ym-gr .openingHours h2,
#node1201869 #main .boxflex .openingHours h2,
#node1201872 #main .boxflex .openingHours h2,
#node1201869 .basecontent-dvv-service-bw-beh-rdendaten .organization,
#node1201872 .basecontent-dvv-service-bw-beh-rdendaten .organization,
#node1201869 .basecontent-dvv-service-bw-beh-rdendaten .mail,
#node1201872 .basecontent-dvv-service-bw-beh-rdendaten .mail,
#node1201869 .basecontent-dvv-service-bw-beh-rdendaten .efaLink,
#node1201872 .basecontent-dvv-service-bw-beh-rdendaten .efaLink {display: none}

/*** SBW NEU */

.sbwneu .anschrift.hausanschrift h2,
.sbwneu #kommunikation h2 {display: none}




.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;
}

#main .zahlendefault .default {
    display: inline-block;
    border: 1px solid #000;
    height: 1.6em;
    outline: 0 none;
    text-align: center;
    width: 1.6em;
    line-height: 1.6em !important;
    font-size: .85em !important;
    border-radius: 50px;
    font-weight: bold;
    margin: 0 .25em 0 0;
}

.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;
}



#main h4.blackcircle,
.blackcircle h2 {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff !important;
    display: block;
    float: left;
    height: 1.5em;
    margin: 0 5px;
    outline: 0 none;
    text-align: center;
    width: 1.5em;
    line-height: 1.5em !important;
}
.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 "Font Awesome 6 Pro";
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: #E0202C;  
}

.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: "Font Awesome 6 Pro";
content: "\f002 ";
display: inline-block;
font: normal normal normal 14px/1 "Font Awesome 6 Pro";
    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: 2px solid #f4f1e5;
}

.subscriptionDivBigBox,
.formElementContainer.blueservicebox {
	background: #f4f1e5 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: #f4f1e5 none repeat scroll 0% 0%; 
    padding:.5em .5em 0 .5em;
    position: relative;
    overflow: hidden;
      
  } 
   

.blueservicebox {
    position: relative;
    width: 100%;
    overflow: visible; 
    margin: 0em 0 1.5em 0;
    padding:.5em .5em .5em .5em
}

.blueservicebox::before {
   background-color: #f4f1e5;
    

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

.blueservicebox.redbox {border:0px solid transparent !important;}
.blueservicebox.redbox::before {border:1px solid #e0202c!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
} 

.sandservicebox {
    background: #f4f1e5 none repeat scroll 0% 0%;
    padding:.5em .5em .5em .5em
}


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

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


.klick::before {
color: #E0202C;
font-family: "Font Awesome 6 Pro";
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;
}


#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:#E0202C !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 #E0202C;
} 


 
.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: 22%;padding: 0 0% 0 0 !important;max-height: 100%;}
.gridlayout .boxflex {width: 22%; 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 .boxflextext,
.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%}

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

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

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


.gridlayoutbox .gridlayout.vierer.boxinbox .boxChild,
.gridlayoutbox .gridlayout.vierer.boxinbox .basecontent-image {width: 23%}

.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!important;}
.gridlayout.flexend {align-items: flex-end}
.gridlayout.flexcenter {align-items: center}
.gridlayout.variablehoehe {align-items: baseline;}
.gridlayout.flexnogap {gap:0 10px}
.gridlayout.spacearound {justify-content: space-around}
.gridlayout.spacebetween{justify-content: space-between !important;}
.gridlayout.flexstartcontent {justify-content: flex-start !important; gap:30px;}



.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%;
}
 

.flexspace {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-between;
    min-height: 50vh !important;
    justify-content: space-between;
  }

.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 #E0202C;
    background: #E0202C;
    color: #fff !important;
}



.stepprogress {justify-content: space-between; margin-bottom:2em}
.stepprogress .boxflex  {position:relative;overflow: visible;width:20%}
.stepprogress .boxflex-in-boxen  {position:relative;overflow: visible}

.stepprogress .boxflex::after,
.stepprogress .boxflex-in-boxen::after {
    border:solid 20px transparent;border-left-color:#E0202C;position:absolute; top:40%;right:-40px;
       content:""
   }

.stepprogress.stepprogressvertikal .boxflex::after,
.stepprogress.stepprogressvertikal .boxflex-in-boxen::after {
    border:solid 20px transparent;
    border-top-color:#e0202c;
    position:absolute; top: auto; bottom: -40px !important; left: auto; right: 45%;
    content:""
   }
   
.stepprogress.stepprogressvertikal .boxflex:nth-last-child(2)::after,
.stepprogress .boxflex:last-child::after,
.stepprogress.stepprogressvertikal .boxflex:last-child::after,
.stepprogress .boxflex-in-boxen.boxflex-in-boxen-end::after
 {content: none}



.stepprogress .boxflex,
.stepprogress .boxflex-in-boxen  {background-color:#E0202C; min-height:145px;
    padding:8px 1px 0 1px;text-align:center;margin:1em 0}
	
.stepprogress .stepprogress_light .boxflex,
.stepprogress .stepprogress_light .boxflex-in-boxen {color:#E0202C;}
	
.stepprogress.stepprogressvertikal .boxflex,
.stepprogress.stepprogressvertikal .boxflex-in-boxen {margin:0em 0 1em 0}
.stepprogress .boxflex p,
.stepprogress .boxflex-in-boxen p {color:#fff;  font-weight:bold; font-size:.95em;margin-bottom:0}
#main .stepprogress .boxflex h2,
#main .stepprogress .boxflex-in-boxen h2 {color:#fff;border:2px solid #fff;;     color:#fff; display: inline-block; width: 35px; border-radius: 50%; height: 35px;margin:.5em 0}
#main .stepprogress .boxflex h3,
#main .stepprogress .boxflex-in-boxen h3 {color:#fff}

.stepprogress.stepprogress_light .boxflex,
.stepprogress.stepprogress_light .boxflex-in-boxen {border: 1px solid #E0202C;background-color: transparent}
#main .stepprogress.stepprogress_light .boxflex p,
#main .stepprogress.stepprogress_light .boxflex-in-boxen p,
#main .stepprogress.stepprogress_light .boxflex h3,
#main .stepprogress.stepprogress_light .boxflex-in-boxen h3 {color:#e0202c}
#main .stepprogress.stepprogress_light .boxflex h2,
#main .stepprogress.stepprogress_light .boxflex-in-boxen h2 {color:#e0202c; border:2px solid #e0202c}

.stepprogress .boxflex .composedcontent-newsbox-in-boxen {margin-bottom:.1em}
.stepprogress .boxflex .composedcontent-newsbox-in-boxen.steptext {display:table-cell; vertical-align:middle;padding: 0 .5em;}
.stepprogress .boxflex .composedcontent-newsbox-in-boxen:after {
    color: #ffffff;
    font-family: "Font Awesome 6 Pro";
    padding: .25em 20px 0 0;float:right;
    font-size:200%;line-height: 100%;
    font-weight: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: "Font Awesome 6 Pro";
                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; }


.zmNavigClassInnen {
  row-gap: 10px;
}




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




.bwKontakt  .vCard .sprechzeiten {display:none}

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

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

.basecontent-dvv-service-bw-kontakte .adr {display:none}
 
.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; 
}

.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 
{margin: 0 0 .5em !important}
.basecontent-dvv-service-bw-beh-rdendaten .bwDat .openingHours h4 {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%;}

.basecontent-dvv-service-bw-kontakte .bwKontakt div.vCard .rumpf,
.basecontent-dvv-service-bw-kontakte .bwKontakt div.vCard .infotext {margin-bottom: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;
}


.kontaktdreier .bwKontakt  { 
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch ;
    align-content: stretch;
    justify-content: stretch;
    gap:30px 10px;
    margin-bottom: 3em;
    }
.kontaktdreier .bwKontakt   .vCard  {width: 32%;padding: 0 0% 0 0 !important;max-height: 100%}
     




#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:#E0202C !important; border: 1px solid #E0202C !important;
 color:#333;
 border: 1px solid #E0202C;
 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: #E0202C;
     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:#E0202C}
#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: #111 !important;
                position: relative}

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

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

  .ym-column a {
    transition-property: border-color, color;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out
}

.ym-column a:not(.joboffer_title_text a, .pm-teaser-text-link):hover,
.ym-column a:not(.joboffer_title_text a, .pm-teaser-text-link):focus 


{
    color: #E0202C !important;
    text-decoration: none !important;
}



.ym-column a:not(.joboffer_title_text a):hover:after,
.ym-column a:not(.joboffer_title_text a):focus:after {
    border-color: #E0202C !important;
}


 


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


 #main  .NewsohneTeaser .pm-meldung h3 em  {color:#000!important}
 
#ui-datepicker-div,
.ui-datepicker table,
.ui-dialog.subscription-dialog {background-color: #fff;}
.ui-datepicker table {border: 1px solid #E0202C}
.ui-datepicker table  thead {background-color: #E0202C;} 

.ui-datepicker .ui-datepicker-current-day {background-color: #E0202C;}

/*
#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 a.pm-teaser-more,
#main .moreLink,
#main .mehrLink,
#main .ButtonLink,
#main .ButtonLinkinvers {display:block;overflow: initial;padding:2px 0;margin-top: .5em !important;;margin-bottom: 1em !important;}

#main a.pm-teaser-more {float: none; display: inline-block;margin: 0;}


#main .pm-detaillink {overflow: initial;padding:2px 0;margin-top: .5em !important;;margin-bottom: .5em !important;}


#main .ButtonLink.center, #main .mehrLinkPortal .align-center {
    text-align: left;
  }

.pm-meldung .pm-title-from {
    font-size: 1.15em !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 {
    float:right;
}
*/
#main .ButtonLink a  {
    border:1px solid #E0202C;
    color:#E0202C !important;
    padding:.25em .5em;
    transition: .1s all ease-in-out;
    line-height: 180%;
    text-align: center;
}

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


 

#main .ButtonLink a:hover {
 color:#fff!important;
 background: #E0202C ;
}

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


#main .tourNav a, #main .tourNav span.current .padMe {
    background: #fff !important;
    border:1px solid #E0202C;
    color:#E0202C !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: #E0202C !important
}

#main .tourNav.gridlayout a {
white-space: nowrap;
}
#main .tourNav.gridlayout .navprev a::before {content: '\f053';  padding: 10px 5px 10px 5px;}
#main .tourNav.gridlayout .navcenter a::before {content: '\f077';  padding: 10px 5px 10px 5px;}

#main .tourNav.gridlayout .navnext a {padding-right: 1.25em !important}
#main .tourNav.gridlayout .navnext a::after  {content: '\f054' !important; padding: 10px 5px 10px 5px; display: block; text-align: right; width: 100%;  }

#main .tourNav.gridlayout .navcenter a:before,
#main .tourNav.gridlayout .navprev a:before,
#main .tourNav.gridlayout .navnext a:after {
    font-family: "Font Awesome 6 Pro";
    line-height: 1;
}


#main a.pm-teaser-more::after,
#main .moreLink a::after,
#main .mehrLink a:not(.mehrDetail a)::after,
#main .composedcontent-rubriktopnews .pm-content .pm-anreisser .pm-detaillink::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #a3a18f !important;
    color: #5A5950 !important;
    width: 100%;
}




.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: 2px solid #f4f1e5;*/
    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 #E0202C;
 float:right;
 color:#E0202C !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: #E0202C ;
}


#header { position: relative;
    padding: 0px;
    transition: 0.3s linear;
    margin: 0;
    background-color: transparent;
    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 15%;
    max-width: 15%;
    position: relative;
    width: 15%;
    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: 20px;
    }

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

 
    #lpseite .section-text li .align-center, 
    #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;
         padding-left: 20px;
         background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath data-name='Rechteck 86' fill='%23e0202c' d='M0 0h16v16H0z'/%3E%3C/svg%3E") 0 7px no-repeat
      }

 
/*
    #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, 
        #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,
        #lpSeite .openingHours h2 {display: none}

        .kontaktpersonen {
            width: 95%;
            margin-top: 2em;
            padding-top: 1em;
        }
 
/*
        #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;
        }
  

				.sbw_rechts_content .image-inner .bwBildVerwaltung {
    width: 100%;
    max-width: 360px;
    margin-bottom: 1em;
}


 */

.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: #E0202C !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;}
*/

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

.sbwneu .hausanschrift,
.sbwneu .lieferanschrift,
.sbwneu .HAUSANSCHRIFT,
.sbwneu .LIEFERANSCHRIFT,
.sbwneu .openingHour-abweichung,
.sbwneu #kommunikation,
.sbwneu .section-oe-barrierefreiheit,
.sbwneu .section-oe-parkplatz,
.sbwneu .section-oe-anfahrtsbeschreibung,
.sbwneu .section-oe-personennahverkehr {
	background:transparent !important;  
    margin-bottom: 1em;
    padding:0px
}
 
 

.kontaktpersonen .kontakt {margin: .5em 0 1em 0;  border-bottom: 2px solid #f4f1e5; 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;  
}
 
 
 
.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 #e0202c
}

#lpseite span.bezeichnung,
#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,
#lpseite .kommunikation.kommunikation-EMAIL,
#lpSeite .kommunikation.kommunikation-TELEFON,
#lpSeite .kommunikation.kommunikation-FAX {
    display:flex; flex-wrap: wrap; margin:.5em 0
}

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


#lpSeite .kommunikation.kommunikation-TELEFON .wert::before,
#lpseite .kommunikation.kommunikation-TELEFON .wert::before {
 content: "\f095" !important;
 font-family: "Font Awesome 6 Pro";
 font-size: 1em !important;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 padding: 0 .25em 0 0.1em;
 font-weight: 100 ;
}
#lpSeite .kommunikation.kommunikation-FAX .wert::before,
#lpseite .kommunikation.kommunikation-FAX .wert::before {
 content: "\f1ac";
 font-family: "Font Awesome 6 Pro";
 font-size: 1em !important;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 padding: 0 .25em 0 0.1em;
   font-weight: 100 !important;
}

#lpSeite .kommunikation-EMAIL .mailLink::before, 
#lpseite .kommunikation-EMAIL .mailLink::before, 
#lpSeite .kommunikation-DEMAIL .mailLink::before,
#lpseite .kommunikation-DEMAIL .mailLink::before {
 content: "\f2b7";
 font-family: "Font Awesome 6 Pro";
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 padding: 0 .25em 0 0;
 font-weight: 100 !important;
}


#main .vCard .email::before,
#main .mailLink::before {
    content: "\f2b7";
    font-family: "Font Awesome 6 Pro";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .25em 0 0;
    font-weight: 100 !important;
    margin-left: .1em;
   }
#main .vCard .email::after,
#main .mailLink::after {
       left: 1.25em !important;
       width: calc(100% - 1.25em) !important;           
     }

     

#lpseite .kommunikation-SERVICEKONTO a::before {
    content: "\f502";
    font-family: "Font Awesome 6 Pro";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .25em 0 0;
    font-weight: 100 !important;
   }
   
.ym-column #lpseite .kommunikation-SERVICEKONTO a::after {
    left: 1.25em !important;
    width: calc(100% - 1.25em) !important;           
  }
.ym-column #lpseite a.mailLink::after {
    left: 1.25em !important;
    width: calc(100% - 1.25em) !important;           
  }

#lpseite .kommunikation-FAX span.bezeichnung,
#lpseite .kommunikation-EMAIL span.bezeichnung {
	display:none
}




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

#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;
}

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





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


/* -------------------- footer -------------------- */
#footer { 
    padding:0; 
    font-size: 0.875em; /* 14px */   
    margin: 8em 0 0em 0 !important;; background-color: #E0202C  !important;
    }    
    
#footer .ym-gl {
        float: none !important
    }
    
.l-footer__row2-brand a img {
        display: none;
    }

.l-footer__row2-brand a::before {
        content: "";
        display: block;
        background-image: url(../img/fr_weiss.svg);
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        width: 83px !important;
        height: 80px !important;
}
    
    
#bottom_functionallinks {background-color: #E0202C ; 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: "Font Awesome 6 Pro";
    line-height: 1.5em;
    font-size: 1.5em;
    margin-right: .25em;
    font-weight: 100;
}
#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;
}

@font-face {
    font-family: 'iconbarriere_neu';
    src:  url('../fonts/iconbarriere_neu.eot');
    src:  url('../fonts/iconbarriere_neu.eot#iefix') format('embedded-opentype'),
      url('../fonts/iconbarriere_neu.ttf') format('truetype'),
      url('../fonts/iconbarriere_neu.woff') format('woff'),
      url('../fonts/iconbarriere_neu.svg#iconbarriere_neu') 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_neu' !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: "\e901";
}
#bottom_functionallinks a.foot_ls::before {
  content: "\e900";
}


#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: 200 !important;   margin-bottom: 10px !important
}

.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 #E0202C !important
}

.site_Freiburg.home .wayhome {display: none}
.site_Freiburg.home .data .wayhome {display:block}
#node2116568 .wayhome {visibility:hidden}

.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-image: url("../img/header2025_0a.jpg");
 background-position: bottom;
 background-repeat: no-repeat;
 height: 600px;
 width:100%;
 background-size: 100%;
 margin-bottom: 50px;
  height: 66vh;
 }
 .site_Freiburg.home .sticky-header .header__row { background:#fff;  }
 

.shadedbox {
    margin: 3em 0 !important;
    padding: 0 !important;
    border:0
}

#main #l-content .bildbox h2,
#main #content .bildbox h2,
#main #l-service .bildbox h2 {
    position: static;
    padding: 0 !important;
    margin: 0 !important;
    top: -7px;
    text-align: left;
    background: transparent;
   /* font-size: 1.4em !important;*/
    width: 100%;
    min-height: 3em !important;
    display: table;
    transition: All 0.3s ease-in;
    -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;
        top: -7px;
        padding: 10px;
        text-align: left;
        transition-property: background-color, color;
    }
    

    #main .bildbox:hover H2 a,
    #main .bildbox h2 a:hover {
        background: #f4f1e5;
        color: #111 !important;
    }

    
    #main .bildbox.kachelbox H2 A:hover, 
    #main .bildbox.kachelbox:hover h2,
    #main .bildbox.kachelbox:hover H2 a {
        background: #E0202C;
        color: #fff !important;
        border-bottom:0px
    }


	#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 #E0202C}


.startsuche #quicksearch .quicksearchimg {
    cursor: pointer;
    background: #E0202C;
    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 {
    width: 270px;
    height: 120px;
}

.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 .center { margin-top:.5em}




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

.farbcontainer::before {
    max-width: calc(100vw - 17px);
    background-color: #f4f1e5

}
.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;
}

.composedcontent-row-fr.farbcontainer .c100l {background-color: transparent !important}

.farbcontainer .farbcontainer_inner {
    padding: 50px 0}

.farbcontainer .farbcontainer_inner h2:first-child {
     margin-top: 0 !important }

.gbrslider.farbcontainer::before {
    max-width: calc(100vw - 17px);
    background: url(../img/gbr1.jpg) #f4f1e5 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: #E0202C}

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

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

.farbcontainer #zmEListe .datebox {background-color: #E0202C; 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 {margin: 1em 0;}
#main .mehrLinkPortal a {
       border:1px solid #E0202C;
       font-size: 1.166em;
       color:#E0202C !important;
       background: transparent;
       padding: 10px 75px;
       transition: .1s all ease-in-out;
       font-weight: bold;
        text-align: center;
   }
   
   #main .mehrLinkPortal a:hover {
    color:#fff!important;
    background: #E0202C ;
   }

   .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 #fehler {display: none}
.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 .ui-accordion-header,
.ui-accordion .ui-accordion-header:hover,
.ui-accordion .ui-accordion-header:focus,
.boxteaser {
    position: relative;
    outline: 0;
    margin: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none;
    border-top: 1px solid #a3a18f !important;
    padding: .5em 0;
    transition-property: color;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out
}

.boxteaserfirst,
.ui-accordion .ui-accordion-header:first-child {
   border-top: none !important;
}

.boxteaser.boxteasernotfirst:first-child {
    border-top: 1px solid #a3a18f !important;
}

.ui-accordion .ui-accordion-header:hover,
.boxteaser:hover {
   color: #E0202C;
}

article.boxlinkexpand h2::before, .boxlinkexpand:not(article)::before,
article.boxteaser h2::before, .boxteaser:not(article)::before,
.ui-accordion .ui-accordion-header::before,
.ui-accordion .ui-accordion-header::before,
.boxteaser::before {
   position: absolute;
   top: 50%;
   right: 0;
   padding: 0;
   transform: translateY(-50%)
}

.boxlang, .boxlang .boxteaser {
   margin: 10px 0;
}

.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: #E0202C !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: "Font Awesome 6 Pro";
                font-size: 1.75em;
                margin-right: .25em;
                vertical-align: middle;
                font-weight: 300;
            }
            .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 #E0202C;
				outline-offset: 2px;
			}


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


            .mm-listitem_selected {background: #E0202C; 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;

            }
             
            .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:'Nunito Sans',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 #E0202C;
              color: #E0202C !important;
              padding:  .5em;
              overflow: visible;
              height: 2.25em;
              border-radius: 0px;
              font-size: 1.3325rem;
              font-weight: normal;
              cursor: pointer;
              color: #E0202C !important;
              vertical-align: middle;
              margin-top: 1em;
            }
            
            .register a:hover, .pwdvergessen a:hover,
            #register_form input[type=submit]:hover {
                color: #fff !important;
              background: #E0202C;
            }
            
            .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:'Nunito Sans',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}
            .suchfeld_kat ul li input[type="checkbox"]:checked,
            .suchfeld_kat span input[type="checkbox"]:checked,
            #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
                        }
            .suchfeld_kat ul li input[type="checkbox"],
            .suchfeld_kat span input[type="checkbox"],                        
             #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;
                        }

            .suchfeld_kat ul li input[type="checkbox"],
            .suchfeld_kat span input[type="checkbox"],
            #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 #ddd;;
                            height: 40px;
                            color: #000;
                            padding: 0 10px;
             }
             
             .formElementContainer .senderCc.ym-fbox-check input[type="checkbox"] {
                margin-top: .5em
                }
            .suchfeld_kat ul li input[type="checkbox"],
            .suchfeld_kat span input[type="checkbox"],
            ul.filter li input[type="checkbox"] {      
                            height: 1.5rem;
             } 
 .filterpanel .Filterbox ul.filter li { display: flex;}
            
.suchfeld_kat ul li label, .suchfeld_kat span {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 0;
}

 #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: #E0202C;
}
.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 #E0202C;
    color: #E0202C !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;}



.ym-button:focus, .ym-form button:focus, .ym-form input[type="button"]:focus, .ym-form input[type="reset"]:focus, .ym-form input[type="submit"]:focus, .searchSort .button:focus, .searchForm .button:focus {
      background: #e0202c;
      color: #fff !important;
}    




/* ***************  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 #E0202C;
    color: #E0202C !important;
    padding: 0 .5em;
    font-size: 1.3325rem ;
    font-weight: normal;
    border-bottom: 1px solid #E0202C !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:#E0202C !important; border: 1px solid #E0202C !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: #E0202C !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 #E0202C;
 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: #E0202C;
  color:#fff !important}
 
.zmELNavigationoben .current,
.zmELNavigationunten .current,
.zmELNavigation .current  {
color:#fff;
background:#E0202C; 
border:1px solid #E0202C;
padding: .5em .75em;} 



.zmSuchButton {margin-top:1em}
#main div.zmSuchButton input:hover, #main div.StandardFormular input:hover {
    background: #E0202C  !important;
    color:#fff !important
}
#main div.zmSuchButton input {
    color:#E0202C;
    border: #E0202C 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 #E0202C;
    color: #E0202C;
}






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


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


.basecontent-dvv-zm-ez .zmdb .zmadresse .tel .bez {display: none}



 #zmEListe h4, #zmDetail h3 {
    color: #333;
}

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



    #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:#E0202C; 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;
}

.offside .slick-prev
{
    left:  -50px; 
}

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

.offside .slick-next
{
    right: 0px;
}


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

.slick-next::before {
    content: '\f054'; padding: 10px 10px 10px 5px;
}

.slick-prev::before {
    content: '\f053'; padding: 10px 5px 10px 10px;
}


.slick-prev::before, .slick-next::before {
    font-family: "Font Awesome 6 Pro";
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: #E0202C !important;
    padding: 0 .5em;
    overflow: visible;
    height: 2.25em;
    border-radius: 0px;
    font-size: 1.3325rem;
    font-weight: normal;
    
}


.searchForm input[type="search"]:focus-visible {
    outline-offset: -2px;
}

.ergebnisseKopf { 
    flex-wrap: wrap;
    margin: 0;
    transition: 0.3s linear;
    justify-content: space-between;
   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: flex-start;
justify-content: space-between;
    gap:30px 0px
}


.ergebnisseKopf .searchSort {width:55%;text-align: right;margin-bottom:.25em}
.ergebnisseKopf .searchPaging {width:45%; margin-bottom: .25em}


.ergebnisseKopf .searchSort  {order:2}
.ergebnisseKopf .searchPaging {order:1}

.searchSort .sort-label,
.ergebnisseKopfAnzahl {
    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, 6px) rotate(45deg) scaleX(.75);
}

.icon-bar:nth-child(2) {
    transform: translate(6px, -3px) 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(3px, -6px);
}
#zmEListe .icon-bar {
    height: 3px;}
#zmEListe .menu-btn {
  background: #E0202C;
  color: #fff;
  border:1px solid #E0202C; 
  padding:12px;
  cursor: pointer
}

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





/*  *****************   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: "Font Awesome 6 Pro";
    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 #E0202C;
}


.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: "Font Awesome 6 Pro";
    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 #E0202C;
}


.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: 0 0 2em 0;
    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 #E0202C;
    color:#E0202C !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: #E0202C ;
}

.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;
 }


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


 








/*   -----------------  -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} */   
    .site_Freiburg.home #header { background-image: url("../img/header2025_0.jpg");; height: 500px; background-size: cover} 
}  


@media screen and ( max-width: 1279.98px )  {
	.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 ( min-width: 1279.98px )  {

    .extrabreit {
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      width: 100vw;
    padding: 0 3rem 0 1rem;
      text-align: center;
}

    .extrabreit70 {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -35vw;
  margin-right: -35vw;
  width: 70vw;
  padding: 0 3rem 0 1rem;
  text-align: center;
    }
}

@media screen and (max-width: 1079.98px) {
    .site_Freiburg.home #header {  background-image: url("../img/header2025_0.jpg"); height: 66vh;; 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)  {
    .gridlayoutbox.gridlayout.dreier.boxinbox .boxChild,
    .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%}
     #main .tourNav.gridlayout,
    .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-image: url("../img/header2025_0.jpg"); height: 400px !important;  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,

    .gridlayoutbox .gridlayout.vierer.boxinbox .boxChild,


    .gridlayout.dreier .teaser	{width: 46%}
    
    .slidergrid .bxSlider .composedcontent-dvv-column2 > div,
    .gridlayout.zweier .boxflex,
	.gridlayout.zweier .bildbox,
	.gridlayout.zweier .boxflextext,
	.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-image: url("../img/header2025_0.jpg"); height: 56vh !important;
        background-position: top right !important;}    

    .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;
	}
    .iconstart img  {transition: all .3s; transform: scale(1.7);margin:2em 0}
    }



    
@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}
        .searchafter .c-meta__search {
        width: 80%;
        }

}
    

@media screen and ( max-width: 575.98px)  {
    .gridlayoutbox .gridlayout.boxinbox .boxChild,
    .gridlayout .gridlayout.boxinbox .boxChild,
    .gridlayoutbox .gridlayout.vierer.boxinbox .boxChild {width:98%}
    .gridlayoutbox .gridlayout.dreier.boxinbox .boxChild,
    .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 .boxflextext,
	.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}
 
    #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}
    #node2378259 .searchafter .c-meta__search {display:block}
/*    .site_Freiburg.home #header {  
        background-image: url("../img/header2025_0.jpg");
         height: 46vh !important;
      }   
*/

 

    .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         
	}
    
    #main .roterstoerer {position: static;}


}	





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

.ui-accordion .ui-accordion-header::before{content:"\f078"!important;font-family:"Font Awesome 6 Pro";font-size:1em!important;font-weight:400!important;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ui-accordion .ui-accordion-header.ui-accordion-header-active::before{content:"\f077"!important;font-family:"Font Awesome 6 Pro";font-size:1em!important;font-weight:400!important;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ui-accordion .ui-accordion-content{padding:1em 2em 0 0; overflow:auto; min-height: 100% !important;}
 
.ui-icon:not(.ui-icon-closethick) {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 {background: #f4f1e5;}
#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; float: none;}
#content .ui-widget-header .ui-tabs-active{border-bottom:2px dotted #E0202C!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 #E0202C}

.ui-widget{font-family:'Nunito Sans',Helvetica,sans-serif;font-size:1em;line-height: 160%;}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:'Nunito Sans',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 solid #f4f1e5;}
.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 #fff;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, #E0202C);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:85px !important;line-height:80px; left: 1%; top:50%}
#main .header2030 h2.header2030h2 {font-size:2.2em !important;left: 1%; }
}

@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 #e0202c !important}



#joboffers {
    margin-bottom: 20px;
}

.joboffer_container {
    display: flex;
    border-top: 1px solid #707070;
    margin-bottom: 0px;
    padding: 10px 0;
    transition: all 0.3s ease-in-out;
  }
  
  .joboffer_container:first-child {
    border-top: none;
}

  .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: #E0202C;;

  }
  
  .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%;
    }


 
    

 
.basecontent-stage .stage__load_more button.load {
    border: 1px solid #E0202C;
}

 

.basecontent-stage .stage__load_more button.load,
.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 {
    padding: 10px 50px;
    font-weight: bold;
    transition-property: background-color, color;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out
}

#main .ButtonLink span.align-center  {
    text-align: left;
  }
   


/*****************************************************************************************************
 * Header
 *****************************************************************************************************/

 .header-logosvg::before {
    background-image: url('../img/logo/FR_Logo_Rot.svg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 83px !important;
    height: 80px !important;
}

.sticky-header .header-logosvg::before {
    background-image: url('../img/logo/FR_Logo_Rot.svg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#node2216770 .header-logosvg::before,
#node2216770 .header-logosvg::before {
    background-image: url('../img/logo/FR_Logo_Rot.svg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 83px !important;
    height: 80px !important;
}

#node2216770 .sticky-header .header-logosvg::before {
    background-image: url('../img/logo/FR_Logo_Rot.svg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#header.sticky-header .header-logosvg::before,
#sb-site #header.sticky-header .header-logosvg::before {
    width: 83px !important;
    height: 80px !important;
}


.mobile-header__brand .header-logosvg {
    position: absolute;
    bottom: 60px;
    left: 10px;
    z-index: 999;
}

#node2216770 .mobile-header__brand .header-logosvg::before {
    background-image: url('../img/logo/FR_Logo_Rot.svg');
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.header__row {
    box-shadow: none !important;
    border-bottom: 1px solid #a3a18f;
    background-color: #fff !important;
    height: 100px;
}

@media screen and (max-width: 575.98px) {
    .sticky-header .header__row {
        height: 100px;
    }
}

.metalinks .flinks a {
    color: #E0202C !important;
    font-weight: bold;
    line-height: 40px;
}

.metalinks .flinks a:hover {
    color: black !important;
    font-weight: bold;
}

#top_functionallinks a.foot_barriere::before,
#top_functionallinks a.foot_ls::before,
#top_functionallinks a.foot_gb::before {
    content: "" !important;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#top_functionallinks a.foot_barriere::before {
    background-image: url('../img/icons/barriere.svg');
}      

#top_functionallinks a:hover.foot_barriere::before {
  background-image: url('../img/icons/barriereh.svg');
}  

#top_functionallinks a.foot_gb::before {
background-image: url('../img/icons/gb.svg');
}      

#top_functionallinks a:hover.foot_gb::before {
background-image: url('../img/icons/gbh.svg');
}      

#top_functionallinks a.foot_ls::before {
background-image: url('../img/icons/ls.svg');
}      

#top_functionallinks a:hover.foot_ls::before {
background-image: url('../img/icons/lsh.svg');
}      


.fa-search:before {
    content: "" !important;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../img/icons/lupe.svg');
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

button .fa-search:before {
    background-image: url('../img/icons/lupew.svg');
}

.search.toggle-overlay a i,
.search.toggle-overlay a em {
    color: #E0202C !important;
}

.flyerNav .mburger {
    background-color: white !important;
    color: #E0202C !important;
 }

.flyerNav .mburger b,
.flyerNav .mburger::before {
    color: #E0202C !important;
}

.mburger b {
    border-radius: 0;
    height: 5px;
}

.mburger b:nth-of-type(2) {
    top: calc(50% - 2.5px);
}

#root-panel-menu {
    padding-bottom: 70px;
}

.mobile-header__search .c-meta__search #qs_query {
    border: 1px solid #a3a18f;
    background-color: white;
}

.mm-navbars_top,
.mm-navbar,
.mm-navbar > .mobile-header__brand {
    min-height: 20px;
}

.mm-listitem.currentParent {
    background-color: #f4f1e5 !important;
    color: #000 !important;

}


/*****************************************************************************************************
 * Boxes
 *****************************************************************************************************/

.Filterbox .boxflex,
.onlinedienstebox .onlinegreybox,
/*
.hausanschrift,
.lieferanschrift,
.HAUSANSCHRIFT,
.LIEFERANSCHRIFT,
.openingHour-abweichung,
#kommunikation,
.section-oe-barrierefreiheit,
.section-oe-parkplatz,
.section-oe-anfahrtsbeschreibung,
.section-oe-personennahverkehr, */
#main .commentEnabledDiv .onliner {
    padding: 15px 20px;
    background-color: #f4f1e5 !important;
}

.Filterbox .boxflex > *:first-child,
.onlinedienstebox .onlinegreybox > *:first-child

/*
,
.hausanschrift > *:first-child,
.lieferanschrift > *:first-child,
.HAUSANSCHRIFT > *:first-child,
.LIEFERANSCHRIFT > *:first-child,
.openingHour-abweichung > *:first-child,
#kommunikation > *:first-child,
.section-oe-barrierefreiheit > *:first-child,
.section-oe-parkplatz > *:first-child,
.section-oe-anfahrtsbeschreibung > *:first-child,
.section-oe-personennahverkehr > *:first-child */
{
    margin-top: 0 !important;
}

/*
.sbwneu .hausanschrift,
.sbwneu .lieferanschrift,
.sbwneu .HAUSANSCHRIFT,
.sbwneu .LIEFERANSCHRIFT,
.sbwneu .openingHour-abweichung,
.sbwneu #kommunikation,
.sbwneu .section-oe-barrierefreiheit,
.sbwneu .section-oe-parkplatz,
.sbwneu .section-oe-anfahrtsbeschreibung,
.sbwneu .section-oe-personennahverkehr {
    padding: 15px 0;
    background-color: transparent !important;
}
    */

 


 


/*****************************************************************************************************
 * Article
 *****************************************************************************************************/

.mm-navbar,
.mm-listitem {
    border-color: #a3a18f;
}

/*
passt aktuell nicht
.composedcontent-freiburg-news .basecontent-sub-heading,
.composedcontent-freiburg-news .basecontent-sub-heading-h3,
.composedcontent-freiburg-news .basecontent-dvv-sub-heading-3:not(.composedcontent-freiburg-news .basecontent-dvv-sub-heading-3:first-child),
.composedcontent-freiburg-news .basecontent-line-break-text,
.composedcontent-freiburg-news .basecontent-text,
.composedcontent-freiburg-news .composedcontent-dvv-box:not(.abstimmung),
.composedcontent-freiburg-news .boxteaser,
.composedcontent-freiburg-news .basecontent-dvv-trenner
{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 760px;
}
    */

.basecontent-image .caption,
.basecontent-multimedia .caption,
.basecontent-html-editor .caption {
    margin-top: 10px;
    margin-bottom: 50px;
    color: #69685D;
    font-size: .875em; /* 16px */
}

.basecontent-html-editor .caption {
    margin-top: 0px
}
/*
.pm-detail {
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-width: 760px;
    padding-top: 0;
}
    */

.pm-from,
.pm-parentRubrik {
    display: block;
   /* border-top: 1px solid #a3a18f;*/
    padding-top: 15px !important;
    color: #69685D !important;
    font-size: .875em !important; /* 16px */
}

.pm-detail { border-top: 1px solid #a3a18f;}

.pm-from {
    border-top-color: transparent;
}

.pm-parentRubrik a {
    color: #69685D !important;
}

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

    .pm-parentRubrik {
        clear: both;
        border-top: none;
        padding-top: 0;
    }
}

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

    .pm-parentRubrik {
        float: right !important;
        margin-right: 0 !important;
    }



}




/*****************************************************************************************************
 * Home
 *****************************************************************************************************/

.site_Freiburg.home #header,
.site_Freiburg#node2216767 #header,
.site_Freiburg#node2216770 #header
{
 /*   background-image: url("https://playground.dcos.de/home-hero.jpg");*/
    background-position: center;

}

.site_Freiburg.home #header::before,
.site_Freiburg#node2216767 #header::before,
.site_Freiburg#node2216770 #header::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -120px;
    right: 3%;
    transform: translateY(25%);
    background: url('../img/logo/FR_Logo_Rot.svg');
    background: url('../img/logo/FR_Logo_Rot.svg'), radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 285px !important;
    height: 275px !important;
}

.site_Freiburg.home #header,
.site_Freiburg#node2216767 #header,
.site_Freiburg#node2216770 #header {
    margin-bottom: 50px;
    height: 66vh;
    min-height: 450px;
    background-size: cover !important;
}
  /*
@media screen and (max-width: 1079.98px) {

  .site_Freiburg.home #header::before,
    .site_Freiburg#node2216767 #header::before,
    .site_Freiburg#node2216770 #header::before  {
        width: 200px !important;
        height: 193px !important;
 
}
   }*/
.searchafter .c-meta__search {
    background-color: transparent;
}


#main .header2030 h2.header2030h1 {
    line-height: 0.85 !important;
}

/* Ausgewählte Termine */
#boxid1842024 #zmEListe .item {
    margin-bottom: 40px;
}


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


 
 
#main .center.icons {margin-top: 0.25em !important}
#main .center.icons .center {margin:0 !important;}

#main .icons h2 {font-size: 1.2em !important;line-height: 160% !important;margin: 0;}



/** ORG */ 



.dezernat-col-holder .dezernat-col {
    width: 100%;
    background-color: #f4f1e5; 
    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: #000
  }
   
  .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 #f4f1e5;
     background:#f4f1e5
    }
    #main .dezernat-col.orgrot  h4,
    #main .dezernat-col.orgrot  p  {color: #000 !important; 
    }
    
  
  
   
  
  #main .dezernat-col .dezname {
    display: block;
    font-size: .85em!important;
    font-weight: bold;
    line-height: 130%;
    margin-bottom: .25em;
  }


  .dezernat-col-holder .dezernat-col.sub:hover { background-color: #E0202C !important}


.dezernat-col .phone::before {
    content: "\f095";
    font-family: "Font Awesome 6 Pro";
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .25em 0 0;
    font-weight: 100;
  }


#main .ym-column .dezernat-col.sub:hover  .name a,
#main .ym-column .dezernat-col.sub:hover  .amtname,
#main .ym-column .dezernat-col.sub:hover .amtname a,
#main .ym-column .dezernat-col.sub:hover  .dezname a,
#main .ym-column .dezernat-col.sub:hover  {
  color: #fff !important;
}
  #main .ym-column .dezernat-col .name a,
  #main .ym-column .dezernat-col .amtname,
  #main .ym-column .dezernat-col .amtname a,
  #main .ym-column .dezernat-col .dezname a,
  #main .ym-column .dezernat-col {
    color: #000 !important;
  }
  .dezernat-col-holder .dezernat-col.sub::before {
    background-color: #616152;
  }
  
  .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
  }
  #node2339672 #weitereTermine,
  #node2339672 #home .feld-select,
  #zmselbst h1.Ueberschrift {display: none;}
  
  
  @media screen and ( max-width: 639.98px)  {
 
  .ergebnisseKopf .searchSort {width:100%; text-align:left}
  .ergebnisseKopf .searchPaging {width:100%}      
}
  @media screen and ( max-width: 575.98px)  {
    .site_Freiburg.home #header::before {  
        width: 215px !important;
        height: 205px !important;
        bottom: -90px;
        background: url('../img/logo/FR_Logo_Rot_1.svg');
        background: url('../img/logo/FR_Logo_Rot_1.svg'), radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        right:0 !important;       

        }   

        .flyerNav .mburger::before {
            opacity: 0;
           content:"";
          -webkit-animation: none;
          -moz-animation: none;
          animation: none;
        }    
        .searchForm .suchbutton .button,        
        .searchForm .extendedsuche .button {width: 100%; margin-bottom: .25em} 
        .suchbutton {
            float: none;
        }
        
        .searchDiv {margin-top:1em}


    }




   /* Adjust for mobile devices (screens less than 768px wide) */
@media only screen and (max-width: 768px) {
    #helperbot-container {
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    }
    }
      

   /* #node2378259   .chatbot {background-color: #ffffffee;}*/
  
    #node2378259 #content .quicksearchdiv  {
    position: relative;
    text-align: center;
    transition: transform 0.7s;
    transform-style: preserve-3d;
  }
  
  #node2378259 #content .chatForm,
  #node2378259 #content form.quicksearch
  {position: relative;
    text-align: left;
    -webkit-backface-visibility: hidden;  
    backface-visibility: hidden;
  }
      
  #node2378259 #content .chatForm {
    transition-delay: 0.2s;
  }
  
  #node2378259 #content form.quicksearch  {
    position: absolute;
    top: 0;
    width: 100%;
    transform: rotateY(180deg);
  }
    
  #node2378259 #content .chatForm {
    transition-delay: 0.2s;
  }
  

  #node2378259 #content .c-meta__search.flip .quicksearchdiv  {
    transform:rotateY(180deg);
  }

  #node2378259 #content .c-meta__search.flip .quicksearchdiv .chatForm {
    visibility:hidden;
  }
 
  #helperbot-iframe:focus-visible {
    outline: 0px solid #fff;
    outline-offset:1px;
  }
 
#node2378259 #content .flip .chatForm input {
background-color: rgba(255,255,255,.7);
}


#node2378259 #content .c-meta__search .switch-search {
        cursor: pointer;
        font-size: 0.8em;
        padding: 5px;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        background: #e0202c; color: #fff !important;
        display: inline-block;
        margin-top: .25em;
      }

    #node2378259 #content  .chatForm  #input_search-box3   {
                    background: #fff;
                    color: #000;
                    padding: 0 10px;
                    display: block;
                    width:100%
     }

     #node2378259 #content .searchafter .c-meta__search {
        border: none
     }

     #node2378259 #content .searchafter .c-meta__search form input {
        border: 2px solid #e0202c; height:55px
     }


     #node2378032 #header,
     #node2378259 #header {
        background-image: url("../img/header2025_0a.jpg");
        background-position: bottom;
        background-repeat: no-repeat;
        height: 600px;
        width:100%;
        background-size: 100%;
        margin-bottom: 50px;
         height: 66vh;
        }

 .site_Freiburg#node2378032 #header::before,
.site_Freiburg#node2378259 #header::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -120px;
    right: 3%;
    transform: translateY(25%);
    background: url('../img/logo/FR_Logo_Rot.svg');
    background: url('../img/logo/FR_Logo_Rot.svg'), radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 285px !important;
    height: 275px !important;
}

@media screen and (max-width: 767.98px) {
.site_Freiburg#node2378259 #header {
    background-image: url("../img/header2025_0.jpg");
    height: 56vh !important;
    background-position: top right !important;
    background-size: cover;

  }
  }
 

@media screen and (max-width: 575.98px) {
.site_Freiburg#node2378259 #header::before {
    width: 215px !important;
    height: 205px !important;
    bottom: -90px;
    background: url('../img/logo/FR_Logo_Rot_1.svg');
    background: url('../img/logo/FR_Logo_Rot_1.svg'), radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    right: 0 !important;
  }

  
    #node2378259   .chatbot {width: 90% !important; box-shadow: 0 0 0px 0 rgba(0,0,0,0.2) !important; height: 90%;}

}

.site_Freiburg#node2378259 .wayhome {display: none;}
.site_Freiburg#node2378032 .wayhome {display: none;}