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

* {
    -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: 1px dashed #ac162b;
    outline-offset: 2px;
}


#header {
font-size:1em
}
 
#main p {
line-height: 1.8em;
}

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

#main {
    font-size: 1.1em  
}

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


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

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

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



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

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
    font-family:LatoLatinWeb,Helvetica,sans-serif;
	}
	
    blockquote {
        font-size: 1.15em;
        font-family: LatoLatinWeb, Helvetica, sans-serif;
        color:#333 !important
    }

#main #content  .head1,
 h1 {
    font-size: 2.6em !important
}
#main #content h1 {font-size: 2.6em;margin-bottom: 2.625rem;}
#main #content h2 {font-size: 2.00em;margin-bottom: 1rem;xmargin-top: 2.5rem;}
#main #content h3 {font-size: 1.66em;margin-bottom: 1rem;margin-top: 1rem;}
#main #content h4 {font-size: 1.33em}

  

.bildbox h2 {
font-size: 1.2em !important;}
	
#header .banner  {overflow: hidden;width:100%}



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

 



#top_functionallinks {float:left}
#top_functionallinks a {font-size:1.0em;;padding-top:0; margin: 0 1em 0 0em}
#top_functionallinks a::before {
    color: #333;
    font-family: FontAwesome;
	font-size: 1.5em;
	margin-right: .25em;
	vertical-align: middle;
}

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

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


#service .composedcontent-dvv-box:not(.blueservicebox), 
#service .composedcontent-box-fr:not(.blueservicebox),
.servicefake .composedcontent-dvv-box:not(.blueservicebox),
.servicefake .composedcontent-box-fr:not(.blueservicebox)

{
    padding: 0 !important;
    border: 0px solid #E1E1E1 !important;
    background: transparent
}

#main #service h2,
#main .navSlot h2, 
#main .servicefake h2 {
    font-size: 1.4em !important;
    font-weight: bold;
    text-align: left !important;
    background-color: transparent;
    margin: 0.25em 0px !important;
    padding:0 0 0 0px !important;
    color: #000 !important;
}


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

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

#main div.breadCrumb ul li
{

    font-size: 1.0em;
}


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

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

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



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

#main .wayhome .wayhome span:not(:first-of-type):not(.active)::before {color:#666 !important}



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



@media screen and (min-width: 766px) {
    .navbar-header {display:none}
}



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

 
	
 

.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-2 > [class*="ym-g"] > [class*="ym-gbox"],
.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
	}
@media screen and (min-width: 766px) {
    .navbar-header {display:none}
}


.flyerNav .mburger,
.flyerNav button.menu {

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


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

#header {min-height: 150px}

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

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

#main td {	    line-height: 160%;	font-family:'LatoLatinWeb',Helvetica,sans-serif; font-size:1.15em  }


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


li li {font-size:1.0em}

.metalinks .skalierung {
    padding: .5em 0 !important;
    float: left;
    margin-right: 1em !important;
}

.metalinks #top_functionallinks a {
    font-size: 1.15em !important;
    margin: 0 .5em 0 0 !important;
}
.metalinks .search.toggle-overlay a i, .metalinks .search.toggle-overlay a em {
    margin-left: 0em !important
}

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

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

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

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

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


#service .kontaktbox p, #service p.kontaktbox, .servicefake .kontaktbox p, .servicefake p.kontaktbox {
    font-size: 1.1em !important;
}


 @media screen and (max-width: 991.98px) {
    #main {
        margin-top: 2em !important;
        }
    }

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


