/*!
Theme Name: Veganbox
Theme URI: http://underscores.me/
Author: Florian Strasser - Webdesign & Programmierung
Author URI: http://www.florian-strasser.de
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: veganbox-2020
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Veganbox is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-serif-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Serif'), local('PTSerif-Regular'),
       url('fonts/pt-serif-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-serif-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-serif-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-serif-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-serif-v11-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-serif-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Serif Italic'), local('PTSerif-Italic'),
       url('fonts/pt-serif-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-serif-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-serif-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-serif-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-serif-v11-latin-italic.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-serif-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Serif Bold'), local('PTSerif-Bold'),
       url('fonts/pt-serif-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-serif-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-serif-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-serif-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-serif-v11-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-700italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-serif-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'),
       url('fonts/pt-serif-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-serif-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-serif-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-serif-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-serif-v11-latin-700italic.svg#PTSerif') format('svg'); /* Legacy iOS */
}

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('fonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/montserrat-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Black'), local('Montserrat-Black'),
       url('fonts/montserrat-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v14-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}
::-moz-selection { background: #508272; color:#FFF; }
::selection { background: #508272; color:#FFF;}
body{
	font-family:'Montserrat',sans-serif;
	font-weight: 400;
}
.social-links{
	text-align:center;
	margin-top:90px;
}
.social-links p{
	margin-bottom:10px;
}
.social-links .social-link + .social-link{
	margin-left:20px;
}
h1,h2,h3,h4,h5,h6{ 
	font-family: 'PT Serif', sans-serif;
	font-weight: 700;
	font-style: italic;
	margin-top:0;
	margin-bottom:30px;
	line-height: 1.1;
}
a:focus, button:focus, .navbar-toggler:focus, a:active, button:active, .navbar-toggler:active, input:focus, input:active{
	outline:none;
	box-shadow:none !important;
}
h3, h4, h5, h6{
	margin-bottom: 10px;
}
#page{
	overflow:hidden;
	position:relative;
}
#footer{
	position:absolute;
	bottom:0;
	padding-bottom:30px;
	width:100%;
	left:0;
	display: block;
	text-align:center;
	z-index:100;
}
.heroblock + #footer{
	color:#FFF;
}
.heroblock .heroarea-highlight{
	position:absolute;
	bottom:50px;
	left:60px;
	width:240px;
	z-index:30;
	overflow:hidden;
	border-radius:8px;
	background:#FFF;
	box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}
.heroblock .heroarea-highlight img{
	width:100%;
	opacity:1;
	transition:0.5s opacity;
}
.heroblock .heroarea-highlight:hover img{
	opacity:0.7;
}
.container{
	padding:0px 60px;
}
.container.container_full{
	width:100%;
	max-width:100%;
}
.form_border ul{
	list-style:none;
	padding-left:0;
}
.form_border ul li + li{
	margin-top:40px;
}
#header .container{
	padding-right:135px;
}
#header{
	padding:40px 0px;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	min-height: 126px;
	display:flex;
	align-items:center;
	pointer-events:none;
}
#header #logo{
	width:210px;
	max-width:100%;
	display:block;
	pointer-events:all;
}
#header svg .st0{
	fill:#FFF;
	transition:0.5s all;
}
#header svg .st1{
	fill:#FFF;
	transition:0.5s all;
}
#header svg .st2{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#FFF;
	transition:0.5s all;
}
#header.header-color svg .st0{
	fill:#99BE8C;
}
#header.header-color svg .st1{
	fill:#E4A079;
}
#header.header-color svg .st2{
	fill:#99BE8C;
}
#header .navbar-collapse{
	position: fixed;
	z-index: 9998;
	top: 0px;
	right: -100%;
	width: 100%;
	height: 100vh;
	pointer-events:all;
}
.fancybox-button{
	background:#000 !important;
}
#header .navbar-collapse.collapse.show, #header .navbar-collapse.collapsing{
	right: 0%;
}
#header .navbar-collapse .menu-container{
	position: absolute;
	top: 0px;
	right: -100%;
	background: #f9f5dd;
	width: 50%;
	height: 100vh;
	transition: 0.5s all;
	box-shadow: none;
	padding: 0px 90px;
	padding-top: 180px;
	padding-bottom: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#header #primary-menu li a{
	color:#000;
	font-weight: 400;
	opacity:0.5;
	text-decoration: none;
	font-size:calc(14px + 1vw);
}
#header #primary-menu li a:hover, #header #primary-menu li a:focus, #header #primary-menu li a:active{
	opacity:0.7;
}

