/************************/
/******* GENERAL ********/
/************************/
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Thin.ttf') format('truetype');font-weight:100;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-ExtraLight.ttf') format('truetype');font-weight:200;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Light.ttf') format('truetype');font-weight:300;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Medium.ttf') format('truetype');font-weight:500;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');font-weight:600;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Bold.ttf') format('truetype');font-weight:700;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-ExtraBold.ttf') format('truetype');font-weight:800;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Black.ttf') format('truetype');font-weight:900;}

@font-face{font-family:'Roboto Slab';src:url('assets/fonts/RobotoSlab-Thin.ttf') format('truetype');font-weight:100;}
@font-face{font-family:'Roboto Slab';src:url('assets/fonts/RobotoSlab-Light.ttf') format('truetype');font-weight:300;}
@font-face{font-family:'Roboto Slab';src:url('assets/fonts/RobotoSlab-Regular.ttf') format('truetype');font-weight:400;}
@font-face{font-family:'Roboto Slab';src:url('assets/fonts/RobotoSlab-Bold.ttf') format('truetype');font-weight:700;}

@font-face{font-family:'Thirsty Soft';src:url('assets/fonts/ThirstySoft-Black.otf') format('truetype');font-weight:900;}

@font-face{font-family:'Intro Head';src:url('assets/fonts/Intro-Head.otf') format('truetype');}

