/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/layout.css 3.20.0                                                                        */
/* #################################################################################################### */
/* # Copyright © 06.2019 ISS-Oberlausitz (www.iss-ol.de)                                                */
/* # Author: T.Hojenski                                                                                 */
/* # Email:  th@iss-ol.de                                                                               */
/* # URL:    http://www.bluepage-cms.com                                                                */
/* #################################################################################################### */
/*                                                                                                      */
@import url("./font.css");

html,body { margin:0; padding:0; height:100%; width:100%; }    
html {
   min-height:100%;
}
html * {
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -webkit-overflow-scrolling: auto; 
}
#bluepageBody,
#bluepageBodyArea,
#bluepageBodyHome {
   position:relative;
   font-size:20px;
   font-family:'Open Sans',Helvetica,Arial,sans-serif;  
   font-weight:400;
   color:#333333;
   line-height:145%;
   text-align:center;
   height:100%;
   min-height:100%;
   overflow:auto;
   overflow-y:scroll;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -webkit-text-size-adjust: none;
   -webkit-appearance:none;                 
   -webkit-overflow-scrolling: touch; 
   background:#ffffff;;  
}     


#MobileBtnBar,
#bluepageMobilNavPanel {
   display:none;
}

.tabletonly { position:relative; display:none; }
.mobilonly { position:relative; display:none; }

#fixedHelp { position:absolute; width:1px; height:9em;  }
#fixedHelp div { position:absolute; width:1px; height:9em;  }

#bluepageResponsive {
   position:absolute;
   width:100%; 
   clear:both;
   padding:0;    
   margin:auto; 
   text-align:center;                         
}
#bluepageResponsive div {
   width:100%; 
   max-width:76.5em; 
   height:0.05em;
   margin:auto;
   display:block;
}
#bluepageResponsive img {
   position:relative;
   top:-0.05em;
   height:0.05em;
   width:100%; 
   max-width:76.5em; 
   height:auto;
   margin:0;
   padding:0;
   display:block;
}
#fixedHelp { position:absolute; width:1px; height:17em;  }
#fixedHelp div { position:absolute; width:1px; height:17em;  }

#fixedHeader {
   position:absolute;
   width:100%;
}



#bluepageContainer {
   position:relative;
   width:100%;
   height:100%;
   min-height:100%;                           
   /*
   top:0; 
   bottom:0; 
   */
   margin:auto;                   
   padding:0;                              
   text-align:center;               
   display:table;
   background:#ffffff;
   z-index:2;                 
}


#bluepageHeadSpace {
   position:relative;
   margin:auto;                                                                           
   text-align:center;
   width:100%;
   height:11.5em; 
   background:#ffffff;
   z-index:10;            display:none;
}

#bluepageHead {
   position:relative;
   top:0;
   margin:0;      
   text-align:center;                                              
   height:11.5em;  
   display:block;
   width:100%;
   background:#ffffff;
   border-bottom:1px solid #ffffff;
   z-index:901;      
}
#bluepageHeadContainer {
   position:relative;
   width:100%;
   height:100%;
   border-bottom: 1px solid #e4e4e4;
   z-index:905;
}
.bluepageHeadContent {
   position:relative;
   top:0;
   height:100%;  
   margin:auto;
   max-width:73.5em; 
   padding: 0 1.5em 0 1.5em;
   z-index:1;
}
#bluepageHeadLogo {
   position:absolute;
   right:1.5em;   
   bottom:2.75em;
   padding:0;
   z-index:1050;
   width: 15em; 
   height: 4.3em; 
}
#bluepageHeadLogo img {
   width: 15em; 
   height: 4.3em; 
}

#bluepageHeadKia {
   position:absolute;
   bottom:2.25em;
   left:1.5em;
   padding:0;
   z-index:1050;
   width: 13.75em; 
   height: 5.5em; 
}
#bluepageHeadKia img {
   width: 13.75em; 
   height: 5.5em; 
}

#bluepageHeadClaim {
   position:absolute;
   right:1.5em;
   top:4em;
   padding:0;
   z-index:1050;
   width: 27.5em; 
   height: 5.8em; 
}
#bluepageHeadClaim img {
   width: 27.5em; 
   height: 5.8em; 
}