#header #sub-menu li a{
	color:#000;
	font-weight: 400;
	opacity:0.5;
	text-decoration: none;
	font-size:calc(10px + 0.6vw);
}
#header #sub-menu li a:hover, #header #sub-menu li a:focus, #header #sub-menu li a:active{
	opacity:0.7;
}

#header .navbar-collapse.collapse.show .menu-container{
	right: 0%;
box-shadow: 0px 5px 120px 60px rgba(0,0,0,0.11);
overflow:auto;
}
#header .navbar-collapse .attention-area{
	position: absolute;
	top: 0px;
	right: -100%;
	background: #f7d7c8;
	width: 50%;
	height: 100vh;
	transition: 0.5s all;
	box-shadow: none;
	padding: 0px 90px;
	padding-top: 180px;
	padding-bottom: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	text-align:center;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: flex-end;
	align-items:center;
	flex-direction: column;
	padding:100px 60px;
	
}
#BorlabsCookieBox ._brlbs-bar .cookie-logo{
	max-width: 50px !important;
}
#BorlabsCookieBox ._brlbs-box, #BorlabsCookieBox ._brlbs-bar{
	padding:25px 0px !important;
}
#header .navbar-collapse.show .attention-area{
	right:50%;
}
#header .navbar-collapse .menu-container ul{
	list-style:none;
	padding-left:0;
	text-align:center;
}
#header .navbar-collapse .menu-container ul#sub-menu{
	margin-top:30px;
}
#header .navbar-collapse + .navbar-toggler{
	width:55px;
	height:55px;
	background:rgba(0,0,0,0.8);
	position:absolute;
	top:38px;
	right:60px;
	border-radius:50%;
	transform:scale(1);
	transition:0.5s all;
	z-index:9999;
	pointer-events:all;
}
#header .navbar-collapse + .navbar-toggler .bar{
	position:absolute;
	left:50%;
	top:50%;
	width:42px;
	height: 2px;
	transform:translate(-50%,-50%) rotate(0deg);
	transition:0.5s all;
	background:#f9f5dd;
	opacity:0;
}
#header.header-color .navbar-collapse:not(.show) + .navbar-toggler .bar{
	background:#99BE8C;
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar{
	background:#FFF;
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.second{
	top:35%;
	opacity:1;
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.third{
	top:50%;
	opacity:1;
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.fourth{
	top:65%;
	opacity:1;
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.fifth{
	top:80%;transform:translate(-50%,-50%) rotate(0deg);
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.first{
	top:20%;transform:translate(-50%,-50%) rotate(0deg);
}
#header .navbar-collapse + .navbar-toggler .bar.first{
	transform:translate(-50%,-50%) rotate(45deg);
	top:50%;
	opacity:1;
}

#header .navbar-collapse + .navbar-toggler .bar.fifth{
	transform:translate(-50%,-50%) rotate(-45deg);
	top:50%;
	opacity:1;
}
#header .navbar-collapse:not(.show) + .navbar-toggler:hover{
	background:rgba(0,0,0,0);
	transform:scale(1.1);
}
#header .navbar-collapse:not(.show) + .navbar-toggler{
	background:rgba(0,0,0,0);
}
#BorlabsCookieBox .cookie-logo img{
	width:48px !important;
	max-width: 100% !important;
}
.scroll-down{
	width: 32px;
	height: 56px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius: 19px;
	border-top-right-radius: 19px;
	border-bottom-left-radius: 19px;
	border-bottom-right-radius: 19px;
	border: 3px #FFF solid;
	z-index: 30;
	transition: 0.5s all;
}
.scroll-down::after{
	width: 4px;
	height: 4px;
	position: absolute;
	background: #FFF;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	content: "";
	border-radius: 50%;
	animation-name: scrollDown;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

.btn.btn-white{
	background:rgba(255,255,255,0.65) !important;
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
	border-radius:0px;
	padding:10px 20px;
	transition:0.5s all;
	transform:scale(1);
	font-weight:400;
	overflow:hidden;
	border:0 !important;
}
.btn.btn-white::after{
	position:absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	transform:translateX(-101%);
	background:rgba(255,255,255,1) !important;
	transition:0.5s transform;
	display:block;
	content:"";
	z-index:5;
}
.btn.btn-white span{
	position:relative;
	z-index:10;
}
.btn.btn-white:hover::after{
	transform:translateX(0%);
}
#BorlabsCookieBox p > span.text-center{
	display:none !important;
	height: 0px;
	opacity:0;
	overflow:hidden;
}
.btn.btn-white .fal{
	margin-right: 10px;
}
.btn.btn-white:hover .fal,  .btn.btn-white:focus .fal, .btn.btn-white:active .fal, .btn.btn-primary:hover .fal, .btn.btn-primary:hover .fal{
	animation: bouncing 2s linear infinite;
	-moz-animation: bouncing 2s linear infinite;
	-webkit-animation: bouncing 2s linear infinite;
	-o-animation: bouncing 2s linear infinite;
	-ms-animation: bouncing 2s linear infinite;
	animation-direction:normal;
	-moz-animation-direction:normal;
	-webkit-animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
}