@font-face{font-family:'FontAwesome';src:url('assets/fonts/fontawesome-webfont.eot');src:url('assets/fonts/fontawesome-webfont.eot?#iefix')format('embedded-opentype'),url('assets/fonts/fontawesome-webfont.woff') format('woff'), url('assets/fonts/fontawesome-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}

html,body{
	overflow-x:hidden;
}
html{
	background-color:#9e8363;
}
::-webkit-scrollbar-track{
	border-radius:0;
	background-color:#F5F5F5;
}
::-webkit-scrollbar{
	width:10px;
	background-color:#F5F5F5;
}
::-webkit-scrollbar-thumb{
	border-radius:0;
	background-color:#9e8363;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
	-webkit-appearance:none;
	margin:0;
}

input[type=number]{
	-moz-appearance:textfield;
}
a{
	-moz-transition:all 0.3s ease-in-out !important;
	-o-transition:all 0.3s ease-in-out !important;
	-webkit-transition:all 0.3s ease-in-out !important;
	-ms-transition:all 0.3s ease-in-out !important;
	transition:all 0.3s ease-in-out !important;
}
a[href^=tel]{
	/*
	color:#ffffff !important;
	text-decoration:none !important;
	*/
}
p{
	margin:0 !important;
}
.delay-1{
	animation-delay:0.4s;
}
.delay-2{
	animation-delay:0.5s;
}
.delay-3{
	animation-delay:0.6s;
}
.delay-4{
	animation-delay:1.1s;
}
.delay-5{
	animation-delay:1.2s;
}
.delay-6{
	animation-delay:1.3s;
}
.left-text{
	text-align:left;
}
.right-text{
	text-align:right;
}
.schatten{
	position:relative;
	transition:box-shadow 0.3s ease-in-out !important;
}
.schatten::after{
	content:"";
	position:absolute;
	width:120%;
	height:50px;
	left:-10%;
	right:-10%;
	bottom:-50px;
	background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
	background:radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
	transition:box-shadow 0.3s ease-in-out !important;
}
.white{
	color:#ffffff !important;
}
.btn-totop{
	background:#343a3f !important;
	color:#ffffff !important;
	position:fixed;
	bottom:20px;
	right:20px;
	padding:10px 15px 10px 15px;
	-moz-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}
.btn-totop:hover,
.btn-totop:focus,
.btn-totop:active{
	background:#ffffff !important;
	color:#343a3f !important;
}
.social-media{
	word-spacing:20px;
}
.social-icon{
	max-width:32px;
	max-height:32px;
	-moz-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}
.social-icon:hover,
.social-icon:focus,
.social-icon:active{
	transform:scale(1.1);
}



/************************/
/******* HEADER *********/
/************************/
header{
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
	padding:0 0 50px 0;
}
header.home{
	background-image:url(assets/images/header-01-r.jpg);
}
header.botan{
	background-image:url(assets/images/header-02-gold.jpg);
	min-height:1250px;
}
header.neuwild{
	background-image:url(assets/images/header-03.jpg);
	min-height:1250px;
}
header.ruhrcoast{
	background-image:url(assets/images/header-04.jpg);
	min-height:1250px;
}
header.ueber-uns{
	background-image:url(assets/images/header-05.jpg);
	min-height:1250px;
}
header.kontakt{
	background-image:url(assets/images/header-06.jpg);
	background-attachment:inherit !important;
	min-height:300px;
}
header.impressum{
	background-image:url(assets/images/header-06.jpg);
	background-attachment:inherit !important;
	min-height:300px;
}
header.datenschutz{
	background-image:url(assets/images/header-06.jpg);
	background-attachment:inherit !important;
	min-height:300px;
}
header.downloads{
	background-image:url(assets/images/header-07.jpg);
	background-attachment:inherit !important;
	min-height:300px;
}
header.kohlenstoff{
	background-image:url(assets/images/header-kohlenstoff-01-gold.jpg);
	background-attachment:inherit !important;
	min-height:1250px;
}
.slogan{
	padding:50px;
}
.botan .slogan{
	position:relative;
	float:right;
	text-align:center;
}
.ruhrcoast .slogan{
	position:relative;
	float:right;
	text-align:left;
}
@media(min-width:2048px) and (-webkit-min-device-pixel-ratio:2){
	header.botan,
	header.neuwild,
	header.ruhrcoast,
	header.kohlenstoff,
	header.ueber-uns{
		min-height:1800px;
		background-attachment:inherit;
	}
	.slick-slide img,
	.home-parallax-img{
		width:100%;
	}
}
@media(max-width:1920px){
	header.botan,
	header.neuwild,
	header.ruhrcoast,
	header.kohlenstoff,
	header.ueber-uns{
		min-height:1000px
	}
	header.kohlenstoff{
		min-height:1000px;
	}
}
@media(max-width:1440px){
	header.botan,
	header.neuwild,
	header.ruhrcoast,
	header.kohlenstoff,
	header.ueber-uns{
		min-height:850px
	}
	header.kohlenstoff{
		min-height:650px;
	}
}
@media(max-width:1280px){
	header.botan,
	header.neuwild,
	header.ruhrcoast,
	header.ueber-uns{
		min-height:750px
	}
	header.kohlenstoff{
		min-height:650px;
	}
}
@media(max-width:1024px){
	header.botan,
	header.neuwild,
	header.ruhrcoast,
	header.kohlenstoff,
	header.ueber-uns{
		background-attachment:inherit;
		min-height:650px
	}
}
@media(max-width:768px){
	header{
		background-attachment:inherit !important;
	}
	header.botan,
	header.neuwild,
	header.ruhrcoast,
	kohlenstoff.kohlenstoff,
	header.ueber-uns{
		min-height:550px
	}
}
@media(max-width:480px){
	header.home{
		background-image:url(assets/images/header-01-mobile.jpg);
	}
	header.botan,
	header.neuwild,
	header.ruhrcoast,
	header.kohlenstoff,
	header.ueber-uns{
		min-height:350px
	}
	header.kohlenstoff{
		background-position:left !important;
	}
	.home .slogan{
		text-align:left !important;
	}
	.slogan{
		padding:25px !important;
		text-align:center;
	}
}
@media(max-width:375px){
	header.botan,
	header.neuwild,
	header.ruhrcoast,
	header.kohlenstoff,
	header.ueber-uns{
		min-height:350px
	}
}



/************************/
/***** NAVIGATION *******/
/************************/
.navbar{
	text-align:center !important;
	padding:50px 0 50px 0 !important;
}
.navbar-light .navbar-toggler{
	padding:0 !important;
	border:0 !important;
}
.logo{
	position:absolute;
	top:50px;
	left:0;
	right:0;
	width:400px;
	text-align:center;
	margin:0 auto;
	text-align:center !important;
}
.navbar-toggler{
	position:relative;
	z-index:1000;
}
.navbar-toggler:focus,
.navbar-toggler:active{
	outline:0;
}
.navbar-collapse{
	position:fixed !important;
	z-index:900;
	left:0;
	right:0;
	top:-100%;
	bottom:0;
	width:100%;
	height:100vh;
	text-align:center;
	background-color:rgba(124,68,21,0.8);
	-moz-transition:all 0.5s ease-in-out !important;
	-o-transition:all 0.5s ease-in-out !important;
	-webkit-transition:all 0.5s ease-in-out !important;
	-ms-transition:all 0.5s ease-in-out !important;
	transition:all 0.5s ease-in-out !important;
}
.navbar-collapse.show{
	left:0 !important;
	right:0 !important;
	top:0 !important;
	bottom:0 !important;
}
.menu{
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.navbar-nav .nav-link{
	font-family:'Montserrat', sans-serif !important;
	font-size:46px !important;
	font-weight:400 !important;
	color:#ffffff !important;
	padding:0 !important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active{
	color:#c9b59f !important;
}
.animated-icon{
	width:30px;
	height:20px;
	position:relative;
	margin:0px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-moz-transition:all 0.3s ease-in-out !important;
	-o-transition:all 0.3s ease-in-out !important;
	-webkit-transition:all 0.3s ease-in-out !important;
	-ms-transition:all 0.3s ease-in-out !important;
	transition:all 0.3s ease-in-out !important;
	cursor:pointer;
}
.animated-icon span{
	display:block;
	position:absolute;
	height:3px;
	width:100%;
	border-radius:9px;
	opacity:1;
	left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-moz-transition:all 0.3s ease-in-out !important;
	-o-transition:all 0.3s ease-in-out !important;
	-webkit-transition:all 0.3s ease-in-out !important;
	-ms-transition:all 0.3s ease-in-out !important;
	transition:all 0.3s ease-in-out !important;
}
.animated-icon span{
	background:#343a3f;
}
.home .animated-icon span{
	background:#343a3f;
}
.neuwild .animated-icon span{
	background:#ffffff;
}
.botan .animated-icon span{
	background:#343a3f;
}
.ruhrcoast .animated-icon span{
	background:#ffffff;
}
.ueber-uns .animated-icon span{
	background:#343a3f;
}
.kontakt .animated-icon span{
	background:#343a3f;
}
.impressum .animated-icon span{
	background:#343a3f;
}
.datenschutz .animated-icon span{
	background:#343a3f;
}
.downloads .animated-icon span{
	background:#ffffff;
}
.animated-icon span:nth-child(1){
	top:0px;
}
.animated-icon span:nth-child(2), .animated-icon span:nth-child(3){
	top:10px;
}
.animated-icon span:nth-child(4){
	top:20px;
}
.animated-icon.open span:nth-child(1){
	top:11px;
	width:0%;
	left:50%;
}
.animated-icon.open span:nth-child(2){
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.animated-icon.open span:nth-child(3){
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.animated-icon.open span:nth-child(4){
	top:11px;
	width:0%;
	left:50%;
}
@media(max-width:480px){
	.navbar-nav .nav-link{
		font-size:32px !important;
	}
}
@media(max-width:375px){
	.logo{
		top:45px !important;
	}
}
@media(max-width:320px){
	.logo{
		top:42.5px !important;
	}
}



/************************/
/********* HOME *********/
/************************/
.home{
	
}
.home h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:52px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363 !important;
	margin:100px 0 0 0 !important;
}
.home h2{
	font-family:'Montserrat', sans-serif !important;
	font-size:38px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#343a3f !important;
}
.home h3{
	font-family:'Montserrat', sans-serif !important;
	font-size:26px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#33393e !important;
	margin:25px 0 0 0 !important;
	text-shadow:0 0 100px rgba(229,221,207,1) !important;
}
.home h3 span{
	color:#752f7f !important;
}
.home h4{
	font-family:'Montserrat', sans-serif !important;
	font-size:20px !important;
	font-weight:400 !important;
	text-transform:uppercase;
	color:#33393e !important;
	margin:0 0 0 0 !important;
}



.sortiment-box{
	max-width:350px !important;
	position:relative !important;
	display:inline-block !important;
	text-align:center;
	text-decoration:none !important;
	-moz-transition:all 0.3s ease-in-out !important;
	-o-transition:all 0.3s ease-in-out !important;
	-webkit-transition:all 0.3s ease-in-out !important;
	-ms-transition:all 0.3s ease-in-out !important;
	transition:all 0.3s ease-in-out !important;
}
.sortiment-box .schatten{
	overflow:hidden;
}
.sortiment-neuwild .schatten::before,
.sortiment-botan .schatten::before,
.sortiment-ruhrcoast .schatten::before{
	position:absolute;
	bottom:-100px;
	left:0;
	right:0;
	z-index:2;
	display:block;
	content:'';
	width:0;
	height:0;
	border-radius:100%;
	opacity:1;
}
.sortiment-neuwild .schatten::before{
	background:rgba(83,25,99,.2);
}
.sortiment-botan .schatten::before{
	background:rgba(118,193,227,.2); 
}
.sortiment-ruhrcoast .schatten::before{
	background:rgba(168,58,3,.2);
}
.sortiment-neuwild .schatten:hover::before,
.sortiment-botan .schatten:hover::before,
.sortiment-ruhrcoast .schatten:hover::before{
	-moz-animation:circle 0.7s ease-in-out !important;
	-o-animation:circle 0.7s ease-in-out !important;
	-webkit-animation:circle 0.7s ease-in-out !important;
	-ms-animation:circle 0.7s ease-in-out !important;
	animation:circle 0.7s ease-in-out !important;
}
@-webkit-keyframes circle{
	0%{
		opacity:1;left:0;right:0;margin:0 auto;
	}
	40%{
		opacity:1;left:0;right:0;margin:0 auto;
	}
	100%{
		opacity:0;width:350px;height:350px;filter:blur(25px);left:0;right:0;margin:0 auto;
	}
}
@keyframes circle{
	0%{
		opacity:1;left:0;right:0;margin:0 auto;
	}
	40%{
		opacity:1;left:0;right:0;margin:0 auto;
	}
	100%{
		opacity:0;width:350px;height:350px;filter:blur(25px);left:0;right:0;margin:0 auto;
	}
}


/*
.sortiment-neuwild:hover .schatten::after{
	background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(183, 31, 123, 0.7), rgba(97, 97, 97, 0.0) 55%) !important;
	background:radial-gradient(ellipse at 50% -3%, rgba(183, 31, 123, 0.7), rgba(97, 97, 97, 0.0) 55%) !important;
}
.sortiment-botan:hover .schatten::after{
	background:-webkit-radial-gradient(70% -3%, ellipse cover, rgba(76, 118, 229, 0.7), rgba(97, 97, 97, 0.0) 55%) !important;
	background:radial-gradient(ellipse at 50% -3%, rgba(76, 188, 229, 0.7), rgba(97, 97, 97, 0.0) 55%) !important;
}
.sortiment-ruhrcoast:hover .schatten::After{
	background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(227, 29, 26, 0.7), rgba(97, 97, 97, 0.0) 55%) !important;
	background:radial-gradient(ellipse at 50% -3%, rgba(227, 29, 26, 0.7), rgba(97, 97, 97, 0.0) 55%) !important;
}
*/



.parallax-wrapper{
	position:relative;
	overflow:hidden !important;
}
.parallax::after{
	background-attachment:fixed;
	background-repeat:no-repeat;
	z-index:100;
	content:" ";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.home-parallax-1::after{
	background-image:url('assets/images/home-splashes.png') !important;
	transform:scale(1);
	opacity:0.85;
}
.home-parallax-2::after{
	background-image:url('assets/images/home-splashes.png') !important;
	transform:scale(0.5);
	opacity:1;
}
.ruhrcoast-parallax-1::after{
	background-image:url('assets/images/ruhrcoast-splashes.png') !important;
	transform:scale(1);
	opacity:0.2;
}
.ruhrcoast-parallax-2::after{
	background-image:url('assets/images/ruhrcoast-splashes.png') !important;
	transform:scale(1.2);
	opacity:0.7;
}
@media(max-width:768px){
	.home h1{
		margin:50px 0 0 0 !important;
	}
}
@media(max-width:480px){
	.home h1{
		margin:0 0 0 0 !important;
	}
	.sortiment-box{
		margin:50px 0 0 0 !important;
	}
}



/************************/
/******** NEUWILD *******/
/************************/
.neuwild .bg{
	background:#330448;
	background:-moz-linear-gradient(left, #330448 0%, #bc1d79 49%, #bc1f88 100%);
	background:-webkit-linear-gradient(left, #330448 0%,#bc1d79 49%,#bc1f88 100%);
	background:linear-gradient(to right, #330448 0%,#bc1d79 49%,#bc1f88 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#330448', endColorstr='#bc1f88',GradientType=1 );
}
.neuwild .bg-2{
	background-image:url('assets/images/neuwild-bg.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	padding:100px 0 100px 0;
}
.neuwild .slogan{
	position:absolute;
}
.neuwild .green{
	color:#8cdc01;
}
.neuwild h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:90px !important;
	font-weight:900 !important;
	text-transform:uppercase;
	color:#ffffff !important;
	margin:100px 0 0 0 !important;
	line-height:72px;
}
.neuwild h2{
	font-family:'Montserrat', sans-serif !important;
	text-transform:uppercase;
	font-weight:800;
	font-size:48px;
	color:#576b75;
}
.neuwild h3{
	font-family:'Thirsty Soft', sans-serif !important;
	text-transform:none;
	font-size:100px !important;
	color:#671e77;
	margin-top:-35px;
}
.neuwild h4{
	font-family:'Montserrat', sans-serif !important;
	text-transform:uppercase;
	font-weight:800;
	font-size:48px;
	color:#576b75;
	line-height:38px;
}
.neuwild h5{
	font-family:'Montserrat', sans-serif !important;
	font-size:46px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#ffffff;
}
.neuwild h6{
	font-family:'Thirsty Soft', sans-serif !important;
	text-transform:none;
	font-size:100px !important;
	color:#576b75;
	margin-top:-35px;
}
.neuwild-logo{
	width:100%;
	margin:150px auto 150px auto;
}
.neuwild .bg .content{
	margin:150px 0 0 0;
}
.neuwild .bg .content p{
	font-family:'Roboto', sans-serif !important;
	font-size:20px !important;
	font-weight:300 !important;
	text-transform:uppercase;
	color:#ffffff;
}
.neuwild .bg-2 .content{
	font-family:'Roboto', sans-serif !important;
	font-size:20px !important;
	font-weight:300 !important;
	text-transform:uppercase;
	color:#5a6771;
}
.neuwild .bg-2 .content p{
	
}
.neuwild-parallax{
	
}
.neuwild-parallax img{
	width:100%;
}
.neuwild-parallax-1{
	float:right;
	margin:-150px 0 0 0;
}
.neuwild-parallax-2{
	
}
@media(max-width:768px){
	.neuwild-logo{
		margin:50px auto 50px auto;
		width:400px;
	}
	.neuwild .bg .content{
		margin:0 0 50px 0;
	}
	.neuwild-parallax-1{
		margin:0 0 0 0;
	}
	.neuwild-content-1{
		margin:50px 0 0 0;
	}
}
@media(max-width:480px){
	.neuwild h1{
		font-size:40px !important;
		line-height:32px !important;
		margin:10px 0 0 0 !important;
	}
	.neuwild h3{
		font-size:60px !important;
	}
	.neuwild h6{
		font-size:60px !important;
	}
	.neuwild-logo{
		width:250px;
	}
	.neuwild .content{
		text-align:center;
		margin:0 0 50px 0 !important;
	}
	.neuwild-parallax-1{
		margin:0 0 0 0 !important;
		max-width:150px !important;
	}
	.neuwild-parallax-2{
		margin:-25px 0 0 0 !important;
		max-width:150px !important;
	}
}



/************************/
/********* BOTAN ********/
/************************/
.botan .bg{
	background-image:url('assets/images/botan-bg.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}vc 
.botan h1{
	position:relative;
	z-index:10;
	font-family:'Montserrat', sans-serif !important;
	font-size:56px !important;
	font-weight:400 !important;
	text-transform:uppercase;
	color:#000000 !important;
	margin:150px 0 0 0 !important;
}
.botan h2{
	position:relative;
	z-index:11;
	font-family:'Thirsty Soft', sans-serif !important;
	font-size:120px !important;
	margin:-30px 0 -30px 0;
	color:#ffeb05;
	opacity:0.8;
}
.botan h3{
	position:relative;
	z-index:12;
	font-family:'Montserrat', sans-serif !important;
	font-size:56px !important;
	font-weight:400 !important;
	text-transform:uppercase;
	color:#000000 !important;
	margin:0 0 0 0 !important;
}
.botan h4{
	font-family:'Montserrat', sans-serif !important;
	text-transform:uppercase;
	font-weight:800;
	font-size:48px;
	color:#e31d1a;
}
.botan h5{
	font-family:'Thirsty Soft', sans-serif !important;
	text-transform:none;
	font-size:100px !important;
	color:#95d5ee;
	margin-top:-35px;
}
.botan-emblem{
	width:320px;
	margin:75px auto;
}
.botan .content{
	font-family:'Roboto Slab', serif !important;
	font-size:20px;
	text-transform:uppercase;
	color:#727578;
	margin:0 0 75px 0 !important;
}
.botan .content-2{
	font-family:'Roboto Slab', serif !important;
	font-size:20px;
	text-transform:uppercase;
	color:#727578;
	padding:75px 0 75px 0 !important;
}
.botan .content-2 p{
	padding:50px 0 0 0;
}
.botan .content-2 .title{
	text-align:center;
	padding:75px 0 0 0;
}
.botan-logo{
	opacity:0.5;
	position:absolute;
	top:50px;
	right:0;
	left:0;
	width:500px;
	margin:0 auto;
}
.botan .botan-img-1{
	float:right;
}
.botan .botan-img-2{
	float:left;
	margin-top:-50px;
}
.botan-parallax{
	
}
@media(max-width:1280px){
	.botan-logo{
		width:400px;
	}
}
@media(max-width:768px){
	.botan h1{
		margin:50px 0 0 0 !important;
	}
	.botan .slogan{
		float:none !important;
	}
	.botan-logo{
		top:10%;
		width:300px;
	}
	.botan-content-1{
		margin:50px 0 0 0;
	}
	.botan .bg p{
		padding:0 25px 0 25px;
	}
}
@media(max-width:480px){
	.botan h1{
		font-size:32px !important;
		margin:10px 0 0 0 !important;
	}
	.botan h2{
		font-size:60px !important;
		margin:-15px 0 -15px 0 !important;
		opacity:0.9;
	}
	.botan h3{
		font-size:32px !important;
	}
	.botan h5{
		font-size:60px !important;
	}
	.botan-logo{
		top:0;
		width:175px;
		margin:0 auto 10px auto !important;
	}
	.botan .slogan{
		position:relative;
		right:-50px;
	}
	.botan-emblem{
		width:200px;
		margin:50px auto 25px auto !important;
	}
	.botan .content-2 .title{
		padding:0 0 0 0;
	}
}



/************************/
/******* RUHRCOAST ******/
/************************/
.ruhrcoast .bg{
	position:relative;
	background-image:url('assets/images/ruhrcoast-bg.jpg') !important;
	background-size:cover;
	background-position:right center;
	background-repeat:no-repeat;
}
.ruhrcoast .bg-2{
	background-image:url('assets/images/ruhrcoast-bg-2.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	padding:100px 0 100px 0;
}
.ruhrcoast h1{
	position:relative;
	z-index:10;
	font-family:'Montserrat', sans-serif !important;
	font-size:56px !important;
	font-weight:600 !important;
	text-transform:uppercase;
	color:#ffffff !important;
	margin:150px 0 0 0 !important;
	text-shadow:0 3px 10px #343a3f;
}
.ruhrcoast h2{
	position:relative;
	z-index:11;
	font-family:'Thirsty Soft', sans-serif !important;
	font-size:120px !important;
	margin:-15px 0 -30px 0;
	color:#dfc7a9;
	text-shadow:0 3px 10px #343a3f;
}
.ruhrcoast h3{
	position:relative;
	z-index:11;
	font-family:'Montserrat', sans-serif !important;
	font-size:46px !important;
	font-weight:600 !important;
	text-transform:uppercase;
	color:#e31d1a !important;
	margin:0 0 0 0 !important;
}
.ruhrcoast h4{
	position:relative;
	z-index:12;
	font-family:'Thirsty Soft', sans-serif !important;
	font-size:120px !important;
	margin:-15px 0 -30px 0;
	color:#ffffff;
}
.ruhrcoast h5{
	font-family:'Montserrat', sans-serif !important;
	font-size:46px !important;
	font-weight:600 !important;
	text-transform:uppercase;
	color:#e31d1a;
}
.ruhrcoast h6{
	font-family:'Thirsty Soft', sans-serif !important;
	text-transform:none;
	font-size:100px !important;
	color:#ffffff;
	margin-top:-35px;
}
.ruhrcoast .content{
	padding:75px 0 75px 0 !important;
}
.ruhrcoast p{
	font-family:'Roboto Slab', serif !important;
	font-size:20px;
	text-transform:uppercase;
	color:#ffffff;
	padding:50px 0 0 125px !important;
}

nacht für nacht im studio
ich toppe die trends - 
lauf durch den club - alle am schaun

.ruhrcoast-emblem{
	position:absolute;
	bottom:75px;
	width:150px;
	opacity:.8;
}
.ruhrcoast-faesser{
	position:absolute;
	right:0;
	bottom:0;
}
.ruhrcoast .stoerer{
	position:relative;
	margin:-200px auto 50px auto;
	width:600px;
}
.ruhrcoast .stoerer img{
	width:100%;
}
@media(max-width:1440px){
	.ruhrcoast .content{
		padding:25px 0 25px 0 !important;
	}
}
@media(max-width:768px){
	.ruhrcoast h1{
		font-size:40px !important;
	}
	.ruhrcoast h2{
		font-size:60px !important;
		margin:-15px 0 -30px 0 !important;
	}
	.ruhrcoast .bg::after{
		z-index:0;
		content:' ';
		display:inline-block;
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		background-color:rgba(0,0,0,.4);
	}
	.ruhrcoast .slogan{
		
	}
	.ruhrcoast p{
		position:relative;
		z-index:2;
		padding:0 0 0 0 !important;
		margin:50px 0 0 0 !important;
	}
	.ruhrcoast-emblem{
		position:relative;
		z-index:2;
		margin:25px 0 0 0;
	}
}
@media(max-width:480px){
	.ruhrcoast h1{
		font-size:28px !important;
		margin:50px 0 0 0 !important;
	}
	.ruhrcoast h2{
		font-size:46px !important;
		margin:-5px 0 -30px 0 !important;
	}
	.ruhrcoast h3{
		font-size:28px !important;
	}
	.ruhrcoast h4{
		font-size:46px !important;
		margin:-5px 0 -30px 0 !important;
	}
	.ruhrcoast h6{
		font-size:60px !important;
		margin-top:-25px !important;
	}
	.ruhrcoast .slogan{
		float:none !important;
	}
	.ruhrcoast .stoerer{
		width:100% !important;
	}
	.ruhrcoast .content{
		padding:25px !important;
	}
}



/************************/
/****** KOHLENSTOFF *****/
/************************/
.kohlenstoff .bg{
	background:#060606;
	background-image:url('assets/images/kohlenstoff-bg-1.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.kohlenstoff .bg p{
	font-family:'Roboto Slab', sans-serif !important;
	font-size:20px !important;
	font-weight:300 !important;
	text-transform:uppercase;
	color:#ffffff;
	text-shadow:0px 1px 1px #000000;
}
.kohlenstoff .bg-2{
	background:#060606;
	background-image:url('assets/images/kohlenstoff-bg-2.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	/*
	background-image:url('assets/images/neuwild-bg.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	*/
	padding:100px 0 100px 0;
}
.kohlenstoff .slogan{
	position:absolute;
}
.kohlenstoff .green{
	color:#8cdc01;
}
.kohlenstoff h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:46px !important;
	font-weight:500 !important;
	text-transform:uppercase;
	color:#ffffff !important;
	margin:50px 0 0 0 !important;
}
.kohlenstoff h1 span{
	font-family:'Intro Head', sans-serif !important;
	font-size:120px !important;
	color:#9e8363 !important;
}
.kohlenstoff h2{
	font-family:'Montserrat', sans-serif !important;
	text-transform:uppercase;
	font-weight:800;
	font-size:48px;
	color:#9e8363;
}
.kohlenstoff h3{
	font-family:'Thirsty Soft', sans-serif !important;
	text-transform:none;
	font-size:100px !important;
	color:#ffffff;
	margin-top:-35px;
}
.kohlenstoff h4{
	font-family:'Montserrat', sans-serif !important;
	text-transform:uppercase;
	font-weight:800;
	font-size:48px;
	color:#ffffff;
	line-height:38px;
}
.kohlenstoff h5{
	font-family:'Montserrat', sans-serif !important;
	font-size:46px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363;
}
.kohlenstoff h6{
	font-family:'Thirsty Soft', sans-serif !important;
	text-transform:none;
	font-size:100px !important;
	color:#000000;
	margin-top:-35px;
}
.kohlenstoff-logo{
	width:100%;
	margin:150px auto 150px auto;
}
.kohlenstoff .bg .content{
	margin:30px 0 50px 50px;
}
.kohlenstoff .bg-2 .content{
	
}
.kohlenstoff .bg-2 .content p{
	font-family:'Roboto Slab', sans-serif !important;
	font-size:20px !important;
	font-weight:300 !important;
	color:#ffffff !important;
	line-height:1.6;
}
.kohlenstoff-parallax{
	
}
.kohlenstoff-parallax-1{
	margin:-100px 0 0 0;
}
.kohlenstoff-parallax-2{
	
}
.kohlenstoff-icon{
	width:20px !important;
	margin:-4px 5px 0 0 !important;
}
@media(max-width:768px){
	.kohlenstoff-logo{
		margin:50px auto 50px auto;
		width:400px;
	}
	.kohlenstoff .bg .content{
		margin:0 0 50px 0;
	}
	.kohlenstoff-parallax-1{
		margin:0 0 0 0;
	}
	.kohlenstoff-content-1{
		margin:50px 0 0 0;
	}
}
@media(max-width:480px){
	.kohlenstoff h1{
		font-size:40px !important;
		line-height:76px !important;
		margin:10px 0 0 0 !important;
	}
	.kohlenstoff h3{
		font-size:60px !important;
	}
	.kohlenstoff h6{
		font-size:60px !important;
	}
	.kohlenstoff-logo{
		width:250px;
	}
	.kohlenstoff .content{
		text-align:center;
		margin:0 0 50px 0 !important;
	}
	.kohlenstoff-parallax{
		text-align:center;
		margin:0 0 0 0;
	}
	.kohlenstoff-parallax-1{
		margin:0 0 50px 0 !important;
		max-width:150px !important;
	}
	.kohlenstoff-parallax-2{
		margin:-25px 0 0 0 !important;
		max-width:150px !important;
	}
}




/************************/
/******* ÜBER UNS *******/
/************************/
.ueber-uns{
	
}
.ueber-uns h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:52px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#ffffff !important;
	text-shadow:0 3px 15px rgba(0,0,0,.25);
}
.ueber-uns h2{
	position:relative;
	z-index:11;
	font-family:'Thirsty Soft', sans-serif !important;
	font-size:60px !important;
	margin:-30px 0 -30px 0;
	color:#343a3f;
	text-shadow:0 3px 15px rgba(0,0,0,.25);
}
.ueber-uns .sonnenschein-logo{
	float:right;
}
.ueber-uns .bg{
	background-image:url('assets/images/ueber-uns-bg-3.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	padding:100px 0 100px 0;
}
.ueber-uns .bg-2{
	background-image:url('assets/images/botan-bg.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	padding:100px 0 100px 0;
}
.ueber-uns .content{
	color:#576b75;
}
.ueber-uns .content-2{
	color:#576b75;
}
.ueber-uns p{
	font-family:'Roboto Slab', serif !important;
	font-size:20px;
	text-transform:uppercase;
}
@media(max-width:768px){
	.ueber-uns .bg{
		background:#ffffff !important;
	}
}
@media(max-width:480px){
	.ueber-uns h1{
		font-size:28px !important;
		margin:50px 0 0 0 !important;
	}
	.ueber-uns h2{
		font-size:42px !important;
		margin:-5px 0 -30px 0 !important;
	}
	.ueber-uns .bg{
		padding:25px 0 25px 0;
	}
	.ueber-uns .bg-2{
		padding:25px 0 25px 0;
	}
}



/************************/
/******** KONTAKT *******/
/************************/
.kontakt{
	
}
.kontakt h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:52px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363 !important;
}
.kontakt h2{
	font-family:'Montserrat', sans-serif !important;
	font-size:38px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#343a3f;
}
.kontakt h3{
	font-family:'Montserrat', sans-serif !important;
	font-size:24px !important;
	font-weight:600 !important;
	text-transform:uppercase;
	color:#343a3f !important;
	margin:0 !important;
}
.kontakt .bg{
	background-image:url('assets/images/botan-bg.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	padding:100px 0 100px 0;
}
.kontakt .content{
	
}
.kontakt .content p{
	font-family:'Roboto Slab', serif !important;
	font-size:20px;
	text-transform:uppercase;
	color:#343a3f;
}
.kontakt .content a{
	color:#343a3f; !important;
}
@media(max-width:480px){
	.kontakt h2{
		font-size:24px !important;
		margin:-5px 0 -30px 0;
	}
}



/************************/
/******* DOWNLOADS ******/
/************************/
.downloads{
	
}
.downloads h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:52px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#ffffff !important;
	margin:100px 0 0 0 !important;
}
.downloads h2{
	font-family:'Montserrat', sans-serif !important;
	font-size:38px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#ffffff;
}
.downloads h3{
	font-family:'Montserrat', sans-serif !important;
	font-size:26px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#33393e !important;
	margin:25px 0 0 0 !important;
	text-shadow:0 0 100px rgba(229,221,207,1) !important;
}
.downloads h3 span{
	color:#752f7f !important;
}
.downloads h4{
	font-family:'Montserrat', sans-serif !important;
	font-size:20px !important;
	font-weight:400 !important;
	text-transform:uppercase;
	color:#33393e !important;
	margin:0 0 0 0 !important;
}
.downloads .bg{
	background-image:url('assets/images/rand-bg.jpg') !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	padding:100px 0 100px 0;
}
.downloads .content{
	padding:0 0 100px 0;
}
.downloads .content p{
	font-family:'Roboto Slab', serif !important;
	font-size:20px;
	text-transform:uppercase;
	color:#343a3f;
}
.btn-download{
	font-family:'Montserrat', sans-serif !important;
	font-size:16px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
	width:100%;
	text-align:center;
	margin:25px 0 0 0;
	padding:25px;
}
.btn-bestellen-1{
	font-family:'Montserrat', sans-serif !important;
	font-size:16px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
	background:#8cdc01;
	text-align:center;
	margin:25px auto 0 auto;
	padding:25px;
}
.btn-bestellen-2{
	font-family:'Montserrat', sans-serif !important;
	font-size:16px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
	background:#f5e31d;
	text-align:center;
	margin:25px auto 0 auto;
	padding:25px;
}
.btn-bestellen-3{
	font-family:'Montserrat', sans-serif !important;
	font-size:16px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
	background:#eca816;
	text-align:center;
	margin:25px auto 0 auto;
	padding:25px;
}
.btn-bestellen-4{
	font-family:'Montserrat', sans-serif !important;
	font-size:16px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
	background:#9e8363;
	color:#ffffff !important;
	text-align:center;
	margin:25px auto 0 auto;
	padding:25px;
}
.btn-neuwild{
	border-bottom:5px solid #551962 !important;
	border-radius:5px;
	background:#671e77;
	color:#ffffff;
}
.btn-neuwild:hover,.btn-neuwild:focus,.btn-neuwild:active{
	text-decoration:none !important;
	border-bottom:5px solid #461551 !important;
	background:#551962;
	color:#ffffff;
}
.btn-botan{
	border-bottom:5px solid #528caf !important;
	border-radius:5px;
	background:#68b1de;
	color:#ffffff;
}
.btn-botan:hover,.btn-botan:focus,.btn-botan:active{
	text-decoration:none !important;
	border-bottom:5px solid #4d82a2 !important;
	background:#5a9ac1;
	color:#ffffff;
}
.btn-ruhrcoast{
	border-bottom:5px solid #6b481f !important;
	border-radius:5px;
	background:#845928;
	color:#ffffff;
}
.btn-ruhrcoast:hover,.btn-ruhrcoast:focus,.btn-ruhrcoast:active{
	text-decoration:none !important;
	border-bottom:5px solid #5d3f1b !important;
	background:#6b481f;
	color:#ffffff;
}
.btn-kohlenstoff{
	border-bottom:5px solid #191919 !important;
	border-radius:5px;
	background:#404040;
	color:#ffffff;
}
.btn-kohlenstoff:hover,.btn-kohlenstoff:focus,.btn-kohlenstoff:active{
	text-decoration:none !important;
	border-bottom:5px solid #000000 !important;
	background:#191919;
	color:#ffffff;
}
@media(max-width:480px){
	.downloads h1{
		font-size:40px !important;
	}
	.downloads h2{
		font-size:24px !important;
		margin:0 0 -30px 0;
	}
}
@media(max-width:375px){
	.downloads h1{
		font-size:36px !important;
	}
}



/************************/
/******* IMPRESSUM ******/
/************************/
.impressum{
	
}
.impressum h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:52px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363 !important;
	/*text-shadow:0 3px 15px rgba(0,0,0,.75);*/
}
.impressum h2{
	font-family:'Montserrat', sans-serif !important;
	font-size:22px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363 !important;
	margin:25px 0 10px 0 !important;
	/*text-shadow:0 3px 15px rgba(0,0,0,.75);*/
}
.impressum a{
	color:#9e8363;
}
.impressum a:hover,
.impressum a:focus,
.impressum a:active{
	color:#9e8363;
}
.impressum .content{
	padding:50px 0 50px 0;
}
@media(max-width:480px){
	.impressum h1{
		font-size:36px !important;
	}
}



/************************/
/****** DATENSCHUTZ *****/
/************************/
.datenschutz{
	
}
.datenschutz h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:52px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363 !important;
	/*text-shadow:0 3px 15px rgba(0,0,0,.75);*/
}
.datenschutz h2{
	font-family:'Montserrat', sans-serif !important;
	font-size:32px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363 !important;
	margin:25px 0 10px 0 !important;
	/*text-shadow:0 3px 15px rgba(0,0,0,.75);*/
}
.datenschutz h3{
	font-family:'Montserrat', sans-serif !important;
	font-size:22px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363 !important;
	margin:25px 0 10px 0 !important;
	/*text-shadow:0 3px 15px rgba(0,0,0,.75);*/
}
.datenschutz .content ul{
	list-style:none;
}
.datenschutz .content li:before{
	content:"\f105";
	font-family:FontAwesome;
	display:inline-block;
	margin:0 10px 0 -40px;
	color:#9e8363;
}
.datenschutz strong{
	color:#343a3f;
}
.datenschutz .content{
	padding:50px 0 50px 0;
}
.datenschutz a{
	color:#9e8363;
}
.datenschutz a:hover,
.datenschutz a:focus,
.datenschutz a:active{
	color:#9e8363;
}
@media(max-width:480px){
	.datenschutz h1{
		font-size:36px !important;
	}
}



/************************/
/******** SLIDER ********/
/************************/
.sliderWrapper{
	position:relative;
	z-index:100;
	box-shadow:0 0 25px rgba(0,0,0,1);
	cursor:ew-resize !important;
}
.sliderWrapper .next{
	position:absolute;
	right:75px;
	top:42.5%;
	bottom:0;
	color:#ffffff;
	cursor:pointer;
}
.sliderWrapper .prev{
	position:absolute;
	left:75px;
	top:42.5%;
	bottom:0;
	color:#ffffff;
	cursor:pointer;
}
.slider-content{
	display:inline-block;
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	text-decoration:none !important;
	margin:0 auto;
}
.slider-content h5{
	font-family:'Montserrat', sans-serif !important;
	font-size:42px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#ffffff !important;
	text-shadow:0 3px 15px rgba(0,0,0,.4);
}
.slider-content h6{
	font-family:'Montserrat', sans-serif !important;
	font-size:28px !important;
	font-weight:500 !important;
	text-transform:uppercase;
	color:#ffffff !important;
	text-shadow:0 1.5px 10px rgba(0,0,0,.4);
}
@media(max-width:768px){
	.slider-content{
		bottom:25px;
	}
}





/************************/
/***** PROBEPAKET *******/
/************************/
.header-probepaket{
	background-image: url(assets/images/header-stars.jpg);
	background-attachment:unset !important;
}
.header-probepaket h1{
	font-size:42px !important;
	margin:75px 0 !important;
}
.probepaket{
	padding:75px 0;
}
.probepaket .form-extra{
	padding:50px;
	border-top:10px solid #ffe80c;
}
.probepaket-head{
	max-width:900px;
	margin:0 auto
}

.probepaket .form-control:hover,
.probepaket .form-control:focus,
.probepaket .form-control:active{
	border:1px solid #ffe80c !important;
	box-shadow:none !important;
}
.slogan-probepaket{
	margin:75px 0 !important;
}
.slogan-probepaket h1{
	font-family:'Montserrat', sans-serif !important;
	font-size:38px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#343a3f !important;
}
.slogan-probepaket h1 b{
	font-family:'Montserrat', sans-serif !important;
	font-size:52px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#9e8363 !important;
	margin:100px 0 0 0 !important;
}
.probepaket h2{
	font-family:'Montserrat', sans-serif !important;
	font-size:22px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	color:#343a3f !important;
	margin:0 0 25px 0 !important;
}
.probepaket .form{
	background:#fbfcfe !important;
	
	max-width:900px;
	margin:0 auto;
}
.probepaket .gutschein-firma,
.probepaket .gutschein-codes{
	margin:15px 15px 0 0;
}
.probepaket .gutschein-code{
	float:left;
	position:relative;
	display:inline-block;
	width:40px !important;
	box-shadow:none !important;
	outline:none !important;
	border:1px solid #e0e0e0 !important;
	margin:15px 15px 0 0;
}
.probepaket .btn-bestellen{
	font-family:'Montserrat', sans-serif !important;
	font-size:16px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	
	cursor:pointer;
	position:relative;
	display:inline-block;
	color:#34393c;
	background:#ffe80c;
	text-align:center;
	margin:25px auto 0 auto;
	padding:20px 30px;
	border:0 !important;
	
	-moz-transition:all 0.3s ease-in-out !important;
	-o-transition:all 0.3s ease-in-out !important;
	-webkit-transition:all 0.3s ease-in-out !important;
	-ms-transition:all 0.3s ease-in-out !important;
	transition:all 0.3s ease-in-out !important;
}
.probepaket .btn-bestellen:hover,
.probepaket .btn-bestellen:focus,
.probepaket .btn-bestellen:active{
	background:#edd810 !important;
}
.probepaket-stoerer{
	float:right;
	max-width:375px !important;
}
.probepaket .rest{
	position:relative;
	display:inline-block;
	width:100%;
	background:#ffe80c;
	padding:25px 50px 25px 50px;
}
.probepaket .benoetigt{
	font-size:18px !important;
	font-weight:bold !important;
	text-align:center;
	width:25px !important;
	border:0 !important;
	background:none !important;
}
.probepaket .bestell-form{
	border-top:10px solid #ffe80c;
}
.probepaket .bestell-form .form-control{
	width:auto !important;
}
.probepaket .bestell-form .content{
	padding:50px 50px 25px 50px;
}
.probepaket .bestell-form .content-mid{
	padding:0 50px 0 50px;
}
.probepaket .bestell-form .content-bottom{
	padding:0 50px 25px 50px;
}



.probepaket .table thead th{
	font-size:16px;
	font-weight:400;
	padding:10px 30px;
}
.probepaket .produkt{
	
}
.probepaket .produkt .produkt-image{
	float:left;
	max-width:75px;
}
.probepaket .produkt .name{
	font-family: 'Roboto Slab', serif !important;
	font-size:16px;
	font-weight:700;
	color:#9e8363;
	padding:30px;
}
.probepaket .produkt .name i{
	font-style:normal;
	font-weight:300;
}
.probepaket .produkt .preis{
	font-family: 'Roboto Slab', serif !important;
	font-size:16px;
	font-weight:400;
	color:#9c9c9c;
	margin-left:5px;
	padding:30px;
}
.probepaket .produkt .anzahl{
	padding:27.5px;
}





.probepaket .produkt-gratis .name{
	font-family: 'Roboto Slab', serif !important;
	font-size:18px;
	font-weight:700;
	color:#9e8363;
	padding:30px;
}
.probepaket .produkt-gratis .anzahl{
	padding:27.5px;
}
.probepaket .produkt-gratis .preis{
	font-family: 'Roboto Slab', serif !important;
	font-size:18px;
	font-weight:400;
	color:#9c9c9c;
	margin-left:5px;
	padding:30px;
}


#gesamt-preis-brutto{
	position:relative;
	display:inline-block;
	padding-top:15px;
}

.gesamt{
	font-family: 'Roboto Slab', serif !important;
	font-size:18px;
	font-weight:300;
	border-top:1px solid #dee2e6;

	padding:20px 60px 20px 40px;
	
	-moz-transition:all 0.3s ease-in-out !important;
	-o-transition:all 0.3s ease-in-out !important;
	-webkit-transition:all 0.3s ease-in-out !important;
	-ms-transition:all 0.3s ease-in-out !important;
	transition:all 0.3s ease-in-out !important;
}
.probepaket .gesamt option{
	position:relative;
	display:inline-block;
}


.probepaket .title{
	position:relative;
	display:inline-block;
	width:100%;
	font-family:'Roboto Slab', serif !important;
	font-size:20px;
	font-weight:700;
	color:#9c9c9c;
	margin-bottom:20px;
}


.probepaket .adresse{
	position:relative;
	display:inline-block;
	width:100%;
	border-top:1px solid #dee2e6;
	padding-top:20px;
}
.probepaket .adresse .form-control{
	position:relative;
	display:inline-block;
	width:100% !important;
}



.gratisflasche-1,
.gratisflasche-2,
.gratisflasche-3,
.gratisflasche-4,
.gratisflasche-5,
.gratisflasche-6,
.gratisflasche-7,
.gratisflasche-8,
.gratisflasche-9{
	position:absolute;
	list-style:none;
	opacity:0;
	visibility:hidden;
	-webkit-transition:opacity 600ms, visibility 600ms;
	transition:opacity 600ms, visibility 600ms;
	
	-moz-transition:all 0.3s ease-in-out !important;
	-o-transition:all 0.3s ease-in-out !important;
	-webkit-transition:all 0.3s ease-in-out !important;
	-ms-transition:all 0.3s ease-in-out !important;
	transition:all 0.3s ease-in-out !important;
}


@media(max-width:768px){
	.probepaket{
		padding:50px 0;
	}
	.probepaket .btn-bestellen{
		width:100%;
	}
	.probepaket-stoerer{
		max-width:300px !important;
	}
}
@media(max-width:480px){
	.probepaket{
		padding:0 0 15px 0;
	}
	.slogan-probepaket{
		margin:25px 0 !important;
	}
	.slogan-probepaket h1{
		font-size:24px !important;
		margin:25px 0 !important;
		background:#ffe80c;
		padding:20px;
		color:#ffffff;
	}
	.slogan-probepaket h1 b{
		font-size:28px !important;
	}
	.header-probepaket{
		padding:0 0 0 0;
		background-position:79% !important;
	}
	.probepaket .gutschein-code{
		margin:15px 10px 0 0;
	}
	.probepaket .table thead th{
		display:none;
	}
	.probepaket .table td{
		position:relative;
		display:inline-block;
		width:100%;
	}
	.probepaket .form-extra{
		padding:30px;
	}
	.probepaket-stoerer{
		float:none;
		margin-top:30px;
		margin-right:30px;
	}
	
	
	.probepaket .rest{
		padding:15px 30px;
	}
	.gesamt{
		padding:15px;
	}
	.probepaket .produkt{
		border-bottom:9px solid #dee2e6;
	}
	.probepaket .produkt .name,
	.probepaket .produkt .anzahl,
	.probepaket .produkt .preis{
		padding:15px;
	}
	
	.probepaket .bestell-form .content-mid{
		padding:0 15px;
	}
	.probepaket .bestell-form .content-bottom{
		padding: 0 15px 25px 15px;
	}
}



/************************/
/******** FOOTER ********/
/************************/
footer{
	font-family:'Roboto Slab', serif !important;
	color:#ffffff !important;
	padding:75px 0 75px 0;
	background-color:#9e8363;
}
.home footer{
	background-color:#9e8363 !important;
}
.neuwild footer{
	background-color:#531963 !important;
}
.neuwild footer .order{
	color:#ffffff;
}
.neuwild footer .order a{
	color:#ffffff !important;
}
.botan footer{
	background:#6195a9;
	background:-moz-linear-gradient(-45deg, #6195a9 2%, #b2d4e0 51%, #a8c0b7 100%);
	background:-webkit-linear-gradient(-45deg, #6195a9 2%,#b2d4e0 51%,#a8c0b7 100%);
	background:linear-gradient(135deg, #6195a9 2%,#b2d4e0 51%,#a8c0b7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6195a9', endColorstr='#a8c0b7',GradientType=1 );
}
.kohlenstoff .foot-bottom{
	padding:75px 0 0 0;
}
.kohlenstoff footer{
	padding:0 0 75px 0;
}
.kohlenstoff .foot-kohlenstoff{
	background:#ffffff;
	padding:75px 0 0 0;
}
.ruhrcoast footer{
	background:#692f23;
}
.ruhrcoast footer .order{
	color:#ffffff;
}
.ruhrcoast footer .order a{
	color:#ffffff !important;
}
footer a{
	color:#ffffff !important;
}
footer .order{
	font-family:'Roboto Slab', serif !important;
	font-size:20px;
	text-transform:uppercase;
	color:#727578;
	margin:25px 0 50px 0 !important;
}
footer .order a{
	color:#727578 !important;
}
.footer-logo{
	margin:25px 0 0 0 !important;
}



/************************/
/***** MEDIA QUERIES ****/
/************************/
@media(max-width:1280px){
	p{
		font-size:18px !important;
	}
}
@media(max-width:1024px){
	
}
@media(min-width:768px){
	.tablet-only{
		display:none;
	}
}
@media(max-width:768px){
	.desktop-only{
		display:none;
	}
	.tablet-only{
		display:block;
	}
	.mobile-center{
		text-align:center !important;
	}
	footer{
		padding:25px 0 25px 0;
	}
}
@media(min-width:480px){
	.mobile-only{
		display:none;
	}
}
@media(max-width:480px){
	.mobile-only{
		display:block;
	}
	.no-mobile{
		display:none;
	}
}
@media(max-width:414px){
	
}
@media(max-width:375px){
	
}
@media(max-width:320px){
	
}

/* Container */
@media (min-width:1920px){
	.container{
		width:1600px !important;
		max-width:100%;
	}
}