#BtnBarDropDown {
   position:absolute;
   top:0;
   right:1.5em;
   width:auto;
   margin:0;
   padding:0;
   list-style:none;
}
#BtnBarDropDown li {
   width:3.5em;
   height:2.25em;
   display:table-cell;
   padding:0 0.25em 0.25em 0.25em;
   margin:0;
   vertical-align:middle;
   line-height:130%;
}
#BtnBarDropDown .btnMenu { display:none; }

#BtnBarDropDown a {
   width:100%;
   height:2.25em;
   display:block;
   background:url('../img/pic.gif') center center / 1em auto no-repeat #f0f0f0;
   background-size: 1em auto;
   cursor:pointer;
   color: #333333;
   text-decoration:none;
   transition: background .15s ease-in-out, color .15s ease-in-out;
}
#BtnBarDropDown .btnLogin a  { background-image:url('../img/svg/login.svg'); }
#BtnBarDropDown .btnSearch a  { background-image:url('../img/svg/search.svg'); }
#BtnBarDropDown .btnLogout a  { background-image:url('../img/svg/login.svg'); }
#BtnBarDropDown .btnMenu a   { background-image:url('../img/svg/menu.svg'); }
#BtnBarDropDown a span { display:none; }

#BtnBarDropDown .btnLogin.view a,
#BtnBarDropDown .btnLogin a:hover  { background-image:url('../img/svg/login.aktiv.svg'); background-color:#646463; color:#ffffff; }
#BtnBarDropDown .btnSearch.view a,
#BtnBarDropDown .btnSearch a:hover { background:url('../img/svg/search.aktiv.svg') center center / 1em auto no-repeat #646463 ; }
#BtnBarDropDown .btnMenu.view a { background-image:url('../img/svg/menu.close.svg'); }
#BtnBarDropDown .btnMenu a:hover { background-image:url('../img/svg/menu.aktiv.svg'); background-color:#646463; }  


#BtnBarDropDown li.btnLogin a,
#BtnBarDropDown li.btnLogout a {   
   white-space:nowrap;
   padding:0.4em 1em 0.4em 1.75em;
   background-position:0.5em center; width:auto; 
}
#BtnBarDropDown li.btnLogin a span,
#BtnBarDropDown li.btnLogout a span { font-weight:700; display:inline; font-size:0.8em;  }


#bluepageHeaderDropDown {
   position:fixed;
   top:0;
   background:#646463;
   width:100%;
   display:_none;
   height:4.5em;
   z-index:1;                  
}
#bluepageHeaderDropDown.fixed {  
   z-index:900;
}
#bluepageHeaderDropDown div.containerSearch { 
   position:relative;
   display:none;
   text-align:center;
   margin:auto;
   width:100%;
   max-width:70.5em; 
   padding:1em 3.75em 1em 1.5em; 
}
#bluepageHeaderDropDown div.containerLogin { 
   position:relative;
   display:none;
   text-align:center;
   margin:auto;
   width:100%;
   max-width:70.5em; 
   padding:1em 3.75em 0.75em 1.5em; 
   height:4.5em;
}

#bluepageHeaderDropDown div.quicklogin { 
   position:realtive;
   height:4.5em;
}
#bluepageHeaderDropDown.fixed div.quicklogin { 
   position:realtive;
   height:2.5em;
}

#bluepageHeaderDropDown div.quicksearch { 
   position:realtive;
   height:4.5em;
}
#bluepageHeaderDropDown.fixed div.quicksearch { 
   position:realtive;
   height:2.5em;
}