.toggleMore,
.teaser-ende a, .toggleLess {
    font-size: 1.25rem !important;
}
/* "Leben in Freiburg" */	
.ym-column a {color: #000 !important;}
.l-page #main .ym-col3 #service h2, .l-page #main .ym-col3 #service a {color: #000}

.ym-column .image a:hover {border-bottom: 0px dotted #ac162b;}
.ym-column h2 a {color: #ac162b !important}
.ym-column a {position: relative}

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

.ym-column a:hover::after {
  width: 100%;
}
h1,h2,h3,h4,h5,
#service h2 {color:#000 !important}
.boxteaser {color:#000  !important}

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

#create_comment_form .fieldset legend {display: none;}


 #main  .NewsohneTeaser .pm-meldung h3 em  {color:#000!important}
 
 
#service .basecontent-image.center,
#service .zentriert {
    text-align: left
}


#service .basecontent-list ul  {
    list-style-position: outside;
    list-style-image: none;
    margin: 0 0 8px 0px;
    padding: 0px 0px 0px 0px;
}


 #main .basecontent-list ul li {
    margin: 0;
    list-style: none;
    background: url(../img/ulicon.jpg) 0 7px no-repeat;
    padding-left:1.5rem;
    margin-bottom: .25em;
    }


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

.l-page #page_margin #main p .httpsLink::before, 
.l-page #page_margin #main ul .httpsLink::before, 
.l-page #page_margin #main p .externerLink::before, 
.l-page #page_margin #main ul .externerLink::before, 
#page_margin #main p .sp-m-externalLink::before,
#page_margin #main p .internerLink::before, 
#page_margin #main ul .internerLink::before,
#main #content #lpSeite p a.sp-m-externalLink::before,
#main #content .verfahren .leistungen .preamble.section-text a::before,
#main #content .ym-form a.privacyStatementConfirmation::before,
#main #lpSeite p a::before

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

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


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

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

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

                      

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

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


#content #lpSeite p a.sp-m-externalLink {
            background: url("../img/icons/external.png") no-repeat left 1px;
            padding-left: 12px;
        }


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


#service .bwDat, .servicefake .bwDat, #service .bwKontakt, .servicefake .bwKontakt, #service #lpBwOeffnung {
    font-size: 1em !important;
    padding:0 !important
}

.ym-col3 #service .boxborder p {
    padding: 0px !important;
     font-size: 1.1em !important
}

#lpSeite h3.external  {display: none}


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

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



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


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

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

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



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

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

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

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

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

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

 

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

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

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

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

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


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


@media (max-width: 991.98px) { 
    
.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
}


}



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



@media (max-width: 991.98px) { .sticky-header .header__ghost { transition: none; } }
 
 .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 .section-text  {font-size: 1.15em;line-height: 160%;}
    #lpSeite .section-text p {font-size: 1em !important}
    #lpSeite .section-text li {font-size: 1em !important}
 

    #lpSeite .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 / 4;
        }
 


        .uebergeordnet, .untergeordnet, #lpSeite .openingHours, #bwUeber, .behoerde .orgEinheiten, .zustaendigkeiten {
            width:100%;
            margin-top: 3em;
            padding-top: 0em;
            line-height: inherit !important;
            border-top: 0px solid #b3b3b3;
        }
        .kontaktpersonen {
            width: 95%;
            margin-top: 2em;
            padding-top: 1em;
        }
 
        #main .uebergeordnet a::before  {
                    content: "\f178";
                    font-family: FontAwesome;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    padding: 0 .25em 0 0;
        } 
        #main .zustaendigkeiten ul,
        #main .untergeordnet ul    {
            background: none 0 0px no-repeat;
            padding:0; list-style: none !important;display: table;
                }
        
        
        #main .zustaendigkeiten ul > li,
        #main .untergeordnet ul > li {
            display: table-row;
        }
        
        #main .zustaendigkeiten ul >li::before,
        #main .untergeordnet ul > li::before  {
                    content: "\f178";
                    font-family: FontAwesome;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    padding: 0 .25em 0 0;
                    display: table-cell;  
                } 

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


}


.HAUSANSCHRIFT,
.LIEFERANSCHRIFT,
#kommunikation,
.section-oe-barrierefreiheit,
.section-oe-parkplatz,
.section-oe-anfahrtsbeschreibung,
.section-oe-personennahverkehr {
	background:rgb(233, 241, 245) !important;  
}

