/********************* Spektrum CSS ***********************/
@font-face
{
	font-family:poppins;
	src:url(../fonts/Poppins-Regular.ttf);
}	
@font-face
{
	font-family:poppins-thin;
	src:url(../fonts/Poppins-Thin.ttf);
}
@font-face
{
	font-family:garamond;
	src:url(../fonts/CormorantGaramond-SemiBold.ttf);
}



body,html
{ 	width:100%;
	padding:0;
	margin:0;
	float:left;
	font-family:poppins;
}


#head-top-fix
{
	display:block;
	position:fixed;
	transition:  0.4s 0s ease-out;
	transition-property: left, right;
	opacity:1.0;
	z-index:200;
}
.hdfix
{
	left:0;
	right:0;
	margin:0;
	padding:0;
	
/*background-color:#eee0d1;*/
}
#head-top-fix nav

{	
	display:inline-block;
	line-height:60px;
	float:right;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:right;
	background-color:#eee0d1;
	
}	
#head-top-fix nav a
{
	display:inline-block;
	width:120px;
	text-align:right;
	font-size:0.9em;
	margin:0 10px;
	padding:0;
}
#head-top-fix nav a.nosee{width:180px;}
#men-btn
{
	position:fixed;
	left:auto;
	right:20px;
	width:60px;
	height:60px;	
	background-color:rgba(255,255,255,0.2);
	line-height:60px;	
	z-index:201;
	text-align:center;
	transform:rotate(90deg);
	display:none;
}
#men-btn strong
{
	display:inline-block;
	transform:scale(2.0);
}
.navmo .nosee{width: 200px;}

.min{left:0!important;right:50%!important;}

h1{
	letter-spacing:1px;
	font-family:poppins-thin;
	font-size:45px;

}
p
{
	font-family:poppins;
	font-size:1em;
}

