@charset "UTF-8";
 

.header__container #nav {
  flex: 0 0 15% !important;
  max-width: 15% !important;
  width: 15% !important;
}

 
  
.home #header .header-logosvg::before, 
.header-logosvg::before {
background-image: url("../img/ese.svg") !important;
    width:110px !important;
  height:100px !important
}


#node619749 #header .header__frame,
#node619752 #header .header__frame {
	height: 450px; 
	width: 100%;  
	overflow:hidden;


}

.farbcontainer::before {
  background: #e6f3ff !important;
}

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


#node619749 #header .header__frame .header__image, 
#node619752 #header .header__frame .header__image {
  background: url("../img/header2a.jpg") no-repeat transparent;
  background-size: auto;
  width: 100%;
  background-size: 100%;
  background-position: center;
  height: 450px; 

  
  
}

#footer .l-footer__row2-brand a {
  padding: 25px 25px 25px 25px;
  display: block !important
}

.l-footer__row2-brand a::before {
  display: none  !important
}
#footer .l-footer__row2-brand img {
display: block !important
}

.flyerNav .mburger::before {
  opacity: 1; padding: 0 .5em 0 0;
color:#fff; content: "MENU";}



.gridlayout .flexgrow5 {
  flex-grow: 5; padding-left:1em
}

.gridlayout.dreier .flexgrow1 {width: 31%}
.gridlayout.dreier .flexgrow5 {width: 66%}



@media screen and (max-width: 1479.98px) {
	#node619752 #header .header__frame .header__image,
    #node619749 #header .header__frame .header__image { background: url("../img/header2a.jpg") no-repeat transparent; 	background-size: cover;
      background-position: center;
	  height: 450px; }    
	#node619749 #header .header__frame,
	#node619752 #header .header__frame {
	height: 450px; 
	width: 100%;  
	overflow:hidden
	}  
    }  



   @media screen and (max-width: 1079.98px) {
	#node619752 #header .header__frame .header__image,
    #node619749 #header .header__frame .header__image { background: url("../img/header2a.jpg") no-repeat transparent; background-size: cover;
	background-position: center;
	height: 400px; }
	#node619749 #header .header__frame,
	#node619752 #header .header__frame {
	height: 400px; 
	width: 100%;  
	overflow:hidden
	}  
    }  
    
    @media screen and (max-width:  991.98px) {
    #node619752 #header .header__frame .header__image,
    #node619749 #header .header__frame .header__image { background: url("../img/header2a.jpg") no-repeat transparent; 
	background-size: cover;
    background-position: center;   
	height: 450px; 	
    }

	#node619749 #header .header__frame,
	#node619752 #header .header__frame {
	height: 450px; 
	width: 100%;  
	overflow:hidden
	}  
	
 
    }  
    
    
    @media screen and  (max-width: 766px) {
	#node619752 #header .header__frame .header__image,
    #node619749 #header .header__frame .header__image { 
	background: url("../img/header2a.jpg") no-repeat transparent; 
	background-size: cover; 
    background-position: center;
	height: 400px; }   
    
	#node619749 #header .header__frame,
	#node619752 #header .header__frame {
	height: 400px; 
	width: 100%;  
	overflow:hidden
	}  
	
    .flyerNav .mburger::before {
      content: "";
    }
	
      
.gridlayout.dreier .flexgrow1 {width: 48%}
.gridlayout.dreier .flexgrow5 {width: 48%}
    }  
    
  @media screen and  (max-width: 680px) {
     
.gridlayout.dreier .flexgrow1 {width: 100%}
.gridlayout.dreier .flexgrow5 {width: 100%}
     
    }  
    
	
	
	
	
    @media screen and  (max-width: 576px) {
	#node619752 #header .header__frame .header__image,
    #node619749 #header .header__frame .header__image { background: url("../img/header2a.jpg") no-repeat transparent; 
        background-size:150%;
		height: 400px; 
        background-position: center;
		transition-property:transform;
		transition-duration:10s;
		transition-timing-function:linear
		
	}    

	#node619749 #header .header__frame,
	#node619752 #header .header__frame {
	height: 400px; 
	width: 100%;  
	overflow:hidden
	}  
	
    .iconstart img  {transition: all .3s; transform: scale(1.5) !important;}        

    }  
    
	
	

#node619749 .wayhome,  
#node619752 .wayhome  {display: none}

 

 @keyframes opc {
    0%{ opacity: 0}
	5%{ opacity: 1}
	95%{ opacity: 1}
    100%{ opacity: 0}
}
@-webkit-keyframes opc {
    0%{ opacity: 0}
	5%{ opacity: 1}
	95%{ opacity: 1}
    100%{ opacity: 0}
}
 
 
@kxeyframes changeBg
{
   0%   {background-image: url("../img/header1.jpg");}
   25%  {background-image: url("../img/header2.jpg");}
   50%  {background-image: url("../img/header3.jpg");}
   75%  {background-image: url("../img/header.jpg");}
   100% {background-image: url("../img/header1.jpg");}
}
 
/* Safari and Chrome */
@-xwebkit-keyframes changeBg
{
   0%   {background-image: url("../img/header1.jpg");}
   25%  {background-image: url("../img/header2.jpg");}
   50%  {background-image: url("../img/header3.jpg");}
   75%  {background-image: url("../img/header.jpg");}
   100% {background-image: url("../img/header1.jpg");}
}


