/* CSS Document */


/**************** COLORS ****************/

:root {
    --wuw-orange: #f84914;
    --wuw-hellorange: #fb6732;
    --wuw-superhellgrau: #f6f6f6;   
    --wuw-hellgrau: #f6f6f6;
    --wuw-warmgrau: #eeeeee;
    --wuw-lila: #a90064;
    --wuw-dunkellila: #70003f;
    --wuw-apfelgruen: #94c23c;
    --wuw-dunkelgruen: #65882a;
}





/**************** RESET / Allgemeines ****************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, 
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, 
em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, 
caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, 
summary,time, mark, audio, video {	
    margin: 0;
    -webkit-margin-before: 0;	
    -webkit-margin-after: 0;	
    -webkit-margin-start: 0;	
    -webkit-margin-end: 0;
    box-sizing: initial;	            
    padding: 0;	
    border: 0;	
    font-size: 1rem;	
    font: inherit;	
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section {	
    display: block;
}

body {	
    line-height: 1;
}

ol, ul {	
    list-style: none;
}

blockquote, q {	
    quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {	
    content: '';	
    content: none;
}

table {	
    border-collapse: collapse;	
    border-spacing: 0;
}






/**************** BODY ****************/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.eot'); /* für IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('../fonts/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}

@font-face {
	font-family: WuW-RegularWeb;
	src: url('../fonts/WWTypeWeb-Regular.eot');
	src: url('../fonts/WWTypeWeb-Regular.eot?#iefix') format("embedded-opentype"), 
       url('../fonts/WWTypeWeb-Regular.woff2') format("woff2"), 
       url('../fonts/WWTypeWeb-Regular.woff') format("woff"), 
       url('../fonts/WWTypeWeb-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: WuW-BoldWeb;
	src:  url('../fonts/WWTypeWeb-Bold.eot');
	src:  url('../fonts/fonts_1/WWTypeWeb-Bold.eot?#iefix') format("embedded-opentype"), 
        url('../fonts/WWTypeWeb-Bold.woff2') format("woff2"), 
        url('../fonts/WWTypeWeb-Bold.woff') format("woff"), 
        url('../fonts/WWTypeWeb-Bold.ttf') format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	 font-family: 'Pe-icon-7-stroke';
	 src:url('../fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?d7yf1v');
	 src:url('../fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
		  url('../fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
		  url('../fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
		  url('../fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
	 font-weight: normal;
	 font-style: normal;
}




body { 
    background-color: #ffffff;
    font-family: WuW-RegularWeb, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.45rem; 
    text-align: left;   
    margin: 0px;
    padding: 0px;
    color: #000000; 
}

#go_top {
    background: #000000;
    display: none;
    position: fixed;
    z-index: 999;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    bottom: 30px;
    right: 30px;
    width: 48px;
    height: 48px;
    color: #ffffff;
    border-radius: 12px;  
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 10%);      
}

#page {
    display: inline-block;
    width: 100%;
    min-height: 100%;
}

/*Inhalte verstecken*/
.hidden {
    position: absolute;
    top: -10000px;
}








/* *********************** COOKIE-Hinweis ******************** */

.cc_banner-wrapper .cc_container .cc_message,
.cc_banner-wrapper .cc_container a, .cc_banner-wrapper .cc_container a:visited {
    font-family: WuW-RegularWeb, Arial, Helvetica, sans-serif !important;
    font-size: 1.00rem !important;
    line-height: 1.20rem !important;  
}

.cc_banner-wrapper .cc_container a.cc_more_info, .cc_banner-wrapper .cc_container a.cc_more_info:visited {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.cc_container {
    background: #dcdcdc !important;
    border: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.cc_container .cc_message {
    margin-top: 0px !important;
    color: #000000 !important;    
}

.cc_container a {
    font-family: WuW-BoldWeb, Arial, Helvetica, sans-serif !important;
    font-size: 1.00rem !important;
    color: var(--wuw-orange) !important;  
}

.cc_container a:hover, .cc_container a:active {
    color: #ffffff !important;  
}

.cc_btn.cc_btn_accept_all {
    background: var(--wuw-orange) !important;
    display: inline-block !important;
    margin-bottom: 10px !important;    
    padding: 10px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;    
    text-decoration: none !important; 
    font-size: 1rem !important;   
    line-height: 1.45rem !important;
    color: #ffffff !important; 
    border: none !important; 
    cursor: pointer !important; 
    max-width: 150px !important;    
    
    /*iphone Hack*/
    -webkit-appearance: none !important;
 
}








/**************** HEADER ****************/

#container_header {
    background: #ffffff;
    position: fixed;
    z-index: 10000;
    top: 0px; 
    width: 100%;
    height: 110px;
    border-bottom: 2px solid var(--wuw-warmgrau);
}
 
#header {
    /*width: 86.5%;  */
    width: 95%;
    max-width: 1500px;    
    height: 110px;    
    margin-left: auto;
    margin-right: auto;
  
}

#header_inner {
    display: inline-block;  
    width: 100%; 
    height: 100%;       
    text-align: right;
}

#logo {     
    display: inline-block;
    float: left;  
    padding-top: 31px;  
    text-align: left;        
    width: 200px;
}

#logo img {     
    width: 200px;
}

@media only screen and (max-width : 1499px) { 
#logo {     
    padding-top: 35px;         
    width: 170px;
}
#logo img { width: 170px; }
}






 




/**************** HEADER-Navigation u. Sub-Navigation ****************/

#nav_open, #nav_close {
    display: none;
    background-image: url(../images/nav_open.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px; 
    position: absolute;
    z-index: 1002;
    top: 21px;
    right: 15px;  
    cursor: pointer;    
}