/*
#bluepageHeaderDropDown.fixed div.containerSearch { 
   height:4.5em;
}

#bluepageHeaderDropDown.fixed div.containerLogin { 
   height:4.5em;
}
*/
#bluepageHeaderDropDown input { 
   font-size:1em; 
   color:#ffffff;  
   font-family : 'Open Sans',Helvetica,Arial,sans-serif;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   width:100%;
   margin: 0; 
   padding:0.5em 3.5em 0.5em 0.5em; 
   border:0.1em solid #878786;
   -webkit-appearance: none;
   border-radius: 0;  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;   
   transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   display:inline-block; 
   background:#878786; 
}
#bluepageHeaderDropDown input:focus {
   color: #ffffff;  
   border-color: rgba(255,255,255, 0.4);  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   outline: 0 none; 
}  


#quicklogin { 
   position:relative;
}
#quicklogin input { 
   width:20%;
   margin: 0 0.4em 0 0; 
}
#quicklogin input:focus {
   color: #ffffff;  
   border-color: rgba(255,255,255, 0.4);  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   outline: 0 none; 
}  
#quicklogin button { 
   position:relative;
   top:0;
   right:0;
   border-radius: 0;  
   border:0.1em solid #878786;
   margin: -0.1em 0 0.1em 0; 
   padding:0.55em 1em 0.55em 1em; 
   width:auto; 
   height:100%;
   font-size:1em; 
   color:#ffffff;
   vertical-align:middle;
   display:inline-block;
   cursor:pointer;
   white-space: nowrap;
   -webkit-appearance: none;
   background:#646463;
   transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
}
#quicklogin button:hover { 
   border-color: rgba(255,255,255, 0.4);  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.6);  
   outline: 0 none; 
   background:#333333;
}

#quicksearch { 
   position:relative;
}
#quicksearch button { 
   position:absolute;
   top:0;
   right:0;
   border:0; 
   margin:0;
   padding:0;  
   width:4em; 
   height:100%;
   font-size:0.75em; 
   color:#ffffff;
   vertical-align:middle;
   display:block;
   cursor:pointer;
   background:url('../img/layout/btn_search.svg') center center no-repeat;
   background-size: 2.5em auto;
   white-space: nowrap;
}
#quicksearch button span { 
   font-size:0.8em;     
   display:none;
}
#bluepageHeaderDropDown  #submenu-close {
   position:absolute;
   right:1em;
   top:1.5em;
   width:1.5em;
   height:1.5em;
   padding:0.5em 0.5em 0.5em 0.5em;      
   background:url('../img/layout/close.svg') center center no-repeat;
   background-size:0.75em 0.75em;
   z-index:10;
}


#bluepageHeadRubrikbild {
   position:relative;
   top:0;  
   margin:0 auto 0 auto;
   text-align:left;                                              
   padding:0;           
   width:100%; 
   height:27.5em;  
   z-index:100;               
   background:url('../img/sys/loading.gif') center center no-repeat;
}
#bluepageBodyHome #bluepageHeadRubrikbild { height:27.5em; }

#bluepageHeadRubrikbild #Slideshow {
   width:100%;
   height:100%;
   margin:0;
   list-style-type:none;
   padding:0; 
}
#bluepageHeadRubrikbild #Slideshow li {
   position: relative;
   width:100%;
   height:27.5em; 
   padding:0;
   display:none;
   margin:auto;  
}
#bluepageHeadRubrikbild #Slideshow li.single {
   display:block;
}
#bluepageBodyHome #bluepageHeadRubrikbild #Slideshow li { height:27.5em; }

#bluepageHeadRubrikbild .slide {
   position:absolute;
   width:100%;
   height:100%;
   
}