.btn.btn-primary{
	background:rgba(80,130,114,0.65) !important;
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
	border-radius:0px;
	padding:15px 25px;
	transition:0.5s all;
	transform:scale(1);
	font-weight:400;
	color:#FFF;
	border:0 !important;
	overflow:hidden;
}
.btn.btn-primary::after{
	position:absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	transform:translateX(-101%);
	background:rgba(80,130,114,1) !important;
	transition:0.5s transform;
	display:block;
	content:"";
	z-index:5;
}
.btn.btn-primary span{
	position:relative;
	z-index:10;
}
.btn.btn-primary:hover::after,.btn.btn-primary:focus::after,.btn.btn-primary:active::after{
	transform:translateX(0%);
}
.btn.btn-primary .fal{
	margin-right: 10px;
}
.btn.btn-primary:hover .fal,  .btn.btn-primary:focus .fal, .btn.btn-primary:active .fal{
	animation: bouncing 2s linear infinite;
	-moz-animation: bouncing 2s linear infinite;
	-webkit-animation: bouncing 2s linear infinite;
	-o-animation: bouncing 2s linear infinite;
	-ms-animation: bouncing 2s linear infinite;
	animation-direction:normal;
	-moz-animation-direction:normal;
	-webkit-animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
}

.background-mint{
	background:#cfe7d3;
}
.background-earth{
	background:#f7d7c8;
}
.background-eco{
	background:#f9f5dd;
}

.heroblock{
	position:relative;
	display:flex;
	min-height: 100vh;
	padding:120px 0px;
	justify-content: center;
	align-items: center;
	text-align:center;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}