#nav_close {
    background-image: url(../images/nav_close.png);
}

.main_navigation ul.header_nav.main {
    padding-top: 0px;
}

.mobile_navigation ul.header_nav.main {
    padding-top: 0px;
    width: 100%;
}

.mobile_navigation ul.header_nav.sub {
    padding-top: 30px;
}

ul.header_nav {
    display: inline-block;
    margin-top: 15px;
    padding: 0px;
}

.main_navigation ul.header_nav.main {
    margin-top: 28px;
}

ul.header_nav li {
    display: inline-block;
    float: left;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;    
}

ul.header_nav li.last {
    padding-right: 0px;    
}

.mobile_navigation li {
    display: block;
    margin-top: 10px;
    float: none;
    width: 100%; 
}

ul.header_nav li a {
    display: inline-block;
    min-height: 100%;    
    text-decoration: none; 
    color: #000000;   
}

ul.header_nav li a.active {
    border-bottom: 2px solid var(--wuw-orange); 
}

.mobile_navigation li a {
    padding-left: 0px !important; 
    padding-right: 0px !important;        
}

.main_navigation ul.header_nav li.last {
    margin-top: 8px;
}

.main_navigation ul.header_nav li.last a {
    background: var(--wuw-orange);
    border-radius: 12px; 
    padding-left: 20px;    
    padding-right: 20px;
    color: #ffffff;  
    height: 35px; 
}

.main_navigation ul.header_nav li.last a::before {
    font-family: 'Material Icons';
    font-size: 24px;
    content: "\e0c8";
    vertical-align: bottom;
    padding-right: 10px;
}

.main_navigation ul.header_nav li.last a .nav_text {
    line-height: inherit !important;
    margin-top: 7px;
}


ul.header_nav li a:hover {
    color: var(--wuw-orange);
}

.sub_navigation ul.header_nav li.last a:hover {
    background: #fa7f5a; 
}

ul.header_nav .nav_text  {
    display: inline-block;
    font-family: WuW-BoldWeb, Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 54px; 
    vertical-align: middle;     
}

.sub_navigation ul.header_nav .nav_text  {
    font-family: WuW-RegularWeb, Arial, Helvetica, sans-serif;
    font-size: 0.9375rem;
    height: 35px;     
}

.sub_navigation ul.header_nav li.last .nav_text  {
    font-family: WuW-BoldWeb, Arial, Helvetica, sans-serif;
    
}


#container_mobile_navigation {
    display: none;
    position: fixed;
    top: 66px;
    left: 0px;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: 100%;   
    padding: 15px;
    margin: 0px;
}









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

#footer {
    text-align: left;    
    padding-top: 20px;
}

#footer-top, #footer-bottom {
    width: 80%;
    max-width: 1500px;
    padding-left: 10%;
    padding-right: 10%;  
}

#footer-bottom {
    height: 60px;
    border-top: 2px solid #eeeeee;
}


ul.header_nav.footer {
    display: inline-block;  
    margin: 0px;
    margin-top: 4px;
}

ul.header_nav.footer li {
    text-align: left;
}

ul.header_nav.footer li a .nav_text {
    font-family: WuW-RegularWeb, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#footer header {
    margin-bottom: 20px;
    padding-left: 0px;
    border-bottom: 2px solid #eeeeee;
}

#footer header h4 {
    padding-bottom: 8px;
}












/********************************************************/
/********************************************************/
/******************** RETINA-HD *************************/
/********************************************************/
/********************************************************/

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 


} /* Ende Retina-HD */













/********************************************************/
/********************************************************/
/******************** none-Mobile ***********************/
/********************************************************/
/********************************************************/

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

.hidden-desktop {
    display: none !important;
}

}  /* Ende none-Mobile */











/********************************************************/
/********************************************************/
/******************** SHORT-Desktop ***********************/
/********************************************************/
/********************************************************/

@media only screen and (min-width : 760px) and (max-width : 1280px) { 

#header { 
    width: 95% !important;
    max-width: 1200px;
} 



}  /* SHORT-Desktop END */











/********************************************************/
/********************************************************/
/************** Navi unter 1050 Pixel ********************/
/********************************************************/
/********************************************************/

/* wegen 100 Jahre @media only screen and (max-width : 1050px) {  */
@media only screen and (max-width : 1215px) { 

body {
    font-size: 14px;
}


/**************** HEADER ****************/

#logo {   
    padding-top: 12px;   
    padding-left: 20px;                    
}


#logo img {   
    width: 170px !important;                
}


#container_header, #header {
    width: 100%;
    height: 66px;
}

.main_navigation, .sub_navigation {
    display: none !important;   
}

#container_mobile_navigation a.nav_to_page_173 {
    display: none !important;
}

#nav_open {
    display: block;
}



}  /* Navi unter 850 Pixel END */













/**********************************************/
/**********************************************/
/**************** Mobile START ****************/
/**********************************************/
/**********************************************/

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

.hidden-mobile {
    display: none !important;
}










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

ul.header_nav.footer {
    text-align: center;
    margin-bottom: 50px;
}

ul.header_nav.footer li {  
    float: none;
}

ul.header_nav.footer li a {
    padding-left: 20px;
    	font-family: WuW-RegularWeb;
}






} /* Ende Mobil */











/**************** Global-Animation-Settings ****************/

.one {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
 
.two {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay:0.9s;
    animation-delay: 0.9s;
}
 
.three {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    animation-delay: 1.3s;
} 

.four {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.five {
    -webkit-animation-delay: 2.0s;
    -moz-animation-delay: 2.0s;
    animation-delay: 2.0s;
}