#bluepageHeadRubrikbild .rpic_container {
   position:absolute;
   top:auto;
   bottom:0;
   width:100%; 
   height:auto;
   display:block;
   z-index:100;               
   text-align:center;            
   padding:1em 0 5em 0; 
   font-size:1em;
   z-index:10;
}
#bluepageHeadRubrikbild .rpic_conttxt {
   position:relative;
   display:block;
   max-width: 70.5em;
   padding:0; 
   text-align:left; 
   vertical-align:bottom; 
   margin:auto;
   width:100%;
   height:100%;
   vertical-align:middle;
   color: #ffffff;
   -moz-text-shadow:    1px 1px 1px  #000000;             
   -webkit-text-shadow: 1px 1px 1px  #000000;
   text-shadow:1px 1px 1px  #000000;
}
#bluepageHeadRubrikbild .rpic_conttxt div { 
   font-size:1.8em; 
   line-height:120%;    
}
#bluepageHeadRubrikbild .rpic_conttxt  a { 
   text-decoration: none;
   padding-bottom: 0.1em;
   border-bottom:0.25em solid #253efb;
   font-weight:700;
   opacity:1;   
   color: #ffffff;
}
#bluepageHeadRubrikbild .rpic_conttxt a:hover { 
   text-decoration: none;
   opacity:0.7;   
}
#bluepageHeadRubrikbild .rpic_conttxt_copyright {
   position:relative;
   text-align:left;
   margin:0.9em auto;
   padding:0 0 1.5em 3em;           
   width:73.5em;
   font-family:'Open Sans',Helvetica,Arial,sans-serif;
   font-weight:300;
   display:inline-block;
   line-height:140%;
   text-shadow: #000000 0.05em 0.05em 0.05em;
   color:#ffffff;
   z-index:10;                             
}
#bluepageHeadRubrikbild .rpic_txt {
   position:relative;
   display:inline-block;
   text-align:left;             
   padding:0;
   z-index:5;
}
#bluepageHeadRubrikbild .rpic_txt div {
   position:relative;
   font-size:1.2em;
   line-height:110%;
   z-index:5;
}
#bluepageHeadRubrikbild .rpic_txt h4 {
   font-size:1.7em;
   line-height:100%;
   color:#ffffff;
   font-weight:bold;
   margin-bottom:0.15em;
}
#bluepageHeadRubrikbild .rpic_copyright {
   position:absolute;
   bottom:0;
   right:0;
   padding:0.25em 0.5em;
   z-index:1;
   background:#ffffff;
   opacity:0.6;           
}
#bluepageHeadRubrikbild .rpic_copyright div {
   position:relative;
   font-size:0.7em;
   color:#000000;
   line-height:110%;
   z-index:5;
}
/*
.bx-controls,
#Slideshow-pager { display:none; }
*/
#bluepageHeadRubrikbild .overlay {
   position: absolute;
   top:auto;
   bottom: 0;
   width: 100%;
   height: 50%;
   background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
   -webkit-transition:opacity 500ms, background 200ms,color 200ms;
   -moz-transition:opacity 500ms, background 200ms,color 200ms;
   -o-transition:opacity 500ms, background 200ms,color 200ms;
   transition:opacity 500ms, background 200ms,color 200ms;
   z-index: 1;
}
#bluepageHeadRubrikbild:hover .overlay {
   opacity:0;
}
#bluepageHeadRubrikbild .rpic_ankerlink { 
   position:absolute;
   margin:auto;
   bottom:0.25em;
   width:100%;
   height:3em;
   padding:0.5em; text-align: center;  
   z-index:101;
}
#bluepageHeadRubrikbild .rpic_ankerlink a { 
   width:4em;
   height:2.5em;
   padding:0.5em; 
   display:inline-block; 
   background:url('../img/sys/link_down.ws.svg') center center no-repeat; 
   background-size:2.5em auto;
   cursor:pointer;
}
#bluepageHeadRubrikbild .rpic_ankerlink a span {
   display:none;
}  
#bluepageHeadRubrikbild.direction .bx-controls, #Slideshow-pager { display:block; }
/*bx-controls-direction */

#bluepageHeadRubrikbild video,
#bluepageHeadRubrikbild iframe {
   position: relative;
   max-height:27.5em; 
   width:100%;
   height:100%; 
   margin:auto;
   text-align:center;   
   object-fit: cover;
   /*object-fit:contain; */ 
   border:0;   
   z-index: 1;            
}