.HAUSANSCHRIFT,
.LIEFERANSCHRIFT,
#kommunikation  {
    font-size: 1.15em !important; line-height: 160%;
}
#kommunikation .mailLink {
    word-break: break-all;
}

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


#main #content .sbw_rechts h2, #main #content .sbw_rechts h3,
#main #content .sbw_links h2, #main #content .sbw_links h3,
#main #content .sbw_links2 h2, #main #content .sbw_links2 h3   {
    font-size: 1.5rem !important;
}
.sbw_links .zustaendigkeiten {
	background:rgb(233, 241, 245) !important;
    width: 100% !important;
}
    
.sbw_rechts_content .image-inner .bwBildVerwaltung {
    width: 100%;
    max-width: 360px;
}

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

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

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

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

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


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

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

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



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


#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    {
    font-size: 1.5rem !important;
}

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


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


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

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

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


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

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



#footer {
    margin: 8em 0 0em 0 !important;; background-color: #333 !important;
}
#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: 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}


.ym-col2 #content {
padding-left: 0px !important
}

@media screen and  (min-width:961px) and ( max-width:1000px )    {
.ym-col2 {   width: auto !important}
.ym-col3 {   width: auto !important}
.ym-col2wide {width: auto !important}
}

@media screen and ( max-width: 961px )    {   #page_margin {        width: 100%    }}

.xmetalinks {background: rgba(255,255,255,1) !important}   

.basecontent-image .caption, .basecontent-multimedia .caption {
    font-size: .95em !important;
    max-width: none !important
}
#main .breadCrumb li.current  {
    line-height: 21px
  }
  #main .breadCrumb li.current span.active  {
  font-size: 1.1em !important;  line-height: 21px
}  

  .gridlayout {
  margin-bottom: 3em;  }




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

 

    #main .videozeile .ym-g50 {
        width: 100% !important;
    }
}


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

@media screen and (max-width: 766px) {
    
.header__container .metalinks {display:none}

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

}



@media screen and (max-width: 660px) {
    #header.sticky-header { padding-top:  0px !important;  
        min-height:50px !important;  top:50px;
    }
    .skalierung {display: none}
    }


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

        .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: 60px;
            text-align: center;
        }
              
        #bottom_functionallinks a:nth-of-type(2n) {display:inline-block;  }


        #main #content h1,
        #main #content  .head1,
        #main #content  .size260 
        { 
        
            /*font-size: calc(22px + (38 - 16) * ((100vw - 320px) / (600 - 320))) !important;}*/
            font-size: 2.1em !important;
            hyphens: auto;}
        #main #content 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;
        }
        

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

    }


    

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

@media screen and (max-width: 766px) {
        .Newskachel article.pm-meldung {flex: 0 48%}
}

@media screen and (max-width: 576px) {
    .Newskachel article.pm-meldung {flex: 0 100%}
}

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

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


.dauerteaser h2, .ym-col1 h2, #service h2, .ym-col3 a, #content a, #footer-div a, h2.boxteaser, .schmuckfarbe {
    color: #000 !important;
}

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

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



.basecontent-dvv-linklist .teaser {
    border-bottom: 0px solid #ddd !important
  
}

.site_Freiburg.home .wayhome,
#node1789043 .wayhome {display: none}

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

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

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

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

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

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

    .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 solid #ac162b}


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

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

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

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

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

.site_Freiburg.home .search.toggle-overlay a i, .site_Freiburg.home .search.toggle-overlay a em,
.site_Freiburg.home .metalinks #top_functionallinks a::before,
#node1789043 .search.toggle-overlay a i, #node1789043 .search.toggle-overlay a em,
#node1789043 .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,
#node1789043 .sticky-header .search.toggle-overlay a em,
#node1789043 .sticky-header .metalinks #top_functionallinks a::before {color:#000 !important}



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




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

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

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



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


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

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

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

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

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

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


  @media screen and (max-width:  991.98px) {
 
    .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%;
    }

}

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

}

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


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


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

       #main .Newskachel .pm-meldung {margin:3em 0}
     
       .pm-pager {
        flex-wrap: wrap;}

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

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


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

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

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


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


    }  
    
    .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: 1px solid #ac162b;
        outline-offset: -1px;
    }


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

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


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

