/*!
Theme Name: Betweenthelines
Theme URI: http://underscores.me/
Author: Florian Strasser - Webdesign & Programmierung
Author URI: http://www.florian-strasser.de
Description: Ein modernes individuell erstelltes Wordpress-Theme
Version: 1.0.7
Tested up to: 6.1.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: betweenthelines
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.

Betweenthelines 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/
*/

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/poppins-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/poppins-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/poppins-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/playfair-display-v36-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/playfair-display-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/playfair-display-v36-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*###############################################
#												#
#					GENERAL 					#
#												#
###############################################*/

body{
	background:#FFFFFF;
	color:#000000;
}
body, .form-control{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:16px;
}
strong{
	font-weight:bold;
}
.wpcf7-form label{
    display:block;
}
.wpcf7-form label input{
    margin-top:0.3em;
}
.font-playfair{
	font-family: 'Playfair Display', sans-serif;
	font-weight: 400;
}
.font-playfair-bold{
	font-family: 'Playfair Display', sans-serif;
	font-weight: 700;
}
.logo-slim{
	border-top:2px #000 solid;
	border-bottom:2px #000 solid;
	display:inline-block;
	padding-top:0.3em;
	padding-bottom:0.4em;
}
.container{
	padding:0px 80px;
    max-width:1040px;
}
.container.px-0, .container_outer .container{
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.single-post .pageblock .container{
    max-width:800px;
}
.autor_info{
	display:flex;
	justify-content: space-between;
	padding-bottom:0.5em;
	border-bottom:1px #6E6E69 solid;
	margin-bottom: 2em;
}
.max-w-full{
    max-width:100%;
}
.wc_ppp_paywall_wrapper{
	position: relative;
}
.wc_ppp_paywall_wrapper{
	margin:0 -15px;
	margin-top:15px;
	background:#42AC3A;
}
.wc_ppp_paywall{
	background:#F3F3F3;
	text-align:center;
	padding:80px 100px;
	margin:0 15px;
	position:relative;
	transform:translateY(-15px);
}
.wc_ppp_paywall > p{
	font-size:1.35em;
}
.wc_ppp_paywall img{
	width: 702px;
	max-width: 100%;
	height: auto !important;
	margin: 0 auto;
}
.border-t{
	border-top: 1px #6E6E69 solid;
	padding-top:2em;
}
.next-article{
	display:flex;
}
.next-article .next-article-date{
    width:94px;
    flex-grow:0;
    flex-shrink:0;
}
#header .next-article .next-article-date{
    width:42px;
}
.next-article + .next-article{
	padding-top:0.5em;
	margin-top:0.5em;
	border-top:1px rgba(0,0,0,0.3) solid;
}
.next-article .next-article-date{
	margin-right:0.6em;
}
.wp-block-image > .wp-element-caption{
	margin-top:0.5em;
	margin-bottom:0; 
	color:#545353;
	font-size:0.8em;
}
.wp-block-image{
	margin-bottom:2em;
}
.preview_text{
	position: relative;
	margin-bottom:30px;
}
.preview_text::after{
	position: absolute;
	display:block;
	content:"";
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.comment-block-inner-wrapper{
	position: relative;
	margin:0 -15px;
	margin-top:65px;
	background:#42AC3A;
}
.comment-block-inner{
	background:#F3F3F3;
	text-align:left;
	padding: 40px 70px;
	margin:0 15px;
	position:relative;
	transform:translateY(-15px);
}
.comment-block-inner .font-playfair{
    border-bottom:2px rgba(0,0,0,0.4) solid;
    padding-bottom:0.4em;
    margin-bottom:0.5em;
}
.hero_story_text_wrapper{
	position: relative;
	padding:0px 15px;
	margin-top:30px;
	background:#42AC3A;
}
.hero-image{
	display:block;
	position:relative;
	height:0;
	padding-bottom:52.75%;
	margin-top:15px;
}
.top-image{
	display:block;
	position:relative;
	height:0;
	padding-bottom:56.47%;
}
.post_block_right .row{
	flex-direction: row-reverse;
}
.hero-image img, .top-image img{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.hero_story_text_wrapper .hero_story_text{
	background:#F3F3F3;
	text-align:left;
	padding:40px 70px;
	position:relative;
	transform:translateY(-15px);
	display:block;
}
.hero_story_text_wrapper .hero-post-sub-wrapper, .post_block .subline{
	padding-top:0.6em;
	margin-top:0.6em;
	font-weight:700;
	border-top:0.15em #000 solid;
}
.hero_story.premium-post .subline, .post_block.premium-post .subline{
    padding-left:2em;
    position: relative;
}
.hero_story.premium-post .subline::before, .post_block.premium-post .subline::before{
    position: absolute;
    top:0.8em;
    left:0;
    width:1.5em;
    height: 1em;
    display:block;
    content:"";
    background-image:url('images/btl-plus.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.hero_story_text_wrapper .hero-post-sub-wrapper {
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.hero_story_text_wrapper .hero-post-sub-wrapper .subline{
    margin-right:0.6em;
}
.post_block{
	margin-top:50px;
}
.more-content .post_block{
	margin-top:0;
}
.more-content .post_block + .post_block{
	margin-top:50px;
}
.more-content, .more-content > div + div {
	margin-top:70px;
}
.more-content{
	margin-bottom:70px;
}
.container_wrapper{
	padding:0px;
}
.container_wrapper .container{
	padding:0px 40px;
}
.container.container_full{
	max-width:100%;
	padding:0px 40px;
}
.hero-image{
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.row{
	margin-left: -20px;
	margin-right: -20px;
}
.row > div, .row > p{
	padding-left:20px;
	padding-right:20px;
}
::selection{
    background-color: #000000;
    color:#FFF;
}
::-moz-selection{
    background-color: #000000;
    color:#FFF;
}
#site-wrapper{
	overflow:hidden;
	position: relative;
}
.text-primary{
	color:#000000 !important;
}
a{
	color:#000000;
	transition:0.5s color;
	text-decoration: none !important;
}
a:hover, a:focus, a:active{
	color:#000000;
}
a, a:hover, a:focus, a:active, button, button:hover, button:focus, button:active{
	outline:none;
	box-shadow:none;
}
h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	color:#000000;
}
h1, .h1{
	font-size:2.5em;
	margin-bottom:0.55em;
}
h2, .h2{
	font-size:2em;
	margin-bottom:0.5em;
}
h3, .h3, h1.product_title{
	font-size:1.8em;
	margin-bottom: 0.34em;
}
h4, .h4, h5, .h5, h6, .h6{
	font-size:1.8em;
	margin-bottom:15px;
}
.h1.subline, .h2.subline, .h3.subline, .h4.subline, .h5.subline, .h6.subline{
	margin-bottom:10px;
}
.btn{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	border-radius:0;
	padding:1em 2em;
	font-size:16px;
	color:#000000 !important;
}
.btn.btn-transparent{
	padding:0;
}
.btn.btn-white{
    background:#FFF !important;
    color:#000 !important;
	border:0;
}
.btn i{
	margin-right:10px;
	font-size:80%;
}
.btn.btn-primary{
	background: #000000 !important;
	border:0;
	color:#FFF !important;
}
.btn.btn-primary:hover{
	background: #000000 !important;
}
.cart-empty.woocommerce-info, p.return-to-shop{
	text-align:center;
}
p.return-to-shop{
	margin-top:1em;
}
p, .wp-block-quote{
	margin-bottom:1em;
}
p:last-child{
	margin-bottom: 0;
}
p + h2, p + h3, p + h4, p + h5, p + h6{
	margin-top:50px;
}
li.menu-item{
	position: relative;
}
li.menu-item > .sub-menu{
	display:none;
	position: absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,100%);
	width:340px;
	background:#F3F3F3;
	padding:15px 20px;
}
li.menu-item:hover > .sub-menu{
	display:block;
}
li.menu-item > .sub-menu::before{
    position: absolute;
    display:block;
    content:"";
    top:0;
    left:50%;
    transform:translate(-50%,-100%);
    width:0;
    height: 0;
    border-bottom:12px #F3F3F3 solid;
    border-left:12px transparent solid;
    border-right:12px transparent solid;
}
img{
	display:block;
	max-width: 100%;
}
.hero-post-title, .overview-post-title{
	font-size:1.7em !important;
	margin-bottom:0.3em !important;
}
.main-img-wrapper{
	position: relative;
	height:0;
	padding-bottom:56.25%;
}
.main-img-wrapper > img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.scroll-down{
	width: 38px;
	height: 61px;
	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: 5px;
	height: 5px;
	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;
}
.hintergrund-weiss{
	background:#FFFFFF;
}
.hintergrund-grau{
	background:#FAFAFA;
}
.hintergrund-primary{
	background:#000000;
	color:#FFF;
}
.hintergrund-image{
	color:#FFF;
	position: relative;
}
.contentblock.hintergrund-cyan + .contentblock.hintergrund-cyan, .hintergrund-weiss + .hintergrund-weiss, .contentblock.hintergrund-grau + .contentblock.hintergrund-grau, .contentblock.hintergrund-primary + .contentblock.hintergrund-primary, .contentblock.hintergrund-image + .contentblock.hintergrund-image{
	padding-top:0;
}

/*###############################################
#												#
#					 HEADER 					#
#												#
###############################################*/
.logo-wrapper{
    padding-top:68px;
}
#header{
	position: fixed;
	width: 100%;
	padding: 0px 0px;
	z-index: 9000;
    background:#FFF;
}
.underline{
    text-decoration: underline;
}
table{
    width:100%;
}
.header-row{
    flex:
}
.logo-wrapper .container #logo, #mobile-logo a{
	border-top: 2px rgba(0,0,0,0.4) solid;
	border-bottom: 2px rgba(0,0,0,0.4) solid;
	padding-top:30px;
	padding-bottom:30px;
    width:100%;
}
#mobile-logo{
    flex-grow:1;
    flex-shrink:1;
}
#mobile-logo a{
    max-width:264px;
    width: 100%;
    padding-left:12px;
    padding-right:12px;
    padding-top:10px;
    padding-bottom:10px;
}
#logo a{
	width:640px;
	max-width:100%;
	margin:0 auto;
    display:block;
}
#logo a img{
	width:100%;
	height: auto !important;
}
#header .container > div > .nav .menu{
	list-style:none;
	margin-bottom: 0;
	padding-left:0;
	display:flex;
}
.single-match{
    display:flex;
    justify-content: space-between;
}
.single-spieltag + .single-spieltag, .tabelle-wrapper{
    margin-top:2em;
}
.modal-widget{
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height: 100vh;
	z-index:9999;
	transform:translateX(100%);
	transition:0s transform;
}
.modal-widget:not(.active){
	transition:0s 0.3s transform;
}
.modal-widget.active{
	transform:translateX(0%);
}
.modal-widget .modal-widget-inner{
	position:absolute;
	top:0;
	right:0;
	width:960px;
	max-width:100%;
	height: 100%;
	overflow:auto;
	background:#FFFFFF;
	font-size:14px;
	padding:60px 90px;
	z-index:200;
	transform:translateX(100%);
	transition:0.3s transform;
}
.modal-widget.active .modal-widget-inner{
	transform:translateX(0%);
}
.modal-widget .modal-widget-bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #040d1d;
	opacity: 0;
	z-index:100;
	transition:0.3s opacity;
}
.modal-widget.active .modal-widget-bg{
	opacity: 0.75;
}
.modal-widget a{
	color:#FFF !important;
}
#header .container > div > .nav .menu li + li{
	margin-left:20px;
}
#header .container > div > .nav .menu li a{
	color:#FFF;
	font-family:'Poppins',sans-serif;
	font-weight:800;
	display:block;
}
#header.header-shop .container > div > .nav .menu li a{
	color:#000000;
}
#header #logo{
	width:71px;
	max-width:100%;
}
#header .custom-logo-link{
	display:block;
}
#header .custom-logo-link img{
	display: block;
	width: 100%;
	height: auto;
}
#header .container{
    position: relative;
    z-index:20;
}
#header .navbar-collapse{
	position: fixed;
	z-index: 10;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100vh;
	transform:translateX(0%);
	transition:0s transform;
}
#header .navbar-collapse:not(.show){
	transform:translateX(100%);
	transition:0s 0.5s transform;
}
#header .navbar-collapse .navbar-content{
    position: absolute;
	top: 0px;
	right: 0%;
	background: #FFF;
	width: 100%;
	height: 100%;
	overflow:auto;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform:translateX(0%);
	transition:0.5s transform;
}
#header .navbar-collapse:not(.show) .navbar-content{
	transform:translateX(100%);
}
#header .navbar-collapse .menu-navigation-container{
	position: absolute;
	top: 0px;
	right: 0%;
	background: #FFF;
	width: 100%;
	height: 100%;
	overflow:auto;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform:translateX(0%);
	transition:0.5s transform;
}
#header .navbar-collapse .menu-navigation-container .menu{
	list-style:none;
	padding-left:0;
	margin-bottom:0;
	text-align:center;
	padding: 0px 90px;
	width:100%;
}
#header .navbar-collapse .menu-navigation-container .menu li a{
	font-size:32px;
	padding:20px 0px;
	display:block;
	text-transform: uppercase;
}
#header .navbar-collapse:not(.show) .menu-navigation-container{
	transform:translateX(100%);
}
#header .navbar-collapse::before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	opacity: 1;
	display:block;
	content:"";
	background:rgba(0,0,0,0.7);
	backdrop-filter:blur(7px);
	-webkit-backdrop-filter:blur(7px);
	transition:0.5s opacity;
}
#header .navbar-collapse:not(.show)::before{
	opacity: 0;
	transition:0.5s opacity;
}
#header .navbar-toggler{
	position: relative;
	background: transparent;
	padding: 0;
	margin: 0;
	width: 53px;
	height: 53px;
	z-index: 9999;
	transition: 0.5s all;
	transform: rotate(0deg);
    color:#000 !important;
}
#header .navbar-toggler .bar{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(0deg);
	width: 60%;
	height: 1px;
	background: #000;
	display: block;
	content: "";
	border-radius: 2px;
	opacity: 1.0;
	transition: 0.5s all;
	box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
}