#bluepageHeadBreadcrumb {
   position:relative;
   width:73.5em; 
   padding: 1em 1.5em 0.5em 1.5em;
   min-height:2em;
   margin:0 auto 1em auto;
   text-align:left;     
   line-height:100%;
   color:#555555;
   z-index:50;
}
#bluepageHeadBreadcrumb .Breadcrumb {
   color:#999999;
}
#bluepageTabletExNavButton {
   display:none;
}
#bluepageHeadBreadcrumb .Breadcrumb a {
   text-decoration:none;
	padding: 0 1em 0 0; 
   color:#555555;
}
#bluepageHeadBreadcrumb .Breadcrumb a:first-of-type::before {
   display:none;
}
#bluepageHeadBreadcrumb .Breadcrumb a::before {
   position:relative; 
   left:-0.5em;
   top:0.15em; 
   margin:auto; 
   /*height:calc(100% + 0.22em); */
   font-style:normal; 
   display:inline-block;
   font-size:1em;
   font-family: "Material Icons";
   font-weight:bold;
   line-height:1;
   content: "keyboard_arrow_right";
   color:#333333;
}
#bluepageHeadBreadcrumb .Breadcrumb a.aktiv,
#bluepageHeadBreadcrumb .Breadcrumb a:hover {
   text-decoration:underline;
   color:#333333;
}

#bluepageHeadBreadcrumb .Breadcrumb span {
   line-height:110%;
   font-size:0.8em;
   white-space:nowrap;
   cursor:pointer;
}
#bluepageHeadBreadcrumbPlaceHolder {
   height:2em;
}
@media only screen and (max-width: 480px)  {    
   #bluepageHeadBreadcrumb { display:none; }
}

#bluepage {                    
   padding:0;
   display:table-row; 
   height:100%;
   z-index:50;                           
}
#bluepageInhalt {
   position:relative;
   vertical-align:top;
   padding:0;
   margin:0 auto 0 auto;                   
   text-align:center;
   clear:both;                  
   display:table; 
   width:100%;
   height:100%;
   z-index:55;               
}
#bluepageInhaltContent {
   display:table-cell;
   vertical-align:top;
   width:100%;
   height:100%;
}
#bluepageInhaltContent {
   display:table-cell;
   vertical-align:top;
   width:100%;
   height:100%;
}


.bluepageContenTopSpace {
   position:relative;
   height:3em;
   overflow:hidden;           
}

.bluepage_content_background {    padding: 0;
   background:#f0f0f0;
   color:#333333; 
}

.bluepage_content_background.bgcolor2 {    padding: 0;
   background:#f3f8e8;
   color:#333333                        
}
.bluepage_content_background.bgcolor2 h1,
.bluepage_content_background.bgcolor2 h2 {
   color:#88bd21;
}
.bluepage_content_background.bgcolor2 a.link_anker {
   background:#f3f8e8;
   border:1px solid #ffffff;
}
.bluepage_content_background.bgcolor2 a.link_anker:hover {
   background:#ffffff;
   color:#f3f8e8;
   border:1px solid #0c8651;
   opacity:1;
}
.bluepage_content_background.bgcolor2 a.link_anker:hover span:before {
   background-image:url('../img/sys/link_anker.svg');
   background-size:auto 0.75em;
}
.bluepage_content_background.bgcolor2 .frml_button {
   background:#f3f8e8;
   border:1px solid #ffffff;
}
.bluepage_content_background.bgcolor2 .frml_button:hover {
   background:#ffffff;
   border:1px solid #f3f8e8;
   color:#f3f8e8;
}

.bluepage_content_background_space {
   position:relative;
   clear:both;
   height:0.5em;
}
.bluepage_content {
   position:relative;
   top:0;
   font-family:'Open Sans',Helvetica,Arial,sans-serif;  
   font-size:1em;
   line-height:145%;     
   width:73.5em; 
   padding: 0.5em 1.5em 0.5em 1.5em;
   margin:auto;
   white-space:normal;                                                
   z-index:110;                                 
   text-align:left;                         
}      
.bluepage_content .bluepage_content {
   font-size:1em;
}
.bluepage_content.fullsize {
   padding:0.5em 0;
   width:100%;                        
}      
#bluepageInhaltContentBottomSpace {
   position:relative;
   height:1em;
   overflow:hidden;
}


#bluepageBottom {                   
   position:relative;
   min-height:3em;         
   line-height:120%;
   margin:0; 
   padding:0;                          
   text-align:center;           
   width:100%;
   z-index:400;                                       
}