.ui-button:focus, .ui-state-focus:focus, .ui-widget-header .ui-state-focus:focus {
    outline: 1px dashed #ac162b;
    outline-offset: 2px;
 }

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

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

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


        .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 {
                display: none;
            }
            
            
            .ym-form fieldset {
                position: static;
                background: transparent;
                border: 0;
                margin: 0;
                padding: 0;
            }
            
            .ym-form .formButtonContainer {margin:1em 0}

            .ym-form .formElementRow, .ym-form .formElement.ym-fbox-text,
            .ym-form .formElement.captcha 
            {
                display: flex !important;
                flex-wrap: wrap;
                justify-content: space-between;
                width: 100%;
                align-items: flex-start;
            }
            
            .ym-form .formElementRow {
                margin-bottom: 1rem;
            }
            
            .ym-form .formElement label,
            .ym-form .formElement .ym-g30  {
                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;
            }



            
            .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 .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}
            
            .ym-form .captcha .captchaInput input {
                border: 1px solid #000;
                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 .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 {
                padding: 0em;
             
            }
             
            .ym-columnar .ym-fbox-select select, 
            .ym-columnar .ym-fbox-text input {
                float: none;
                width:65%;
                max-width: 65%;
                flex: 65%;
                padding:2px;
                font-family:LatoLatinWeb,Helvetica,sans-serif !important;
                
            }
            
            .ym-form input, .ym-form textarea, .ym-form select, .ym-form optgroup {    
                font-family:LatoLatinWeb,Helvetica,sans-serif !important;
                color: #000 !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 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;
            }
            #zmSuche .ym-fbox-check input[type="checkbox"]:checked,
            .formElementContainer input[type="radio"]:checked,
            .formElementContainer input[type="checkbox"]:checked,
            ul.filter li input[type="checkbox"]:checked {
                            background: #000 !important
                        }
             #zmSuche .ym-fbox-check input[type="checkbox"],
            .formElementContainer input[type="radio"], 
            .formElementContainer input[type="checkbox"],
            ul.filter li input[type="checkbox"] {
                            width: 1.5rem;
                            height: 1.5rem;
                            font-size: 1.25rem;
                            margin-right: 1rem;
                            appearance: none;
                            -moz-appearance: none;
                        }
            
                        #zmSuche .ym-fbox-check input,
            .formElementContainer input, 
            .formElementContainer select,
            input[type="search"], input[type="text"], select,
            ul.filter li input[type="checkbox"],
            #zmvs input, #zmelement2 select, #zmelement4 input {      
                            background: #fff;
                            border: 1px solid #000;
                            height: 40px;
                            color: #000;
                            padding: 0 10px;
             }
             


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


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


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

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

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

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


.zmNavigClass {margin: 1em 0}

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

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

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


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



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

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

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

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





@media screen and  (max-width: 766px) {
    .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%;
    }
} 

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


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

#zmEListe .zmdb .Kategorien,
#zmEListe .zmdb .zmanschrift .vCard,
#zmEListe .zmdb .zmanschrift .adresse,
#zmEListe .zmdb .zmadresse .adresse,
#zmEListe .zmdb .zmperson .value,
#zmEListe .zmdb .mehrDetail,
#zmEListe .zmdb .zmanbieter .vCard,
#zmEListe .zmdb .item,
#zmDetail .zmanbieter .weitereanbieter ,
#zmDetail .zmferienfristanmeldefrist .item,
#zmEListe .zmdb .zmelem .person,
#zmEListe .zmdb .zmanfahrt .value,
#zmEListe .zmdb .eigenschaften .value,

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

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

