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

@font-face {src: url("../typo/kk_typo/AcuminVariableConcept.otf");
		font-family: acumin;}
@font-face {src: url("../typo/kk_typo/Lato-Light.ttf");
	font-family: Lato-Light;}
@font-face {src: url("../typo/kk_typo/Lato-Bold.ttf");
	font-family: Lato-Bold;}
@font-face {src: url("../typo/kk_typo/Lato-Black.ttf");
	font-family: Lato-Black;}
@font-face {src: url("../typo/kk_typo/Lato-Regular.ttf");
	font-family: Lato-Regular;}
@font-face {src: url("../typo/kk_typo/Cousine-Regular.ttf");
	font-family: cousine;}

/*braun rgba(96,36,33,1.00)
gelb rgba(248,176,0,1.00)
blau rgba(13,133,176,1.00)
braun hover rgba(81,30,27,1.00)
gelb hell rgba(253,231,178,1.00)
*/

body{box-sizing: border-box;
	margin-top: 0;
	background-color: rgba(96,36,33,1.00);
	}

.wrapper{margin:0rem auto;
		max-width: 75rem;
	}

.header {display: flex;
		z-index: 1000;
		position: fixed;
		width: 75rem;
		border-bottom: rgba(248,176,0,1.00) solid 2rem;
		}

.wrap-move{max-width: 75rem;
	position: absolute;
	overflow: hidden;}

.typo{position: relative;
	left: -3.95rem;} 

/* C E N T E R */

.flex-1{display: flex;
	flex-direction: row;
	width: 100%;
	padding-top: 12rem;
	background-color: #ED7EED;/**/}

.left{width: 15%;
	background-color: rgba(248,176,0,1.00);
	}

.center{width: 70%;
	height: 900rem;
	background-color: rgba(96,36,33,1.00);
	padding-top: 1.5rem;
	padding-bottom: 0;
}

.head img{/*background-color:rgba(237,123,125,0.86);*/
	float: right;
	padding-top: 2.5rem;
	padding-left: 1.5rem;
	padding-bottom:1.5rem;
margin-top: 0.5rem;}


.head{/*background-color:rgba(237,123,125,0.26);*/
	font-family: acumin;
	font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0;
	color: rgba(13,133,176,1.00);
	text-transform: uppercase;
	word-spacing: .2rem;
	letter-spacing: .01rem;
	line-height: 2.9rem;
	font-size: 3.0rem;
	text-align: justify;
	padding-top: 1.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	margin: 0;}

.head-1{font-family: acumin;
	font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0;
	color: rgba(13,133,176,1.00);
	text-transform: uppercase;
	line-height: 3rem;
	font-size: 3rem;
	padding-right: 1rem;
	padding-top: 2rem;
	margin: 0;}

.mailto{color:rgba(13,133,176,1.00)!important;
text-decoration: none;}

.mailto:hover{
	color: rgba(248,176,0,1.00)!important;
	letter-spacing: 0rem!important;
	font-family: acumin!important;
	font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0!important;
	filter:blur(.5px);
}

.mailto:active, .mailto:focus {
	font-family: acumin!important;
	font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0!important;
	letter-spacing: 0rem!important;
	background-color: rgba(81,30,27,0.30);
}

.button{
	align-content: flex-end;
}


/**/

.right{	width: 15%;
	background-color: rgba(248,176,0,1.00);}



.navi{height: auto; 
	width: 11.25rem;
	padding-top: 4rem;
	position: fixed;
	/*display: none;*/
	
		}

.navi a{color: rgba(248,176,0,1.00);
	text-decoration: none;
	font-family: Lato-Bold;
	font-size: 1.25rem;
	line-height: 2.5rem;
	padding-left: 1.5rem;
	
	}

.navi div{background-color: rgba(96,36,33,1.00);
	height: 2rem;
	width: 9.5625rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	position: relative;
	right: -1.8rem;
	border-radius: 0.5rem 0 0 0.5rem;
	}

h1{font-family:acumin;
	font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0;
	text-transform: uppercase;
	color: rgba(13,133,176,1.00);
	font-size: 3rem;
	line-height: 3rem;
	padding-top: 700rem;
 	margin-left: 1rem;}

/*Animationen*/
.move{animation-name: move-1;
	  animation-duration: 180s;
	  animation-iteration-count: infinite;}

@keyframes move-1 {
	0%  {transform: translateX(-16rem);}
	
}/**/
.navi-1:hover {transition: 1s;
	background-color: rgba(81,30,27,1.00);} 
.navi-2:hover {transition: 1s;
	background-color: rgba(81,30,27,1.00);} 
.navi-3:hover {transition: 1s;
	background-color: rgba(81,30,27,1.00);} 
.navi-4:hover {transition: 1s;
	background-color: rgba(81,30,27,1.00);} 
.navi-5:hover {transition: 1s;
	background-color: rgba(81,30,27,1.00);} 

a:hover {transition: 1s;
	font-family: Lato-Black;
	color: rgba(248,176,0,1.00);
	letter-spacing: .05rem;
}

a:active, a:focus {
	font-family: Lato-Black;
	letter-spacing: .05rem;
	background-color: rgba(81,30,27,0.30);
}
/**/
/**/