.heroblock.heroblock-small{
	min-height: 420px;
	padding:16% 0px;
}
.heroblock h2, .contentblock.textblock-zweigeteilt .attention-area h2,.attention-area h2{
	color:#FFF;
	font-size:52px;
}
.heroblock h1{
	color:#FFF;
	font-size:72px;
}
.heroblock h3, .heroblock h4, .heroblock h5, .heroblock h6{
	font-size:28px;
	color:#FFF;
}
.contentblock{
	min-height: 100vh;
	display:flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.contentblock.magazinblock,.contentblock.newsletterblock,.contentblock.kategorieblock{
	padding:50px 0;
}
.heroblock .container, .contentblock .container{
	position:relative;
	z-index:10;
}
.contentblock.textblock-zweigeteilt{
	padding-left:50%;
}
.contentblock.textblock-zweigeteilt.textblock-zweigeteilt-links{
	padding-left:0;
	padding-right:50%;
}
.contentblock.textblock-zweigeteilt.textblock-zweigeteilt-links .attention-area{
	left:auto;
	right:0;
}
.contentblock.textblock-zweigeteilt .attention-area{
	text-align:center;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height: 100%;
	display:flex;
	justify-content: flex-end;
	align-items:center;
	flex-direction: column;
	padding:100px 60px;
}
.contentblock.pageblock{
	padding:180px 0px;
	min-height: 0px;
}
.contentblock.pageblock img{
	max-width:100%;
	height: auto !important;
}
.contentblock.textblock-zweigeteilt .attention-area h2{
	width:560px;
	margin:0 auto;
	margin-bottom: 20px;
	max-width: 100%;
}
.contentblock.textblock-zweigeteilt .textblock-area{
	padding:12% 15%;
	min-height: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	position: relative;
	width:100%;
	font-size:1.3rem;
}
.contentblock.textblock-zweigeteilt.textblock-zweigeteilt-mit-slider .textblock-area{
	font-size:1rem;
}
.container{
	max-width:1140px;
}
.kategorieblock .container{
	max-width:1300px;
}
.row{
	margin-left:-45px;
	margin-right:-45px;
}
.row > div{
	padding-left:45px;
	padding-right:45px;
}
.tooltip{
	font-family:'Montserrat',sans-serif;
}
.contentblock.textblock-zweigeteilt .textblock-area .slider-elemente{
	margin: 0 auto;
	margin-bottom: 50px;
}
.background-weiss .slider-element .owl-carousel .owl-nav .owl-prev, .background-weiss .slider-element .owl-carousel .owl-nav .owl-next{
	background:#508272;
	color:#FFF;
}
.contentblock.textblock-zweigeteilt .textblock-area .textblock-area-inner{
	position:relative;
	z-index:30;
	flex-basis:100%;
	width:100%;
	margin-top:15%;
}
.contentblock.textblock-zweigeteilt.textblock-zweigeteilt-mit-slider .textblock-area .textblock-area-inner{
	margin-top:0;
}
.contentblock.textblock-zweigeteilt .textblock-area .background-shape{
	width:60%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:5;
}
.contentblock.textblock .container{
	position:relative;
	z-index:10;
	text-align:center;
	font-size:1.3rem;
}
.contentblock.textblock .container .animated{
	z-index:20;
}
.contentblock.textblock .background-shape{
	width:55%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:5;
}
.video-container{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index:5;
}
.video-container video{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto !important;
	height: auto !important;
}
.kategorie-elemente,.slider-elemente{
	position:relative;
}
.kategorie-elemente{
	z-index:100;
	overflow:hidden;
}
.slider-elemente{
	position: relative;
	height: 0px;
	padding-bottom: 100%;
	z-index:30;
}
.kategorie-element,.slider-element{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transform:translateX(100%);
	transition:0s transform, 0.5s 0.5s opacity;
	opacity:0;
}
.slider-element{
	z-index:40;
}
.slider-element:not(.active){
	z-index:30;
}
.kategorie-element:not(.active),.slider-element:not(.active){
	transition:0s 1s transform, 0.5s 0s opacity;
}
.kategorie-element.active,.slider-element.active{
	transform:translateX(0%);
	opacity:1;
}
.slider-element .slider-background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	border-radius:50%;
	z-index:5;
	background-size:cover;
	background-position:center right;
	background-repeat: no-repeat;
}
a{
	color:#508272;
	font-weight:700;
	text-decoration:none !important;
}
a:hover{
	color:#000;
}
p{
	margin-bottom:30px;
}
p:last-child{
	margin-bottom:0;
}
.slider-element .owl-carousel{
	position:relative;
	z-index:20;
}
.slider-element .owl-carousel .owl-stage-outer{
	border-radius:50%;
	overflow:hidden;
}
.magazinblock .category-text{
	position:absolute;
	top:0;
	left:0;
	padding:24px 30px;
	color:#FFF !important;
	text-decoration: none !important;
	width:260px;
	font-size:48px;
	font-weight:700;
	line-height: 1;
	font-style:italic;
}
.magazinblock .owl-carousel .owl-dots{
	position:absolute;
	bottom:30px;
	right:45px;
	z-index:30;
}
.fancybox-is-open .fancybox-bg{
	opacity:1;
}
.fancybox-bg{
	background:#FFF;
}
.shrinked-slider{
	width:70%;
	margin: 0 auto;
}
.magazinblock .owl-carousel .owl-dots button.owl-dot{
	width: 12px;
	height: 12px;
	border-radius:50%;
	background:#FFF;
	opacity:0.82;
	transition:0.5s opacity;
}
.magazinblock .owl-carousel .owl-dots button.owl-dot.active{
	opacity: 1;
}
.magazinblock .owl-carousel .owl-dots button.owl-dot + button.owl-dot{
	margin-left:12px;
}
.magazinblock .category-text.category-text-1{
	background:#faa37a;
}
.magazinblock .category-text.category-text-2{
	background:#fd80a3;
}
.slider-element .owl-carousel .owl-nav .owl-prev, .slider-element .owl-carousel .owl-nav .owl-next, .magazinblock .owl-carousel .owl-nav .owl-prev, .magazinblock .owl-carousel .owl-nav .owl-next{
	position:absolute;
	top:50%;
	left:0%;
	transform:translate(-50%,-50%) scale(1);
	width:60px;
	height:60px;
	display:flex;
	justify-content: center;
	background:#FFF;
	align-items: center;
	transition:0.5s transform, 0.5s opacity;
	border-radius:50%;
	opacity: 1;
	z-index:105;
}
.slider-element .owl-carousel .owl-nav .owl-next, .magazinblock .owl-carousel .owl-nav .owl-next{
	left:auto;
	right:0%;
	transform:translate(50%,-50%) scale(1);
}