@keyframes changeBg
{
	0%   {background-image: url("../img/header1.jpg"); transform: scale(1)}
	24%  {background-image: url("../img/header1.jpg"); transform: scale(1.1) translate(2%);}
	25%  {background-image: url("../img/header2.jpg"); transform: scale(1)}
	49%  {background-image: url("../img/header2.jpg"); transform: scale(1.1) translate(-2%)}
	50%  {background-image: url("../img/header3.jpg"); transform: scale(1)}
	74%  {background-image: url("../img/header3.jpg"); transform: scale(1.1) translate(2%)}
	75%  {background-image: url("../img/header.jpg"); transform: scale(1)}
	99%  {background-image: url("../img/header.jpg"); transform: scale(1.1) translate(-2%)}
   100% {background-image: url("../img/header1.jpg"); transform: scale(1)}
}

@-webkit-keyframes changeBg
{
	0%   {background-image: url("../img/header1.jpg"); transform: scale(1)}
	23%  {background-image: url("../img/header1.jpg"); transform: scale(1.1)}
	25%  {background-image: url("../img/header2.jpg"); transform: scale(1)}
	49%  {background-image: url("../img/header2.jpg"); transform: scale(1.1)}
	50%  {background-image: url("../img/header3.jpg"); transform: scale(1)}
	74%  {background-image: url("../img/header3.jpg"); transform: scale(1.1)}
	75%  {background-image: url("../img/header.jpg"); transform: scale(1)}
	99%  {background-image: url("../img/header.jpg"); transform: scale(1.1)}
   100% {background-image: url("../img/header1.jpg"); transform: scale(1)}
}

 
 
 #nodex2038810 #header .header__frame .header__image {
	 animation: changeBg 30s infinite;
				/* scale 10s infinite;*/
	-webkit-animation: changeBg 30s infinit;
	/*						scale 10s infinite;*/
	
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
	}
	

#main #content .bildbox .composedcontent-rubriktopnews-in-box .pm-anreisser {display:none}
#main #content .bildbox .composedcontent-rubriktopnews-in-box h2 {
    display:block !important; 
    min-height: 100% !important;  
    font-size:1.0em !important; 
    text-align: left;
}

  #main .gridlayout .bildbox:hover  .composedcontent-rubriktopnews-in-box  H2,
  #main .gridlayout .bildbox:hover  .composedcontent-rubriktopnews-in-box H2 a {
        transform: scale(1);
        background: transparent
    }   
	



.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
 border-top-left-radius:0px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
 border-top-right-radius:0px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
 border-bottom-left-radius:0px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
 border-bottom-right-radius:0px
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 0px solid #c5c5c5 !important;
  background: transparent !important;
  color: #000 !important
}

.ui-icon-triangle-1-e {
  display: none !important
}


 
 .underline {
  border-bottom: 2px solid #529ec1;
width: 98%;
}



.flyerNav .mburger, .flyerNav button.menu {
  background-color: #778ec7 !important;
}

#xquicksearch .quicksearchimg {
  background: #778ec7 !important;
}
#nyav-top-k .mm-menu .mm-navbars_bottom, #xnav-top-k .mm-menu .mm-navbars_bottom .mm-navbar {
  background-color: #778ec7 !important;
  color: #fff;
}



#row_2069859.ui-widget.ui-widget-content {
  border: 0px solid #c5c5c5;
}
#content #row_2069859 .ui-widget-header .ui-tabs-tab.ui-state-default  {
  border: 0px dotted #ac162b !important;
  background-color: rgba(255,255,255,.5) !important;
  color: #000 !important;
}

#content #row_2069859 .ui-widget-header .ui-tabs-tab.ui-tabs-active.ui-state-active {
  border: 0px dotted #ac162b !important;
  background-color: rgba(255,255,255,1) !important;
  color: #000 !important;
}

#content #row_2069859 .ui-widget-header .ui-tabs-active a {  color: #000 !important;
}


#content #row_2069859 .ui-widget-header {
  border:0px solid #ddd;
  background: #e9e9e9;
position: absolute;
  top:2em;left:1em; z-index:1
}
#content #row_2069859.ui-tabs {
padding: 0;
}

#content #row_2069859 .boxChild h2 {position: absolute; bottom:2em; left: 1em; color: #fff !important;}
#content #row_2069859 .boxChild h2 a {color: #fff !important;font-size:1.6em}



.header__nav a {
  color: #fff;
  font-size: 1.25em;
  display: inline-block;
  padding: .25em;
line-height: 1.25em;
}
.header__nav {
  background: #00396d;
  height: 2em;
  margin-top:1em
}
.header__nav p {
  text-align: center;
}
.header__nav .boxflex div {
  text-align: center;
}



@media screen and (max-width: 1300px){
  
  
.header__nav  .gridlayout {
  display: none
}
}

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


.site_freiburg_ese .header__row {
  border-bottom: 0px solid #a3a18f !important;
}



.site_freiburg_ese .sticky-header .header__row {
  border-bottom: 1px solid #a3a18f !important;
}

.site_freiburg_ese.home #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: 1079.98px) {

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

}   



}   


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

 
 
 .site_freiburg_ese.home   #main #content h1 {  
   word-break: break-word;    
   width:65%;
   font-size: 1.9em !important;
   }

     .site_freiburg_ese.home #header::before {  
       bottom: -50px !important;
       width: 185px !important;
       height: 185px !important;
   }
     
}