@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%;
	/*background-color: #EAAA26;*/
	padding-top: 13rem;
	}

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

.burger{
	z-index: 100;
	position: absolute;
	width: 213px;
	height: auto;
	margin-left: .5rem;
	margin-top: .5rem;
	overflow: hidden;/**/
	}
.burgerpic{
	width: 90px;
	position: absolute;
	top:23rem;
	left:26.7rem;
	}

form{width: 24.25rem;
	padding-top: 14.5rem;
	padding-left: 1rem;}

label{font-family: Lato-Bold;
	color:rgba(96,36,33,1.00);
	font-size: 1.0rem;}

input:last-of-type{width: 6rem;
	height: 1.5rem;
	background-color: rgba(96,36,33,1.00);
	color:rgba(248,176,0,1.00);
	font-family: Lato-Bold;
	font-size: 1.0rem;
	border:none;
	border-radius: .6rem;
	box-shadow: 1px 1px 0px 1px	rgba(0,0,0,1.00);	
	}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
	/*background-color:#EC5255;*/
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 20.75rem !important;
	padding-right: 0rem;
	padding-top: 1rem;
	/*background-color:#EC5255;*/
}

.head{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: 3.2rem;
	padding-top: 0rem;
	padding-left: 2rem;
	}



.yellow{background-color:rgba(248,176,0,1.00);
	margin: 0 auto;
	width: 48.5rem;
	height: 23.0rem;
	
	
	/*position: fixed;*/}

.flex-y{
	display: flex;
	column-gap: 1rem;
	}

.login{display: flex;
	flex-direction: column;
	width: 24.75rem;
	height: 32.375rem;
	padding-left: 1rem;
	/*background-color: #F19193;*/
}

    /*.login p{
        color: rgba(248,176,0,1.00);
        background-color: rgba(96,36,33,1.00);
        font-family: Lato-Black;
        font-size: 2rem;
        line-height: 3.2rem;
        letter-spacing: .06rem;
        padding-left: 1rem;
        margin-top: 1rem;
        margin-bottom: .5rem;}*/

/*.login a, .login p{
	background-color:rgba(96,36,33,1.00);
	color: rgba(248,176,0,1.00);
	line-height: 1.5rem;
	margin-bottom: .5rem;
	padding-left: 1rem;
	text-decoration: none;
	font-size: 1rem;
	font-family: Lato-Black;}*/


/**/
.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;
	top:-1rem;
	border-radius: 0.5rem 0 0 0.5rem;
	}

h1{font-family:acumin;
	font-variation-settings: 'wght' 800, 'wdth' 90, '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*/

.burgerpic:hover{
	transform: scale(200%);
}

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

/*.login a:hover{transition: 1s;
	font-family: Lato-Black;
	letter-spacing: .02rem;}*/



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

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