@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;} 


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

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

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

.head_intro{
	color: rgba(13,133,176,1.00);
}

p{/*background-color: #7F76EB;*/
	font-family: acumin;
	font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0;
	font-size: 3.0rem;
	text-transform: uppercase;
	text-align: justify;
	word-spacing: .1rem;
	letter-spacing: .09rem;
	line-height: 2.9rem;
	padding: 2rem;
	margin: auto;
	color: rgba(248,176,0,1.00);
	}

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: 200rem;
	padding-left: 2rem;}



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

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

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

/*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);
}