ul{
	padding-left:20px;
}

.newsletter-block{
	background:#FFF;
	padding-left:40%;
	position:relative;
	display:flex;
	align-content: center;
	min-height: 420px;
}
.newsletter-block .newsletter-block-image-area{
	position:absolute;
	top:0;
	left:0;
	width:40%;
	height: 100%;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
}
.newsletter-block .newsletter-block-text-area{
	padding:60px;
}

/* BLOG AREA */

.blog-block{
	margin-top:0;
}
.blog-block + .blog-block{
	margin-top:90px;
}
.blog-block .img-fluid{
	width:100%;
}
.blog-block .image-bubble{
	position:relative;
	height:0px;
	padding-bottom:100%;
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	border-radius:50%;
	display:block;
}
.blog-block .image-16by9{
	position:relative;
	height:0px;
	padding-bottom:56.25%;
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
}
.blog-block .row{
	align-items: center;
}
.bildunterschrift{
	background:rgba(255,255,255,0.65);
	text-align:center;
	padding:10px 20px;
}
.background-weiss .bildunterschrift{
	background:rgba(80,130,114,0.65);
	color:#FFF;
}

/* ENDE BLOG AREA */


.background-mint .slider-element .owl-carousel .owl-nav .owl-prev, .magazinblock.background-mint .owl-carousel .owl-nav .owl-prev, .background-mint .slider-element .owl-carousel .owl-nav .owl-next, .magazinblock.background-mint .owl-carousel .owl-nav .owl-next{
	border:7px #cfe7d3 solid;
}
.background-eco .slider-element .owl-carousel .owl-nav .owl-prev, .magazinblock.background-eco .owl-carousel .owl-nav .owl-prev, .background-eco .slider-element .owl-carousel .owl-nav .owl-next, .magazinblock.background-eco .owl-carousel .owl-nav .owl-next{
	border:7px #f9f5dd solid;
}
.background-earth .slider-element .owl-carousel .owl-nav .owl-prev, .magazinblock.background-earth .owl-carousel .owl-nav .owl-prev, .background-earth .slider-element .owl-carousel .owl-nav .owl-next, .magazinblock.background-earth .owl-carousel .owl-nav .owl-next{
	border:7px #f7d7c8 solid;
}
.background-weiss .slider-element .owl-carousel .owl-nav .owl-prev, .magazinblock.background-weiss .owl-carousel .owl-nav .owl-prev, .background-weiss .slider-element .owl-carousel .owl-nav .owl-next, .magazinblock.background-weiss .owl-carousel .owl-nav .owl-next{
	border:7px #fff solid;
}
.slider-element:hover .owl-carousel .owl-nav .owl-prev, .slider-element:hover .owl-carousel .owl-nav .owl-next, .magazinblock .owl-carousel:hover .owl-nav .owl-prev, .magazinblock .owl-carousel:hover .owl-nav .owl-next{
	transform:translate(-50%,-50%) scale(1);
}
.slider-element:hover .owl-carousel .owl-nav .owl-next, .magazinblock .owl-carousel:hover .owl-nav .owl-next{
	transform:translate(50%,-50%) scale(1);
}
.slider-element .owl-carousel .owl-nav .owl-prev:hover, .slider-element:hover .owl-carousel .owl-nav .owl-next:hover, .magazinblock .owl-carousel .owl-nav .owl-prev:hover, .magazinblock .owl-carousel .owl-nav .owl-next:hover{
	transform:translate(-50%,-50%) scale(1.1) !important;
	opacity:1;
}
.slider-element:hover .owl-carousel .owl-nav .owl-next:hover, .magazinblock .owl-carousel .owl-nav .owl-next:hover{
	transform:translate(50%,-50%) scale(1.1) !important;
}
.slider-element .owl-carousel .produkt-item{
	position:relative;
	height:0px;
	padding-bottom:100%;
}
.slider-element .owl-carousel .produkt-item img{
	position:absolute;
	width:auto !important;
	height: auto !important;
	max-width:50%;
	max-height: 70%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.slider-element .owl-carousel .produkt-item.produkt-fullsize-item img{
	max-width: 100%;
	max-height: 100%;
}
.slider-item{
	display:block;
	height: 0px;
	padding-bottom: 56.25%;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
	overflow:hidden;
}
.slider-item .magazin-title{
	position:absolute;
	width:60%;
	padding:0px 30px;
	text-align:center;
	color:#FFF;
	left:50%;
	top:50%;
	transform:translate(-50%,-40%);
	opacity:0;
	transition:0.75s 0.2s opacity, 0.75s 0.2s transform;
	z-index:10;
}
.slider-item .magazin-background{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	z-index:5;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display:block;
	transform:translate(-50%,-50%) scale(1.2);
	transition: 1s 0.1s transform;
}
.owl-item.active .slider-item .magazin-background{
	transform:translate(-50%,-50%) scale(1);
}
.owl-item.active .slider-item .magazin-title{
	transform:translate(-50%,-50%);
	opacity:1;
}
.slider-item .magazin-title h2{
	font-size:52px;
}
.kategorieblock .nav.nav-inline, .magazinblock .nav.nav-inline{
	margin-bottom:30px;
}
.magazinblock .nav.nav-inline{
	justify-content: center;
}
.magazinblock .nav.nav-inline{
	font-size:1.3rem;
}
.kategorieblock .nav.nav-inline li + li, .magazinblock .nav.nav-inline li + li{
	margin-left:20px;
}
.magazinblock .nav.nav-inline li + li{
	margin-left:30px;
}
.kategorieblock .nav.nav-inline li a, .magazinblock .nav.nav-inline li a{
	font-weight:400;
	color:#000;
	opacity:0.42;
	text-decoration:none !important;
	transition:0.5s opacity;
	cursor:pointer;
}
.kategorieblock .nav.nav-inline li a:hover, .magazinblock .nav.nav-inline li a:hover{
	opacity:1;
}
.kategorieblock .nav.nav-inline li.active a, .magazinblock .nav.nav-inline li.active a{
	opacity:1;
	color:#000;
}
.kategorieblock .row{
	align-items: center;
}

#content span.wpcf7-list-item{
	margin-left:0;
}
#content form .row label, #content form ul label.field_label{
	font-weight: 700;
}
#content form .form-control{
	border-radius: 0;
	border: 0;
	border-bottom: 2px #696969 solid;
	color: #696969;
	padding-left: 0;
	padding-right: 0;
}
#content form .form-control:hover, #content form .form-control:active, #content form .form-control:focus{
	border-bottom: 2px #508272 solid;
	outline:none;
	box-shadow:0px;
}
#content form .row{
	margin-bottom: 40px;
}
#content form input[type=checkbox], #content form input[type=radio]{
	display:none;
}
#content form input[type=checkbox] + .wpcf7-list-item-label, #content form input[type=radio] + .wpcf7-list-item-label{
	position: relative;
	padding-left: 64px;
	display: block;
}
#content form input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox, #content form input[type=radio] + .wpcf7-list-item-label .pseudo-checkbox{
	width: 46px;
	height: 46px;
	border-radius: 0px;
	border: 2px #696969 solid;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