#header .navbar-toggler .bar.first{
	transform: translate(-50%,-50%) rotate(-45deg);
}
#header .navbar-toggler .bar.second{
	transform: translate(-50%,-50%) rotate(45deg);
	opacity:0;
}
#header .navbar-toggler .bar.third{
	transform: translate(-50%,-50%) rotate(45deg);
}

#header .navbar-collapse:not(.show) + .navbar-toggler .bar.first{
	transform: translate(-50%,-800%) rotate(0deg);
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.second{
	transform: translate(-50%,-50%) rotate(0deg);
	opacity:1;
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.third{
	transform: translate(-50%,700%) rotate(0deg);
}

/*###############################################
#												#
#					 CONTENT 					#
#												#
###############################################*/

.contentblock{
	padding:54px 0px;
}
.contentblock.pageblock{
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.blog-tile-small a.image-wrapper{
	margin-bottom:1em;
	display:block;
}
.blog-tile-small h3{
	font-size:1.5em;
}
.contentblock.newsletter{
	background:#000;
	color:#FFF;
	padding:140px 0;
	position: relative;
}
.contentblock.newsletter a{
    color:#FFF !important;
}
.contentblock.newsletter::before{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background:#000;
	opacity: 0.5;
	display:block;
	content:"";
	z-index:3;
}
.contentblock.newsletter .editable_content{
    display:flex;
    margin-bottom:1.5em;
}
.contentblock.newsletter .editable_content .cr_form-component{
    position: relative;
}
.contentblock.newsletter .editable_content .cr_form-component.cr_form-component--email{
    flex-grow:1;
    flex-shrink:1;
    width:100%;
}
.contentblock.newsletter .editable_content .cr_form-component.cr_form-component--submit{
    flex-shrink:0;
    flex-grow:0;
    margin-left:1.5em;
}
.contentblock.newsletter .editable_content .cr_form-component .cr_form-inputgroup, .contentblock.newsletter .editable_content .cr_form-component .cr_form-inputgroup .cr_form-input{
    position: relative;
    height: 100%;
}
.contentblock.newsletter .container{
	position: relative;
	z-index:5;
}
.contentblock.newsletter > img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index:1;
	object-fit: cover;
}
.contentblock.newsletter h2{
	color:#FFF;
}
.heroarea{
	text-align: center;
	padding: 200px 0px;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #FFF;
	position: relative;
}
.heroarea .video-container, .heroarea .image-container, .contentblock.hintergrund-image .image-container{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 5;
}
.heroarea .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;
}
.heroarea h1, .heroarea h2{
	color:#FFF;
}
.heroarea::after, .contentblock.hintergrund-image::after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#040d1d;
	opacity:0.5;
	display:block;
	content:"";
	z-index:7;
}
.heroarea .container, .contentblock.hintergrund-image .container{
	position: relative;
	z-index:10;
}
.heroarea.heroarea-small{
	min-height: 42vw;
}
.contentblock.textblock, .contentblock.kundenstimmen, .contentblock.galerieslider, .contentblock.newsslider{
	text-align:center;
}
.newsslider .blog-block{
	padding:40px;
	background:#FAFAFA;
	text-align:left;
}
.hero_story_images{
    display:flex;
    justify-content: space-between;
}
.hero_story_images .hero_story_image{
    position: relative;
    width:66.19%;
}
.hero_story_images .hero_story_image.hero_story_image_left{
    width:29.30%;
}
.hero_story_images .hero_story_image::before{
    display:block;
    content:"";
    height: 0;
    padding-bottom:66.67%;
}
.hero_story_images .hero_story_image.hero_story_image_left::before{
    padding-bottom: 150%;
}
.hero_story_images .hero_story_image > img{
    position: absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
.hintergrund-primary .blog-block h1, .hintergrund-primary .blog-block h2, .hintergrund-primary .blog-block h3, .hintergrund-primary .blog-block h4, .hintergrund-primary .blog-block h5, .hintergrund-primary .blog-block h6{
	color:#000000;
}
.newsslider.hintergrund-grau .blog-block, .newsslider.hintergrund-primary .blog-block{
	background:#FFF;
	color:#000000;
}
.newsslider .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.galerieslider .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.galerieslider .owl-carousel + p, .newsslider .owl-carousel + p{
	margin-top:30px;
}
.galerie-bild{
	display:block;
	height:0px;
	padding-bottom: 56%;
	overflow:hidden;
	position: relative;
}
.galerie-bild .galerie-bild-container{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(1);
	width:100%;
	height: 100%;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.5s transform;
}
.galerie-bild:hover .galerie-bild-container{
	transform:translate(-50%,-50%) scale(1.05);
}
.contentblock.leistungsblock .row{
	justify-content: flex-end;
	margin-left:-60px;
	margin-right:-60px;
}
.contentblock.leistungsblock.leistungsblock-left .row{
	justify-content: flex-start;
}
.contentblock.leistungsblock .row > div{
	padding-left: 60px;
	padding-right: 60px;
}
.contentblock.leistungsblock .service-inner{
	position:relative;
	padding:7% 0;
}
.contentblock.leistungsblock .image-container{
	position: absolute;
	width: 50%;
	padding-left:0px !important;
	padding-right:60px !important;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius:0;
	height: 100%;
}
.contentblock.leistungsblock.leistungsblock-left .image-container{
	left:auto;
	right:0;
	padding-left:60px !important;
	padding-right:0px !important;
}
.contentblock.leistungsblock .image-container img{
	border-radius:0;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	position: relative;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	box-shadow: 0px 28px 90px rgba(0,0,0,0.3);
}
.contentblock.leistungsblock.leistungsblock-left .image-container img{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.wpcf7-list-item{
	margin-left:0;
}

/*###############################################
#												#
#					   FAQ						#
#												#
###############################################*/

.faq-accordion .question{
	position: relative;
	padding: 1em 2em;
	background: #FAFAFA;
	border-radius: 2em;
	cursor: pointer;
	transition: 0.5s background, 0.5s color;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	z-index:10;
}
.faq-accordion .question.active{
	color:#FFF;
	background:#000000;
}
.faq-accordion .question::before, .faq-accordion .question::after{
	position: absolute;
	top: 50%;
	right: 2em;
	transform: translate(-50%) rotate(0deg);
	width: 1em;
	height: 2px;
	background: #000000;
	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 .answer{
	padding: 0 2em;
	margin-bottom: 1em;
	margin-top: 0px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: 0.5s all;
}
.faq-accordion .question.active + .answer{
	height: auto;
	margin-bottom: 60px;
	margin-top: 20px;
	opacity: 1;
}

/*###############################################
#												#
#					   BLOG						#
#												#
###############################################*/

.category-nav{
	display:flex;
	justify-content: flex-start;
	align-items:center;
	padding-left:0;
	list-style:none;
	margin-bottom: 30px;
}
.category-nav{
	justify-content: center;
}
.category-nav a{
	padding:10px 15px;
	opacity:0.5;
	transition:0.5s opacity;
}
.category-nav a:hover{
	opacity:1;
}
.category-nav .current-cat a{
	opacity:1;
}
.blog-block .row{
	align-items: center;
}
.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;
}
.newsslider .blog-block .row{
	margin-left:-20px;
	margin-right:-20px;
}
.newsslider .blog-block .row > div{
	padding-left:20px;
	padding-right:20px;
}
.posts_bilder_rechts .row{
    flex-direction: row-reverse;
}
table .games-col{
    width:28px;
}
table .goals-col{
    width:36px;
}
table .points-col{
    width:30px;
}
.comment-block-inner .owl-carousel .owl-nav button.owl-next, .comment-block-inner .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:2em;
    height: 2em;
    background:#000;
    color:#FFF;
    transition:0.3s opacity;
}
.comment-block-inner .owl-carousel .owl-nav button.owl-next.disabled, .comment-block-inner .owl-carousel .owl-nav button.owl-prev.disabled{
    opacity:0;
    pointer-events: none;
}
.comment-block-inner .owl-carousel .owl-nav button.owl-next{
    left:auto;
    right:0;
}
.comment-block-inner .owl-carousel{
    position: static;
}

/*###############################################
#												#
#					 WP-CODES 					#
#												#
###############################################*/

.wp-block-quote{
	background:#FAFAFA;
	padding:40px 60px;
	text-align:center;
	font-size:22px;
}
.wp-block-image{
	margin-bottom: 30px;
}
.wp-block-image img{
	max-width: 100%;
}
.hintergrund-grau .wp-block-quote, .hintergrund-primary .wp-block-quote, .hintergrund-image .wp-block-quote{
	background:#FFF;
}
.hintergrund-primary h1, .hintergrund-primary h2, .hintergrund-primary h3, .hintergrund-primary h4, .hintergrund-primary h5, .hintergrund-primary h6, .hintergrund-image h1, .hintergrund-image h2, .hintergrund-image h3, .hintergrund-image h4, .hintergrund-image h5, .hintergrund-image h6{
	color:#FFF;
}

/*###############################################
#												#
#					 FOOTER 					#
#												#
###############################################*/

#footer{
	padding:30px 0;
	background:#000000;
	color:#FFF;
	text-align:center;
}
#footer .container{
	display:flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