a:link{text-decoration:none;color:#000;}
a:visited{color:#000!important;}
section
{
	display:inline-block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background-color:#fff;
}
.htop
{
	font-family:poppins-Thin;
	margin:4% 0 4% 4%;
	width:96%;
	text-align:left;
}
.htop p
{
	letter-spacing: 3px;
	font-family:Poppins-Thin;
	font-size:70%;
}




.dubbleboard 
{	margin:0;
	padding:0;
	margin-top:60px;
	display:inline-block;
	width:100%;
	height:auto;
	float:left;
}

.boardleft
{
	margin:0;
	padding:0;
	float:left;
	width:50%;
	height:auto;
	text-align:left;
}
.boardleft .logoimg{margin:40px auto 0 40px;position:absolute;z-index:100;width:12vw;height:auto;}
.boardleft .groundimg{margin:0;padding:0;width:100%;height:auto;display:inline-block;}
.flower
{
	
	position:relative;
	width:5px;
	height:5px;
	right:auto;
	top:auto;
	bottom:-2.5px;
	left:calc(50% - 2.5px);
	opacity:1.0;
	transition: 2s 0s ease-out;
	transition-property:transform,bottom;
	
}

.flowertrans
{
	transform: scale(25);
	bottom:-7.5px;
}
.boardright
{	
	width:50%;
	height:inherit;
	float:right;
	margin:0;
	padding:0;

}

.boardunder
{
	
	text-align:center;
	width:100%;
	float:left;
	height:50%;
	background-color:#f3f2f8;
}
.utext
{

	margin:17% auto;
	padding:0;
	width:50%;
	text-align:left;

}

.boardover
{	

	text-align:center;
	width:100%;
	height:40%;
	background-color:#fff;
	overflow:visible;
		
}
.otext
{
	font-family:poppins-thin;
	width:100%;
	text-align:center;
	margin:10% auto 0 auto;
	opacity:0.0;
	transform:scale(0.3);
	transition:2s 0.5s ease-out;
	transition-property:opacity, transform;

}
.otext p 
{	
	font-family:poppins-thin;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	font-size:98%;

}

.boado
{
	opacity:1.0;
	transform:scale(0.95);
	
}
#inhalt
{
	text-align:center; 
	display:inline-block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background-color:#fff;
	padding-bottom:100px;
}

#inhalt figure
{

	display:inline-block;
	margin:10px 1%;
	padding:0;
	width:18%;
	height:auto;
	float:left;
	font-size:0.9em;
	text-align:center;
	
}
#inhalt figure img
{
	width:80%;
	height:auto;
	margin:0;
	padding:0;
}
#inhalt figure figcaption
{
	
	text-align:left;
	display:inline-block;
	margin-top:15px;
	width:80%;
	min-height:90px;
	background-color:#fff;
	
}
#inhalt figure figcaption span
{
	display:inline-block;
	width:100%;
}
#inhalt figure .round-btn
{

	display:block;
	margin:auto;
	width:75%;
	text-align:center;
	padding:2%;
	border:1px solid #333;
	border-radius:18px;
	transition:background-color 0.6s 0s;
	
}
#inhalt figure .round-btn:hover{background-color:#333;color:#fff;}
#inhalt .single1
{
	
	text-align:right;
	width:48%;
	height:auto;
	margin:auto;
	margin-top:10%;
	padding:0;
	float:left;
	
}
#inhalt .single1 figure
{
	text-align:right;
	width:50%;
	margin:auto;
	float:right;
}
#inhalt .single2 
{
    text-align:left!important;
	width:48%;
	height:auto;
	margin:0;
	margin-top:10%;
	padding:0;
	float:right;
}

#inhalt .single2 h1
{
	display:inline-block;
	width:100%;
	padding:0;
	margin:0 0 2% 0;
	float:left;
	text-align:left;
	}
#inhalt .single2 h1 .leads{font-size:85%;font-family:Poppins-Thin;margin:3% 0 0 0;}
#inhalt .single2  p
{
	text-align:left;
	float:left;
	width:55%;
	margin:0;
	padding:0;
}



.bunt
{
font-family:garamond;
font-size:1.3em;
text-align:left;
}
 
footer
{
	display:inline-block;
	text-align:center;
	width:100%;
	height:25%;
	background-color:#eee0d1;
	margin:0;
	padding:0;
	padding-bottom:80px;
}
footer nav
{
	margin:auto;
	display:inline-block;
	width:100%;
	height:auto;
	text-align:center;
	
}
footer nav menu
{
	
	display:inline-block;
	text-align:center;
	width:80%;
	height:auto;
	padding: 0;
	padding-top:4%;
	margin:auto;
}
footer nav menu li {
	display:inline-block;
	text-align:left;
	font-size:0.9em;
	letter-spacing:1px;
	margin-left:32px;
	padding:0;
}
 
#inhalt .default
{
	display:inline-block;
	text-align:left;
	margin:auto;
	margin-top:170px;
	width:65%;
}
#inhalt .default h1
{
	width:100%;
	margin:0 0 60px 0;
	padding:auto 0;
	text-align:center;

}
#inhalt .default figure
{
	width:100%;
	margin:0;
	margin-top:60px;
	padding:0;
}
#inhalt .default figure img
{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#inhalt .default .contacts{margin-bottom:60px;}

/*****************************************************                                     ***********************************************/
/*****************************************************            MEDIA QUERYS             ***********************************************/
/*****************************************************                                     ***********************************************/


@media screen and (max-width:1700px){.otext p{font-size:90%;} }
@media screen and (max-width:1600px){
	.otext p{font-size:70%;}	
	}

@media screen and (max-width:1400px){.otext p{font-size:50%;} }

@media screen and (max-width:1200px){	
	.flowertrans {	transform: scale(20);	margin-top:-70px ; 	}
	.utext{width:70%;}
	
	

}
@media screen and (max-width:1000px)
{	
.utext{width:96%;margin:15% 0 0 0; padding:0 0 0 2%;} 
.otext p{font-size:45%;}
.utext {font-size:85%;}
.flowertrans{transform: scale(15);	margin-top:-38px ;} 
#inhalt figure figcaption
{
	min-height:130px;

}
footer nav menu{width:100%;margin:14% 0;padding:0;}
footer nav menu li{display:inline-block;width:100%;text-align:center;margin:0; padding:0;}
footer nav menu li span{display:none;}
.boardright .utext{width:90%;height:80%;margin:10% 5%;}
}
@media screen and (min-width:770px)
{

}

@media screen and (max-width:778px)
{
	#inhalt figure {width:33%;margin:10px 1px; padding:0;}
	#team{display:block;width:100%;}
	#inhalt .single1, #inhalt .single2
	{
		width:98%!important;
		text-align:center!important;
		float:left;

	}
	#inhalt .single1 figure
	{	
	text-align:center;
	width:50%;
	padding:8% 0 0 0;
	margin:auto;
	float:none;
	}
	#inhalt .single2 p{width:88%;padding:0 6%;}

.dubbleboard{margin:0;}

#men-btn{display:inline-block;cursor:pointer;}

#head-top-fix
{

	top:0;
	left:-70%;
	right:100%;
	bottom:0;
}
#head-top-fix nav a
{
	width:100%;
	text-align:center;
	
}

}
@media screen and (max-width:680px)
{
 
 .dubbleboard .boardleft{display:block; width:100%;  float:left;margin:0;}
 .dubbleboard .boardright{display:block; width:100%;  float:left;margin:0;margin-top:120px;}
  .dubbleboard .boardright div{height:150px;}
  .dubbleboard .boardright .boardunder{padding-bottom:120px;}
  
	#inhalt figure {width:70%;margin:15px auto;float:none;}	
	.flowertrans{transform: scale(12);	margin-top:-38px ;}
	.otext{padding:0 2% 15% auto;margin:-4% auto 0 auto;}
	.otext p{font-size:45%;}
	
	.utext{ padding:0;width:92%;margin:4%;font-size:1em;} 
	
#inhalt .single1 figure{width:75%;}
}

@media screen and (max-width:480px)
{
	
	.navmo a:first-child{margin-top:80px!important;}
	.boardleft .logoimg{margin:40px auto 0 40px;position:absolute;z-index:100;width:26vw;height:auto;}
	.utext{ padding:0;width:92%;margin:4%;padding-top:40px;font-size:1em;} 
	
	#inhalt .single2 h1 {margin-top:30px;padding:0;}
	#inhalt .single2{width:70%!important;margin:0 0 0 16% !important;padding:0;}
	#inhalt .single2 .ntxt {padding-top:40px;}
	
}