.basecontent-dvv-zm-ez .zmdb .zmanschrift .vCard,
.basecontent-dvv-zm-ez .zmdb .zmanschrift .adresse,
.basecontent-dvv-zm-ez .zmdb .zmadresse .adresse,
.basecontent-dvv-zm-ez .zmdb .zmperson .value,
.basecontent-dvv-zm-ez .zmdb .mehrDetail,
.basecontent-dvv-zm-ez .zmdb .zmanbieter .vCard,
.basecontent-dvv-zm-ez .zmdb .item,
.basecontent-dvv-zm-ez .zmdb .zmelem .person,
.basecontent-dvv-zm-ez .zmdb .zmanfahrt .value,
.basecontent-dvv-zm-ez .zmdb .eigenschaften .value

 {font-size:1.15em;
    line-height: 160%;}

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

 #zmEListe .zmdb .zmanfahrt .value p
 {font-size:1.25rem}


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

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

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

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

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

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

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



.subscriptionDivBox {display:none; margin-top: 1em}
.subscriptionDivBigBox .subscriptionDivBox {display:block}
    
    

/******************************* S U C H E ************* */
/******************************* S U C H E ************* */
.searchDiv {
    padding: 0 px;
}


.searchForm input[type="search"] {


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


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

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

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

.ergebnisseRumpf ul li .link h3 a::before {
    content:"" !important;
    padding:0 !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);
}

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



/* corona */
.knot2_1617389 .ym-col2, #node1617389 .ym-col2, #node1617392 .ym-col2,
#node1674107 .ym-col2  {
    width: 100% !important;
}




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




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

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

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

.kontakt_oeff .basecontent-dvv-service-bw-beh-rdendaten .bwDat {
    font-size: 1.15em;
    line-height: 160%;
}


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


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

.ym-col3 #service .boxborder p {
    padding: 0px !important;
    font-size: 1.1em !important;
}


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


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

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

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

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

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


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


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

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

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

@media screen and  (max-width: 1280px) {
    .bx-wrapper .bx-controls-direction a::before {
    font-size: 4vw;
    width: 6vw;
    height: 6vw;
}

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

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    bottom: -3em;
}
    

}

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

}


@media screen and  (max-width:576px) {
    
    .bx-wrapper .bx-controls-direction a {
        top: 30% 
    }
        
 
    .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;
}


}


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


#main #content .basecontent-table table .even {	background: rgb(233, 241, 245) none repeat scroll 0% 0%;}
#main #content .basecontent-table.padding0 table tr td {padding:0}
#main #content .table-scrollable {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em;
  }

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

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


#content .ui-tabs .ui-tabs-nav {background:transparent !important}



#main hr {
    border-top: 2px dotted #888;
    MARGIN:1em 0;  height: 1px
      

}




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

#main .presse-list .pm-meldung .pm-bild,
#main .composedcontent-rubriktopnews .pm-meldung .pm-bild {
    float: none;
    margin: 0 0em 1em 0;
}



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

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


#main .basecontent-dvv-service-bw-kontakte .kopf  .position p,
#main .basecontent-dvv-service-bw-kontakte .zustaendigkeit.responsibilities .value p,

#main .basecontent-dvv-service-bw-beh-rdendaten .kopf  .position p,
#main .basecontent-dvv-service-bw-beh-rdendaten .zustaendigkeit.responsibilities .value p,

#main .basecontent-dvv-service-bw-einzelner-kontakt .kopf  .position p,
#main .basecontent-dvv-service-bw-einzelner-kontakt  .zustaendigkeit.responsibilities .value p {
    font-size:1em !important;
}



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

    }





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

        .site_Freiburg.home .flyerNav .mburger::before {
            opacity: 0;  padding: 0 0em 0 0;
            color:#fff; content: " ";
          -webkit-animation: shmenu 9s ease-in-out 1s 1 normal;
          -moz-animation: shmenu 9s ease-in-out 1s 1 normal;
          animation: shmenu 9s ease-in-out 1s 1 normal;
            
        }    
            
            @keyframes shmenu {
          0% {
        opacity: 0;  padding: 0 0em 0 0;
        content:"MENÜ" 
          }    
         10% {
            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:""
            }
          }        
        
        }