#footer .menu{
	list-style:none;
	padding-left:0;
	display:flex;
	justify-content: center;
	align-items:center;
	margin-bottom: 0;
}
#footer .menu li + li{
	margin-left:20px;
}
#footer a{
	color:#FFF;
}

/*###############################################
#												#
#				    ANIMATIONEN 				#
#												#
###############################################*/

@keyframes scrollDown {
	0% {
		opacity: 0;
		top:20%
	}
	33% {
		top: 20%;
		opacity:1
	}
	66% {
		top: 60%;
		opacity:0
	}
	100% {
		opacity: 0;
		top: 20%
	}
}

/*###############################################
#												#
#					RESPONSIVE 					#
#												#
###############################################*/
@media(min-width:768px){
	#header #site-navigation{
		position: relative !important;
		transform: none !important;
		display: block !important;
		height: auto !important;
	}
	#header #site-navigation .menu-navigation-container{
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		transform: none !important;
		background: none !important;
		overflow: visible !important;
	}
	#header #site-navigation .menu-navigation-container .menu{
		padding-left:0;
		padding-right:0;
		display:flex;
		justify-content: space-between;
	}
	#header #site-navigation .menu-navigation-container .menu li a{
		font-size: 16px;
		color:#000 !important;
	}
	#header #site-navigation .menu-navigation-container .menu li + li{
		margin-left:20px;
	}
}
@media(max-width:1199px){
	body, .btn, .form-control, .select2-container--default .select2-selection--single{
		font-size:16px;
	}
}
@media(max-width:991px){
    
    .posts_bilder_rechts .row{
        flex-direction: column;
    }
	.contentblock.pageblock.product .container .woocommerce-product-gallery, .contentblock.pageblock.product .container .summary{
		width:100%;
		flex-basis:100%;
	}
	.contentblock.leistungsblock .service-inner{
		padding:0;
	}
    .posts_2er_block .row > div + div{
        margin-top:50px;
    }
	h1, .h1{
		font-size:48px;
	}
	h2, .h2{
		font-size:43px;
	}
	h3, .h3, h1.product_title{
		font-size:30px;
	}
	h4, .h4{
		font-size:24px;
	}
	body, .btn, .form-control, .select2-container--default .select2-selection--single{
		font-size:16px;
	}
	.contentblock.leistungsblock .image-container img{
		position: absolute;
		border-radius:30px !important;
		top:0;
		left:0;
	}
	#header #logo{
		width:50px;
	}
	#header .navbar-toggler{
		width: 64px;
		height: 64px;
	}
	.contentblock.leistungsblock .image-container{
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
		width:100%;
		margin:0 auto;
		margin-bottom:40px;
	}
	.contentblock.leistungsblock .row{
		flex-direction: column;
		margin-left:0;
		margin-right:0;
	}
	.contentblock.leistungsblock .row > div{
		padding-left:30px;
		padding-right:30px;
	}
	.image-bubble{
		margin-bottom:40px;
	}
	.newsslider .blog-block{
		text-align:center;
	}
	.blog-block.blog-text-mit-bild .col-lg-5{
		width:240px;
		margin:0 auto;
		max-width:100%;
	}
	.inner-tarif{
		flex-direction: column;
	}
    .woocommerce-billing-fields__field-wrapper > .form-row, .woocommerce-shipping-fields__field-wrapper > .form-row{
        width:100%;
        flex-basis:100%;
    }
}
@media(max-width:767px){
    #mobile-nav{
        position: fixed;
        bottom:0;
        left:0;
        width:100%;
        padding:1em 0;
        background:#FFF;
        box-shadow:0px 0px 20px rgba(0,0,0,0.2);
        z-index:9100;
    }
    #mobile-nav .menu{
        display:flex;
        justify-content: space-between;
        list-style: none;
        padding-left:0;
        margin-bottom: 0;
    }
    #header{
        padding-top:0px;
        padding-bottom:0px;
    }
	#header .navbar-collapse .menu-navigation-container{
		width:100%;
	}
	h1, .h1{
		font-size:34px;
	}
	h2, .h2{
		font-size:30px;
	}
	h3, .h3, h1.product_title {
		font-size:21px;
	}
	h4, .h4{
		font-size:17px;
	}
	body, .btn, .form-control, .select2-container--default .select2-selection--single{
		font-size:14px;
	}
	#footer .container{
		flex-direction: column;
	}
	.woocommerce-cart .cart-collaterals .cart_totals tr{
		display:block !important;
	}
	.woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td{
		width:100% !important;
		display:block !important;
	}
    .container{
        padding:0px 40px;
    }
    .wc_ppp_paywall, .hero_story_text_wrapper .hero_story_text, .comment-block-inner{
        padding:30px 52px;
    }
    .logo-wrapper{
        padding-top:30px;
    }
    #site-wrapper{
        padding-bottom:3em;
    }
}
@media(max-width:730px){
    .logo-wrapper .container #logo, #mobile-logo a{
        padding-top:4.11%;
        padding-bottom: 4.11%;
    }
}
@media(max-width:567px){
	.woocommerce-cart-form__cart-item, .woocommerce-cart .cart-collaterals, .coupon, .billing-fields, .shipping-fields, .payment-methods-wrap, .woocommerce-checkout-review-order-table{
		padding:30px;
	}
    .login-forms .login-form{
        padding:20px 24px;
    }
	#header #logo{
		width:40px;
	}
	h1, .h1{
		font-size:28px;
	}
	h2, .h2{
		font-size:24px;
	}
	h3, .h3, h1.product_title {
		font-size:17px;
	}
	h4, .h4{
		font-size:14px;
	}
	body, .btn, .form-control, .select2-container--default .select2-selection--single{
		font-size:11px;
	}
    #header .navbar-toggler{
        width:48px;
        height: 48px;
    }
    .container{
        padding:0px 20px;
    }
    .container.px-0{
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .wc_ppp_paywall, .hero_story_text_wrapper .hero_story_text, .comment-block-inner{
        padding:24px 43px;
    }
    .hero_story_text_wrapper{
        padding:0px 10px;
    }
    .hero_story_text_wrapper .hero_story_text{
        transform:translateY(-10px);
    }
    table .goals-col{
        width:30px;
    }
    table .points-col{
        width:22px;
    }
}
@media(max-width:414px){
    .wc_ppp_paywall, .hero_story_text_wrapper .hero_story_text, .comment-block-inner{
        padding:16px 28px;
    }
}
@media(max-width:375px){
	
}
@media(max-width:320px){
	
}