#bluepageBottom .footer {
   position:relative;
   width:100%;
   text-align:center;
   clear:both;                        
   display:block;
   background:#e4e4e4;
   z-index:25;                     
}
#bluepageBottom .footer:nth-child(1) { background:#e4e4e4; }
#bluepageBottom .footer:nth-child(2) { background:#646463; }
#bluepageBottom .footer:nth-child(3) { background:#333333;  }

#bluepageBottom .footercontainer {
   position:relative;
   width:100%;
   max-width:72.5em; 
   padding: 0.75em 1.75em 0.75em 1.75em;
   text-align:center;
   clear:both;                        
   margin:0 auto 0 auto; 
   z-index:25;                     
   display:block;
}

#bluepageFooterLinks ul.footerContent {
   position:relative;
   width:100%;
   padding:0;
   margin:0 auto;
   list-style-type:none;
   clear:both;
   display:table;        
}
#bluepageFooterLinks li.footerColumn { 
   position:relative; 
   display:table-cell;    
   padding:0.75em 0.75em 1em 0.75em;
   margin:0;
   min-height:10em; 
   width:20%; 
   text-align:left;  
   vertical-align:top;                     
}
#bluepageFooterLinks div.content { 
   position:relative; 
   display:block; 
   width:100%;
   padding:0;                       
}
#bluepageFooterLinks div.txt { 
   position:relative; 
   display:block; 
   /*min-width:16.5em;*/
   width:100%;
   font-size:0.8em; 
   line-height:140%;
   padding:0;
   color:#ffffff;             
}
#bluepageFooterLinks div.teaser {
   font-size:0.9em; 
   text-align:left;
   font-style:normal;
   font-weight:bold;
   line-height:130%;
   color:#ffffff;
   padding:0 ;
   margin:0 0 0.5em 0;
   display:block;
   text-shadow: #000000 0.05em 0.05em 0.05em;
   white-space: nowrap; 
}
#bluepageFooterLinks a.link_tel,
#bluepageFooterLinks a.link_adr,
#bluepageFooterLinks a.link_in,
#bluepageFooterLinks a.link_mail,
#bluepageFooterLinks a.link_ex {
   color:#ffffff;
   text-decoration:none;
}
#bluepageFooterLinks a.link_tel:hover,
#bluepageFooterLinks a.link_adr:hover,
#bluepageFooterLinks a.link_in:hover,
#bluepageFooterLinks a.link_mail:hover,
#bluepageFooterLinks a.link_ex:hover {
   opacity:0.7;
   text-decoration:none
}



#bluepageFooterNav {
   position:relative;
   left:0.25em;
   margin:0;
   padding:1em 0;
   display:table-cell;
   text-align:left;
   vertical-align:middle;
   color:#ffffff;
}
#bluepageFooterNav ul {
   position:relative;
   padding:0;
   margin:0 auto;
   list-style-type:none;
   clear:both;
}
#bluepageFooterNav li {
   vertical-align:middle;
   display:table-cell;
   line-height:110%;
   margin:0;
   padding:0;
}
#bluepageFooterNav li i {
   color:#ffffff;
   font-size:0.9em; 
   font-style:normal;
}
#bluepageFooterNav li a {
   padding:0 0.5em;
   display:inline-block;
   color:#ffffff;
   text-decoration:none;
}
#bluepageFooterNav li a:hover {
   color:#ffffff;
   opacity:0.6;
   text-decoration:underline;
}
#bluepageFooterNav li a.aktiv {
   color:#ffffff;
   opacity:1;
   text-decoration:underline;
}
#bluepageFooterNav li a span {
   font-size:0.8em; 
   font-weight:normal;
}



#bluepageSitenavSpace {
   position:relative;
   padding:0.5em 0; 
   margin:0; 
   overflow:hidden; 
   height:2em; 
   width:100%;
   clear:both;   
}