#content form input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox svg, #content form input[type=radio] + .wpcf7-list-item-label .pseudo-checkbox svg{
	position:absolute;
	top:50%;
	left:50%;
	width:70%;
	height: 70%;
	transform:translate(-50%,-50%) scale(0);
	transition:0.5s all;
}
.preload-animation::before{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:#508272;
	display:block;
	content:"";
	transform:translateY(0%);
	z-index:99998;
	transition:0.5s 0.15s transform;
}
.preload-animation.loaded::before{
	transform:translateY(-100%);
}
.preload-animation::after{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:#99be8c;
	display:block;
	content:"";
	transform:translateY(0%);
	z-index:99999; 
	transition: 0.5s transform;
}
.preload-animation.loaded::after{
	transform:translateY(-100%);
}
#content form input[type=checkbox]:checked + .wpcf7-list-item-label .pseudo-checkbox svg, #content form input[type=radio]:checked + .wpcf7-list-item-label .pseudo-checkbox svg{
	transform:translate(-50%,-50%) scale(1);
}
.faq-accordion{
}
.faq-accordion .question{
	position: relative;
	padding: 15px 24px;
	background: #508272;
	color: #FFF;
	border-radius: 0px;
	cursor: pointer;
	transition: 0.5s background, 0.5s color;
	font-weight: 700;
}
.faq-accordion .question.active{
	background:#99BE8C;
	color:#FFF;
}
.faq-accordion .question::before,.faq-accordion .question::after{
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(-50%) rotate(0deg);
	width: 16px;
	height: 2px;
	background: #FFF;
	display: block;
	content: "";
	transition: 0.5s transform, 0.5s background;
}
.faq-accordion .question::after{
	transform: translate(-50%) rotate(90deg);
}
.faq-accordion .question.active::after{
	background: #FFF;
	transform: translate(-50%) rotate(0deg);
}
.faq-accordion .question.active::before{
	background:#FFF;
}
.faq-accordion .answer{
	padding: 0px 24px;
	margin-bottom: 20px;
	margin-top: 0px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: 0.5s all;
}
.faq-accordion .answer p:last-child{
	margin-bottom: 0;
}
.faq-accordion .question.active + .answer{
	height: auto;
	margin-bottom: 60px;
	margin-top: 20px;
	opacity: 1;
}
p:last-child,ul:last-child, ol:last-child{
	margin-bottom: 0;
}
@media(max-width:1200px){
	.kategorieblock .nav.nav-inline li, .magazinblock .nav.nav-inline li{
		margin-right:12px;
	}
	.kategorieblock .nav.nav-inline li + li, .magazinblock .nav.nav-inline li + li{
		margin-left:0px;
	}
	body,.contentblock.textblock-zweigeteilt.textblock-zweigeteilt-mit-slider .textblock-area, .btn{
		font-size:0.93rem;
	}
	.row > div{
		padding-left:40px;
		padding-right:40px;
	}
}
@media(max-width:991px){
	.contentblock.textblock-zweigeteilt{
		padding-left:0;
		display:block;
	}
	.contentblock.textblock-zweigeteilt.textblock-zweigeteilt-links{
		padding-right:0;
	}
	.contentblock.textblock-zweigeteilt .attention-area{
		position:relative;
		width:100%;
		min-height: 50vh;
	}
	.contentblock.textblock-zweigeteilt .textblock-area{
		position:relative;
		min-height: 50vh;
	}
	.slider-elemente{
		margin-top:40px;
	}
	.shrinked-slider{
		width:100%;
	}
	.heroblock h1{
		font-size:52px;
	}
	.heroblock h2, .contentblock.textblock-zweigeteilt .attention-area h2, .attention-area h2, .slider-item .magazin-title h2{
		font-size:36px;
	}
	.heroblock h3, .heroblock h4, .heroblock h5, .heroblock h6{
		font-size:23px;
	}
	body,.contentblock.textblock-zweigeteilt.textblock-zweigeteilt-mit-slider .textblock-area, .btn{
		font-size:0.9rem;
	}
	.h3, h3{
		font-size:1.55rem;
	}
	.h4, h4{
		font-size:1.42rem;
	}
	.contentblock.textblock-zweigeteilt .textblock-area, .magazinblock .nav.nav-inline, .contentblock.textblock .container{
		font-size:1.2rem;
	}
}
@media(max-width:767px){
	.heroblock .heroarea-highlight{
		width:190px;
	}
	.newsletter-block{
		padding-left:0;
		flex-direction: column;
	}
	.newsletter-block .newsletter-block-image-area{
		position:relative;
		width:100%;
		height: 0;
		padding-bottom: 60.25%;
	}
	.newsletter-block .newsletter-block-text-area{
		padding:34px 40px;
	}
	#content form input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox, #content form input[type=radio] + .wpcf7-list-item-label .pseudo-checkbox{
		width: 21px;
		height: 21px;
	}
	#content form input[type=checkbox] + .wpcf7-list-item-label, #content form input[type=radio] + .wpcf7-list-item-label{
		padding-left:35px;
	}
	.heroblock h1{
		font-size:45px;
	}
	.heroblock h3, .heroblock h4, .heroblock h5, .heroblock h6{
		font-size:20px;
	}
	.heroblock h2, .contentblock.textblock-zweigeteilt .attention-area h2, .attention-area h2, .slider-item .magazin-title h2{
		font-size:32px;
	}
	.contentblock.textblock-zweigeteilt .textblock-area, .magazinblock .nav.nav-inline, .contentblock.textblock .container{
		font-size:0.92rem;
	}
	
	body,.contentblock.textblock-zweigeteilt.textblock-zweigeteilt-mit-slider .textblock-area, .btn{
		font-size:0.76rem;
	}
	.h3, h3{
		font-size:1.43rem;
	}
	.h4, h4{
		font-size:1.32rem;
	}
	.scroll-down{
		width: 24px;
		height: 42px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		border-width: 2px;
	}
	.scroll-down::after{
		animation-name: scrollDownXS;
		width:3px;
		height:3px;
	}
}
@media(max-width:567px){
	.heroblock .heroarea-highlight{
		display:none !important;
	}
	.heroblock h1{
		font-size:32px;
	}
	.heroblock h3, .heroblock h4, .heroblock h5, .heroblock h6{
		font-size:16px;
	}
	.heroblock h2, .contentblock.textblock-zweigeteilt .attention-area h2, .attention-area h2, .slider-item .magazin-title h2{
		font-size:27px;
	}
	.slider-item{
		padding-bottom:120%;
	}
	.slider-item .magazin-title{
		width:90%;
	}
	#header .navbar-collapse .attention-area{
		display:none;
	}
	#header .navbar-collapse .menu-container{
		width:100%;
	}
	#header{
		position:absolute;
	}
	#header .navbar-collapse + .navbar-toggler{
		position: fixed;
	}
}
@media(max-width:375px){
	.container{
		padding:0px 50px;
	}
	#header .navbar-collapse + .navbar-toggler{
		right:50px;
	}
	.heroblock h2, .contentblock.textblock-zweigeteilt .attention-area h2, .attention-area h2, .slider-item .magazin-title h2{
		font-size:24px;
	}
}
@media(max-width:320px){
	.container{
		padding:0px 40px;
	}
	#header .navbar-collapse + .navbar-toggler{
		right:40px;
	}
	.heroblock h2, .contentblock.textblock-zweigeteilt .attention-area h2, .attention-area h2, .slider-item .magazin-title h2{
		font-size:21px;
	}
	.slider-element .owl-carousel .owl-nav .owl-prev, .slider-element .owl-carousel .owl-nav .owl-next, .magazinblock .owl-carousel .owl-nav .owl-prev, .magazinblock .owl-carousel .owl-nav .owl-next{
		width: 45px;
		height: 45px;
		border-width: 5px !important;
	}
	.slider-item .magazin-title{
		width:100%;
	}
}
@keyframes scrollDown {
        0% {
            opacity: 0;
            top:20%
        }

        33% {
            top: 20%;
            opacity:1
        }

        66% {
            top: 60%;
            opacity:0
        }

        100% {
            opacity: 0;
            top: 20%
        }
}
@keyframes scrollDownXS {
        0% {
            opacity: 0;
            top:25%
        }

        33% {
            top: 25%;
            opacity:1
        }

        66% {
            top: 54%;
            opacity:0
        }

        100% {
            opacity: 0;
            top: 25%
        }
}
@keyframes bouncing {
	0% {
		transform:translateX(0px);
		opacity:1;
	}
 	20% {
		transform:translateX(0px);
		opacity:0;
    }
	40%{
		transform:translateX(-12px);
		opacity:0;
	}
	60%
	{
		opacity:1;
	}
	80%{
		transform:translateX(0px);
		opacity:1;
	}
}