@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'rounded_mplus_1cregular';
    src: url('fonts/mplusrounded1c-regular-webfont.eot');
    src: url('fonts/mplusrounded1c-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mplusrounded1c-regular-webfont.woff2') format('woff2'),
         url('fonts/mplusrounded1c-regular-webfont.woff') format('woff'),
         url('fonts/mplusrounded1c-regular-webfont.ttf') format('truetype'),
		 url('fonts/mplusrounded1c-regular-webfont.svg#rounded_mplus_1cregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
	padding:0;
	margin:0;
}

html, body {height: 100vh;}

body {background: #005370;
	width:auto;
	font-family: rounded_mplus_1cregular, Helvetica, sans-serif;
	font-size: small;
	color: #d3d3d3;
	}



/*------------nav----------------*/
ul {margin-bottom:5%;}

li
	{list-style-type: none;
	padding-left: 1%;
	}
	a:link {
	color: #FFFFFF;
	text-decoration: none;
	}
	a:visited {
	font-weight: normal;
	color: #999;
	text-decoration: none;
	}

a.navLink:hover {
	color: #b70202; 
	text-decoration:none; 
	background: rgba(250,250,250, 0.85); 
	text-align: right;
	-webkit-animation: fadeInScale 0.4s ease-in-out;
	animation: fadeInScale 0.4s ease-in-out;
}

a.navLink:active {
	color: #b70202;
	text-decoration:none; 
	text-align: right;
	}

.active {
	color: #b70202!important;
	background: rgba(250,250,250, 0.85); 
}

a:link
 {cursor: url('pfote_kl.png'), pointer;
}


a.mail_link:link 
{color:#9ec3d8;}
a.mail_link:hover 
{color:#b70202;}
a.mail_link:visited 
{color:#999;}



/*--------------------xxxx------------------*/
.arrowNav {
	height: 6vmin;
	-webkit-box-shadow: 2px 4px 6px #242324;
	        box-shadow: 2px 4px 6px #242324;
	border-radius: 50%;
	}
/*-------------flyout-----------------*/

.nav-open {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
position: fixed;
margin-top: 1vh;
}

#navTop ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navTop ul li.close {display: none;}

#navTop ul li a {
	padding: 10px 15px;
	display: block;
	text-decoration: none;
	text-align: right;
}

#navTop {
	position: fixed;
	top: -200%;
	left: 40vmin;
	width: 30vmin;
	margin: 0;
	padding: 0;
	 /* -webkit-transition: width 4s, height 4s; /* For Safari 3.1 to 6.0*/
 -o-transition: all 1s ease-in-out;
 -webkit-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
 }

#navTop:target {
	top: 0;
	left:0;
	background-color: #005370;
	width: 100vw;
	font-size: 2vh;
	line-height: 2vh;
	}

#navTop ul li {text-align: right; margin-right: 2vw;}

#navTop ul li.close {display: block;}
 /*--------------nav ende--------------*/


 /*--------------back to top --------------*/
 
 
 .back-to-top {
	display: none;
	width: 8vmin;
	height: 4vmin;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 5%;
	bottom: 5%;
	background:url("../totop_kl.png") no-repeat;
 }

/*----------------footer----------------*/

.flexBottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 250px;
          flex: 1 1 250px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#bottom {
	width: 100%;
	font-size: 2vmin;
	position: fixed;
   left: 0;
   bottom: 0;
   background-color:#005370;
   color: #d3d3d3;
   text-align: center;
   padding: 10vmin;
   }
   
   
/*---------------- cookies style -----------------------*/
#phkcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #eee; padding: 20px; font-size: 1vw; }
#phkcookie a.button {cursor: pointer; background: #870b00; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#phkcookie a.button:hover {background-color: #005370;}
#phkcookie p.cookiemessage {display: block; padding: 0; margin: 0; color: darkgrey;}
#cookielink{color:#005370}
/*--------------------@media---------------------------*/

@media (max-width: 799px) {	

 
.nav-open {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
margin-left:25vw;
width:90vw;
top:1vh;

} 

.back-to-top {
	width: 10vmin;
	height: 4vmin;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 4vmin;
	bottom: 2vmin;
	background:url("../totop_kl.png") no-repeat;
 }



.arrowNav {margin: 1vw;}
 


.back-to-top {
	width: 10vmin;
	height: 4vmin;
	 }
}
	 

@media (min-width: 800px) {	

#phkcookie {
	font-size: 1vw;
	 }
	 
	 
.nav-open {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
top: 1vh;
margin-left:90vw;
width:5vw;

}






}