#bluepageBottomSitenavContainer {
   position:relative;
   width:100%;
   padding:0;
   margin:auto;
   text-align:left;
   display:block;
   clear:both;          
   z-index:50;
}
#bluepageBottomSitenav {
   position:relative;
   margin:0 auto;   
   max-width:72.5em; 
   padding: 0.75em 2.5em 0.75em 2.5em;
   text-align:center;            
   clear:left;          
   display:block;             
   z-index:20;      
}

.sitenavbox { position:relative; width:100%; margin:0 auto; text-align:center; display:table; }
.sitenavbox .sitenav { display:table-row; }
.sitenavbox .sitenav div { display:table-cell; vertical-align:middle; width:1.5em; }

.sitenavbox .sitenav a {
   position:relative;
   display:table-cell;                
   text-decoration:none;
   height:1.75em;
   min-width:1.75em;
   vertical-align:middle; 
   color:#333333;
}
.sitenavbox .sitenav a:hover {
   opacity:0.6;
}
.sitenavbox .sitenav a.deaktiv,
.sitenavbox .sitenav a.deaktiv:hover {
   opacity:0.5;
}
.sitenavbox .sitenav a span { font-size:0.9em; line-height:150%; vertical-align:middle; }
.sitenavbox .sitenav a span { display:block;  }

.sitenavbox .sitenav div.sitenav_sitenr { display:table-cell; width:100%; }

.sitenavbox .page.l {
   text-align:left; 
   width:1.5em;      
}                                                                                                                                                                                                                                                
.sitenavbox .page.l a {
   padding: 0 0.1em 0 0;
}
.sitenavbox .page.l a::before  {                                      
   position:absolute; 
   top:0;
   bottom:0;
   left:0;
   margin:auto; 
   padding:0.35em 0; 
   width:1.75em;
   font-style:normal; 
   display:table-cell;
   font-size:1.1em;
   font-family: "Material Icons";
   font-weight:bold;
   line-height:100%;
   content: "chevron_left";
   text-align:center;       
   vertical-align:middle;
   background:#e4e4e4;
} 
.sitenavbox .page.l.ll a::before  {  content: "first_page";  }
.sitenavbox .page.l a span { white-space:nowrap; display:block; margin-left:2.5em; }

.sitenavbox .page.r {
   text-align:right; 
   width:1.5em;      
}                                                                                                                                                                                                                                                
.sitenavbox .page.r a {
   padding: 0 0.1em 0 0;
}
.sitenavbox .page.r a::before  {                                      
   position:absolute; 
   top:0;
   bottom:0;
   right:0;
   margin:auto; 
   padding:0.35em 0; 
   width:1.75em;
   font-style:normal; 
   display:table-cell;
   font-size:1.1em;
   font-family: "Material Icons";
   font-weight:bold;
   line-height:100%;
   content: "chevron_right";
   text-align:center;       
   vertical-align:middle;
   background:#e4e4e4;
} 
.sitenavbox .page.r.rr a::before  {  content: "last_page";  }
.sitenavbox .page.r a span { white-space:nowrap; display:block; margin-right:2.5em; }

.sitenavbox .sitenav_sitenr { display:table-cell; text-align:center; }
.sitenavbox .sitenav_sitenr a { display:inline-block; height:auto; min-width:auto; padding:0 0.15em; }

@media only screen and (max-width: 768px) {
   #bluepageBottomSitenav { padding: 0.75em 1em 0.75em 1em; }
   
   #bluepageBottomSitenavContainer {
      font-size:1.8em;
      width:100%;
      padding:1.25em 0;
   }
}
@media only screen and (max-width: 480px)  {
   #bluepageBottomSitenavContainer {
      font-size:20px;
      width:100%;
      padding:0.75em;
   }
   .sitenavbox .page.l a span,
   .sitenavbox .page.r a span { display:none; }
}

#bluepageLinkTop {
   position:fixed;
   bottom:1.25em;
   right:1em;
   width:2.5em;
   height:2.5em;
   background:url('../img/sys/link_top.svg') no-repeat center center #f3f8e8;     
   background-size:1.55em auto;
   cursor:pointer;
   opacity:0.6;
   z-index:1000;
}
#bluepageLinkTop:hover {
   opacity:1;
}