/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/


/* vorerst Shop inaktiv */

#header .shop-drop a{
	margin: 0;
	display: none !important;
}

/****/

@font-face {
    font-family: 'Poppins-Bold';
    src: url('fonts/Poppins-Bold.woff2') format('woff2'),
         url('fonts/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}


@font-face {
    font-family: 'Heebo-Light';
    src: url('fonts/Heebo-Light.woff2') format('woff2'),
         url('fonts/Heebo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Heebo-Bold';
    src: url('fonts/Heebo-Bold.woff2') format('woff2'),
         url('fonts/Heebo-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Heebo-Black';
    src: url('fonts/Heebo-Black.woff2') format('woff2'),
         url('fonts/Heebo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

.heebo-bold p{
	font-family: 'Heebo-Bold', sans-serif !important;
}

body{
	font-family: 'Heebo-Light', sans-serif;
}

.kleo-page h1,
h1.rs-layer#h1-slider{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 70px;
	letter-spacing: 3.5px;
	line-height: 80px;
	text-transform: uppercase;
}

h1.rs-layer#h1-slider,
.rs-layer *{
	font-family: 'Heebo-Light', sans-serif !important;
}

h1.rs-layer#h1-slider strong{
	font-family: 'Heebo-Black', sans-serif !important;
}

.rev-btn{
	font-family: 'Heebo-Bold', sans-serif !important;
}

.kleo-page h1 strong{
	font-family: 'Heebo-Black', sans-serif;
}

.retouren-hinweis{
	z-index: 10;
	position: relative;
	margin-top: 30px;
}

.retouren-hinweis > div{
	border: rgba(58, 72, 81, 0.4) 1px solid;
    padding: 30px 50px;
}

.retouren-hinweis span,
.retouren-hinweis a{
	color: #03CEC2;
	font-family: 'Heebo-Bold';
}

.retouren-hinweis a:hover{
	color: #03CEC2;
}

.woocommerce-cart #main-container {
	min-height: 500px;
}

.kleo-page .h1-klein h1,
.kleo-page h2,
body.single-product span.page-title,
.woocommerce .hr-title abbr,
.woocommerce-page .page-title{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 30px;
	letter-spacing: 9px;
	line-height: 44px;
	color: #000000;
	text-transform: uppercase;
}

.single_variation_wrap .woocommerce-variation-availability .stock.in-stock{
	display: none;
}

#main .includes_tax .woocommerce-Price-currencySymbol{
	font-size: 11px !important;
	color: rgb(119, 119, 119);
}

.woocommerce .cart_totals table td, .woocommerce .cart_totals table th{
	padding: 1em 0;
}

.woocommerce ul#shipping_method .amount, .woocommerce-page ul#shipping_method .amount{
	line-height: 1;
}

.legal .woocommerce-gzd-legal-checkbox-text a{
	font-weight: bold
}

.woocommerce-page #main a.button,
.woocommerce-page .main-color a.button.alt{
	font-family: 'Heebo-Bold', sans-serif;
	font-size: 20px;
	border: 3px solid #03CEC2;
	color: #03CEC2;
	background: white !important;
	border-radius: 0;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message{
	line-height: 2.5;
}

.woocommerce form .form-row.legal .input-checkbox, 
.woocommerce-page form .form-row.legal .input-checkbox{
	margin: 8px 8px 0 0;
}

.woocommerce-gzd-legal-checkbox-text a {
	text-decoration: underline;
}

.woocommerce-page #main a.button:hover,
.woocommerce-page .main-color a.button.alt:hover{
	color: white;
	background: #03CEC2 !important;
}

.woocommerce-shipping-fields #ship-to-different-address{
	font-size: 30px;
	line-height: 1;
	margin-top: 50px;
}

.kleo-notifications.new-alert{
	background-color:#03CEC2;
	display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
}

#menu-hauptmenue .kleo-minicart .checkout-button{
	color: white;
	background: #03CEC2 !important;
	border: 3px solid #03CEC2;
}

#menu-hauptmenue .kleo-minicart .checkout-button:hover{
	color: #03CEC2 !important;
	background: white !important;
}

#menu-hauptmenue .kleo-minicart .btn-default{
	color: #03CEC2 !important;
	background: white !important;
	border: 3px solid #03CEC2;
}

#menu-hauptmenue .kleo-minicart .btn-default:hover{
	color: white !important;
	background: #03CEC2 !important;
}

#menu-hauptmenue .minicart-buttons *{
	font-size: 14px;
	font-family: 'Heebo-Bold', sans-serif;
	min-width: unset;
	letter-spacing: 1px;
	border-radius: 0;
}

#order_review #order_payment_heading,
#order_review #order_review_heading{
	font-size: 30px;
	line-height: 1.3;
}

.minicart-contents .woocommerce-Price-amount.amount *{
	font-size: 22px;
}

.woocommerce .kleo-cart-totals a.checkout-button{
	margin-bottom: 20px;
}

.woocommerce .woocommerce-shipping-totals td[data-title="Versand"] p.woocommerce-shipping-destination{
	font-size: 15px;
    text-transform: initial;
    line-height: 1.5;
	display: none;
}

.woocommerce-privacy-policy-text p a{
	font-weight: bold;
}

h1, h2{
	font-family: 'Heebo-Black', sans-serif;
}

.kleo-page h3{
	font-family: 'Heebo-Black', sans-serif;
	font-size: 70px;
	letter-spacing: 1.4px;
	line-height: 80px;
	color: black;
	text-transform: uppercase;
}

.kleo-page h4{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 20px;
	letter-spacing: 6px;
	line-height: 29px;
	color: black;
	text-transform: uppercase;
}

.kleo-page h5,
.kleo-page h5 a{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 16px;
	letter-spacing: 5px;
	line-height: 24px;
	color: black;
	text-transform: uppercase;
}

.kleo-page h5 a:hover{
	color: black;
}

.kleo-page h6{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: black;
}

.kleo-page p,
.woocommerce .woocommerce-error, 
.woocommerce .woocommerce-info, 
.woocommerce .woocommerce-message, 
.woocommerce-page .woocommerce-error, 
.woocommerce-page .woocommerce-info, 
.woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-MyAccount-navigation ul li a,
.shop-drop .minicart-header,
.woocommerce select,
.woocommerce .woocommerce-result-count, 
.woocommerce-page .woocommerce-result-count{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0.4px;
	color: black;
}

.shop-drop .minicart-header{
	text-transform: inherit;
}

.shop-drop .cart-items{
	font-size: 22px;
}



.woocommerce .woocommerce-error:before, 
.woocommerce .woocommerce-info:before, 
.woocommerce .woocommerce-message:before, 
.woocommerce-page .woocommerce-error:before, 
.woocommerce-page .woocommerce-info:before, 
.woocommerce-page .woocommerce-message:before{
	line-height: 1;
	padding-top: 0;
	height: 100%;
	width: 30px;
	top: 0;
	display: flex;
	align-items: center;
}

.woocommerce .hr-title {
	border: none;
	text-align: left;
	margin-bottom: 70px;
}

.woocommerce-page .product > .related.products{
	padding-top: 100px;
}

.section-home-header h1{
	color: white;
}

.section-projekte-jetzt-du .video-iframe > p{
	left: 5vw;
	display: flex;
	align-items: center;
	bottom: 10px;
}

.section-projekte-jetzt-du .video-iframe p img{
	width: 75px;
	margin-right: 10px;
}

.section-projekte-jetzt-du .video-iframe p span{
	display: inline-block;
	line-height: 1.4;
}

.section-projekte-jetzt-du .video-iframe div p{
	position: relative;
	left: unset;
	bottom: unset;
}

#main .aktuelles-badge{
    position: absolute;
    left: -190px;
    top: 100px;
    text-align: center;
    background: #FFFF00;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-15deg);	
}

.aktuelles-badge p{
	margin: 0;
}

/* fuer den Test */
.page-id-347 #header{
	display: none;
}
/***/

.buchankuendigung div.text.responsive{
	display: none;
}

.buchankuendigung div.text{
	background: #FFFF00;
    width: 0;
    padding: 0;
    border-radius: 15px 0 0 15px;
	margin-right: -11px;
    position: absolute;
    right: 14vw;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
	height: 120px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.buchankuendigung.loaded div.text{
	width: 225px;
	padding: 0 25px;
	transition: width 0.5s ease-in-out, padding 0.5s ease-in-out;
}

.buchankuendigung.loaded.scrolled-down div.text{
	width: 0;
	padding: 0;
	transition: width 0.2s ease-in-out 0.2s, padding 0.2s ease-in-out 0.2s;
}

.buchankuendigung div.text *{
	opacity: 0 !important;
	margin: 0;
	line-height: 1.4;
}

.buchankuendigung.loaded div.text *{
	opacity: 1 !important;
	transition: opacity 0.2s ease-in-out 0.55s;
}

.buchankuendigung.loaded.scrolled-down div.text *{
	opacity: 0 !important;
	transition: opacity 0.1s ease-in-out;
}

.buchankuendigung div.text a{
	font-family: 'Heebo-Bold', sans-serif;
    font-size: 20px;
    line-height: 42px;
    letter-spacing: 0.4px;
    color: black;
    display: flex;
    gap: 20px;
    align-items: baseline;
	position: relative;
	
}

.buchankuendigung div.text a:after{
	content: '';
	position: absolute;
	left: -5px;
	top: 4px;
	width: calc(100% - 26px);
	height: 32px;
	background-color:#03CEC2;
	z-index: -1;
}

.buchankuendigung div.text a img{
	height: 13px;
}

.buchankuendigung .buch-img{
	width: 14.5vw;
}

.ankuendigung-startseite{
    position: absolute;
    top: 40vw;
    z-index: 20;
    right: 4vw;	
}

.projekt-badge{
	position: absolute;
    left: 33vw;
    top: 80px;
    text-align: center;
    background: #FFFF00;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(15deg);
	z-index: 5;
}

.projekt-badge p{
	margin: 0;
}


/*********/

section .section-container{
	padding: 0 13vw;
}

section.section-nopadding .section-container{
	padding: 0;
}

#header .navbar-header .logo a{
	font-family: 'Poppins-Bold', sans-serif;
	font-size: 48px;
	line-height: 88px;
	color: #000000;
	text-transform: uppercase;
}

#header .is-sticky .kleo-main-header{
	background: white;
	box-shadow: 0 -45px 50px black;
}

.page-id-2 #header{
	position: absolute;
	width: 100%;
	top: 58vw;
	background: transparent;
	z-index: 9999999999999999999999999;
}


.img-header-cut{
	margin-top: -100px;
	position: relative;
	z-index: 9;
}

#header .kleo-main-header,
#header .social-header{
	background: transparent;
	border: none;
}

.quantity .input-text.qty {
	width: 50px;
	height: 55px;
}

#btn-default-slider,
#btn-default-slider:focus,
.woocommerce-page .main-color button.button.alt,
.btn.btn-default,
.btn.btn-default:focus,
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .button:focus,
.woocommerce-page #main .woocommerce-Button,
.woocommerce-page #main .return-to-shop a.wc-backward,
#header .btn.btn-default.kleo-go-shop{
	font-size: 20px;
	font-family: 'Heebo-Bold', sans-serif;
	line-height: 29px;
	letter-spacing: 1px;
	color: white;
	background:#03CEC2;
	border: 3px solid #03CEC2;
	border-radius: 0;
	outline-style: none;
	padding: 10px 35px;
	text-transform: uppercase;
	min-width: 240px;
	text-align: center;
}

.woocommerce-page #main .return-to-shop a.wc-backward{
		background:#03CEC2 !important;
}

#header .btn-shop > a,
.offcanvas-sidebar #menu-mobile-menu .btn-shop a{
	font-family: 'Heebo-Bold', sans-serif;
	line-height: 1 !important;
	color: white !important;
	background:#03CEC2;
	border: 3px solid #03CEC2;
	border-radius: 0;
	outline-style: none;
	padding: 10px 35px;
	text-transform: uppercase;
	text-align: center;
}

.offcanvas-sidebar #menu-mobile-menu .btn-shop a{
	display: inline-block;
    margin-top: 15px;
}

#header .btn-shop > a:hover{
	border: 3px solid #03CEC2;
	color: #03CEC2 !important;
	background-color: transparent !important;
}

#btn-default-slider:hover,
.woocommerce-page .main-color button.button.alt:hover,
.btn.btn-default:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce-page #main a.wc-backward:hover,
.woocommerce-page #main .woocommerce-Button:hover,
#header .btn.btn-default.kleo-go-shop:hover{
	color: #03CEC2;
	background: transparent;
	border: 3px solid #03CEC2;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.kleo-toggle-menu .kleo-toggle-submenu{
	width: 450px;
	margin-top: 15px;
	right: -24px;
}

.kleo-toggle-menu .minicart-buttons a.btn{
	max-width: unset;
}

.woocommerce-Address-title h3{
	font-size: 30px;
	line-height: 1;
}

#btn-primary-slider,
#btn-primary-slider:focus,
.btn.btn-primary,
.btn.btn-primary:focus{
	font-size: 20px;
	font-family: 'Heebo-Bold', sans-serif;
	line-height: 29px;
	letter-spacing: 1px;
	color: #03CEC2;
	background: transparent;
	border: 3px solid #03CEC2;
	border-radius: 0;
	outline-style: none;
	padding: 10px 35px;
	text-transform: uppercase;
	margin-top: 0;
	min-width: 240px;
	text-align: center;
}

#btn-primary-slider:hover,
.btn.btn-primary:hover{
	color: white;
	background: #03CEC2;
	border: 3px solid #03CEC2;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out
}

.section-pressespiegel .vc_col-sm-12{
	margin-top: -200px;
}

.kleo-page .btn+.btn{
	margin-left: 30px;
}

.header-text{
	position: absolute;
	z-index: 9;
	left: 13vw;
	width: 48%;
	top: 30vh;
}

#menu-hauptmenue a{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 24px;
	color: #000000;
	text-transform: uppercase;
}

#menu-hauptmenue a:hover,
#footer a:hover,
#socket .socket a:hover{
	border: none;
	color: #03CEC2 !important;
	box-shadow: none;
}

#nav-menu-item-side{
	display: none;
}

.mc4wp-form .input-btn{
	position: relative;
	z-index: 2;
}

.mc4wp-form .input-btn:after{
	content: '';
	background: url('/wp-content/uploads/2021/05/Pfeil2x.png') no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 29px;
	height: 20px;
	background-size: contain;
	background-position: center;
}

.mc4wp-form .input-btn input{
		border: none;
	background: transparent;
	z-index: 2;
	position: relative;
	width: 29px;
	height: 20px;
}

.mc4wp-form input[type="email"]{
	border: none;
	background: transparent;
	font-family: 'Heebo-Light', sans-serif;
    font-size: 20px;
    letter-spacing: 6px;
    line-height: 29px;
    color: black !important;
	z-index: 2;
	position: relative;
	width: 320px;
	margin: 0;
}

.mc4wp-form input[type="email"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

.mc4wp-form input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

.mc4wp-form input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}

.section-home-newsletter .mc4wp-form-fields:before {
    content: '';
    background: black;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 2px;
    z-index: 2;
    left: 2vw;
}

.newsletter-btn:after,
.newsletter-btn:before{
	display: none !important;
}

.section-home-newsletter .mc4wp-form-fields:after{
	content: '';
    background: #03CEC2;
    width: 100%;
    position: absolute;
    left: 1vw;
    height: 90px;
    z-index: 1;
}

.kleo-carousel .hover-element{
	display: none;
}

.section-referenzen .kleo-carousel{
	height: 100px;
}

.section-referenzen .kleo-carousel a{
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mc4wp-form-fields{
    width: 35vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 2;
    margin-right: 16vw;
    float: right;
}

.mc4wp-form .mc4wp-alert {
	padding-top: 70px;
}

.download-row .download-html .wpb_wrapper{
	display: flex;
	justify-content: space-between;
}

.download-row{
	padding: 0 6vw;
}

.section-presse1 h2{
	padding: 0 6vw;
}

.presse-width-small {
	width: 28vw;
}

.presse-width-big{
	width: 42vw;
}



.download-row > .vc_col-sm-6:nth-of-type(2){
	margin-top: 7vw;
}

.download-row .wpb_single_image{
	margin-bottom: 20px;
}

.download-row h6,
.download-row h5{
	line-height: 35px;
}

.presse-bottom-dots{
	width: 250px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.download-row .download-html .wpb_wrapper:after{
	content: '';
	width: 100%;
	height: 2px;
	background: black;
	position: absolute;
	bottom: 10px;
	z-index: 10;
}

.download-html h5{
	padding-right: 30px;
}

.download-html h5 img{
	width: 20px;
}

.kurzbiografie{
	width: 700px;
    position: absolute;
    top: 14vh;
    left: 13vw;
	z-index: 9;
}

.presse-img-abriss{
	position: relative;
	z-index: 9;
	margin-top: -150px;
}

.kurzbiografie h2,
.kurzbiografie p{
	color: white;
}

#main .kurzbiografie h2{
	margin-bottom: 80px;
}

.presse-img-dots{
	position: absolute;
    z-index: 10;
    right: 0;
    bottom: 2vw;
    width: 250px;
}

.section-presse-header .wpb_wrapper > .wpb_single_image:nth-of-type(4){
	position: absolute;
    width: 250px;
    right: 0;
    bottom: 12vh;
}


.section-presse1{
	padding-bottom: 3vh;
}

.line-after-text h4 span{
	height: unset;
	background: transparent;
	width: auto;
}

.section-pressespiegel{
	padding-bottom: 20vh;
	z-index: 9;
}

.kurzbiografie .heebo-bold p{
	font-size: 30px;
    letter-spacing: 0.6px;
    line-height: 44px;
    width: 120%;
}

.download-row > .vc_col-sm-6:first-of-type > .vc_column-inner{
	float: right;
}

.download-row img,
.download-row figure,
.download-row .vc_single_image-wrapper{
	width: 100%;
}

.line-after-text .wpb_wrapper a,
.line-after-text .magic-inner{
	display: flex;
	align-items: baseline;
	position: relative;
	cursor: pointer;
	
}

.line-after-text h2{
	padding-right: 2%;
	white-space: nowrap;
	z-index: 10;
	font-size: 28px;
	letter-spacing: 7px;
}

.line-after-text h2:after{
	content: '';
	background: black;
	height: 2px;
	position: absolute;
	z-index: 10;
}

.line-after-text h3{
	padding-right: 2%;
	line-height: 80px;
	z-index: 10;
	white-space: nowrap;
}

.line-after-text h4{
	position: absolute;
	white-space: nowrap;
	right: 4%;
	top: 20px;
	z-index: 10;
	display: none;
	font-size: 18px;
	letter-spacing: 4px;
}

.line-after-text h4 img{
	height: 15px;
}

.line-after-text span{
	height: 2px;
    background: black;
    width: 100%;
	z-index: 10;
}

.line-after-text .wpb_wrapper a:after,
.magic-container.line-after-text:after{
	content: '';
	background: #03CEC2;
	position: absolute;
	width: 0;
	height: 90px;
	z-index: 9;
	left: -30px;
	overflow: hidden;

}

.section-pressespiegel .line-after-text .wpb_wrapper a:after{
	height: 70px;
}


.section-pressespiegel .line-after-text > .wpb_wrapper{
	margin-bottom: 20px;
}

.section-pressespiegel .line-after-text h4{
	right: 3%;
	top: 5px;
}
.line-after-text .wpb_wrapper a:hover > h4,
.line-after-text.magic-container:hover h4{
	display: block;
}
.section-pressespiegel .line-after-text{
	margin: 0 !important;
}  
.section-pressespiegel .line-after-text h3{
	font-size: 28px;
	line-height: 70px;
	margin: 0;
}

.magic-container.line-after-text:before{
	content: '';
	height: 2px;
    background: black;
    width: 100%;
    z-index: 10;
	position: absolute: 
		right: 0;
}


.line-after-text .wpb_wrapper a:hover:after,
.magic-container.line-after-text:hover:after{
	width: 100%;
	transition: width 0.7s ease-in-out;
}

.download-html h5{
	position: relative;
}

.download-html span,
.download-html img{
	position: relative;
	z-index: 10;
}

.download-html h5:before{
	content: '';
	background: #03CEC2;
	position: absolute;
	width: 0;
	height: 55px;
	z-index: 9;
	left: -20px;
	top: -12px;
	overflow: hidden;
}

.download-html h5:hover:before{
	width: 100%;
	transition: width 0.7s ease-in-out;
}


.section-projekte1 .section-container > .row:first-of-type,
.section-projekte2 .section-container > .row:first-of-type,
.section-projekte3 .section-container > .row:first-of-type{
	display: flex;
	align-items: center;
}

.section-home-aktuelles{
	padding-bottom: 50px;
}

.section-home-aktuelles .kleo_text_column{
	z-index: 9;
	position: relative;
}

.section-home-instagram .wpb_raw_code{
	padding: 20px 9vw;
}

.section-home-instagram #sb_instagram.sbi_col_3 #sbi_images .sbi_item{
	width: 29% !important;
}

.section-home-instagram #sb_instagram.sbi_col_3 #sbi_images{
	display: flex;
	justify-content: space-between;
}


.ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg,
.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg, 
.ytp-muted-autoplay-endscreen-overlay:hover .ytp-large-play-button-bg{
	fill: #212121 !important;
}

.section-home-aktuelles .wpb_wrapper > .wpb_single_image{
	position: absolute;
	z-index: 5;
	right: -13vw;
	bottom: -7vw;
}

.section-home-aktuelles .wpb_wrapper > .wpb_single_image img{
	width: 250px;
}

.section-home-video .wpb_wrapper > .wpb_single_image{
	margin: -260px 0 0 0;
	z-index: 4;
	position: relative;
}

.section-home-video .wpb_wrapper > .wpb_raw_code{
	z-index:2;
	position: relative;
	margin-top: -50px;
}

.tilt-img > img:first-of-type{
	margin-top: -4.1vw;
}

.tilt-img > img:nth-of-type(2){
	margin-top: -13vw;
}

.section-home-header .wpb_raw_code{
	background-size: contain;
}

#socket .socket{
	display: flex;
    justify-content: space-between;
	align-items: center;
}

#socket .socket > a{
	font-family: 'Heebo-Bold', sans-serif;
	font-size: 16px;
	letter-spacing: 0.3px;
	line-height: 30px;
}

#socket .socket a{
	color: white !important;
}

#socket .socket-menu a{
	padding: 0 0 0 75px;
	font-family: 'Heebo-Light', sans-serif;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 24px;
}

#socket .container,
#footer .container{
	max-width: unset !important;
	padding: 0 7.5vw;
	
}

#socket .container .template-page{
	border-top: 2px solid black;
	padding: 15px 0;
}

#socket{
	margin-top: -2px;
}

#socket,
#footer{
	background: #3A4851;
}

#footer .row > .col-sm-3:nth-of-type(1){
	width: 35%;
}

#footer .row > .col-sm-3:nth-of-type(2){
	width: 65%;
}

#footer .row > .col-sm-3:nth-of-type(3),
#footer .row > .col-sm-3:nth-of-type(4){
	display: none;
}

#menu-footer a{
	border: none;
	text-transform: uppercase;
}

#menu-footer .current_page_item a{
	background: transparent;
}

.kleo-main-header .nav > li.active > a{
	box-shadow: none;
	font-family: 'Heebo-Bold', sans-serif !important;
	color: #03CEC2 !important;
}

#menu-footer .sub-menu{
	display: block;
}

.kleo-page p strong{
	font-family: 'Heebo-Bold', sans-serif !important;
}

.widget_nav_menu .sub-menu a:before{
	display: none;
}

#footer-sidebar-1 p a{
	font-family: 'Poppins-Bold', sans-serif;
	font-size: 41px;
	line-height: 61px;
	color: white;
	text-transform: uppercase;
}

#footer-sidebar-1 p a:hover{
	color: white;
}


#footer-sidebar-1 p{
	margin-top:0;
}
#menu-footer{
	display: flex;
	justify-content: space-between
}

#menu-footer .caret{
	display: none;
}

#menu-footer > li > a{
	font-family: 'Heebo-Bold', sans-serif;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 40px;
	color: white;
	padding-top: 20px;
	white-space: nowrap;
}

#menu-footer .sub-menu > li  a{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 40px;
	color: white;
	padding: 0;
}

#media_image-2,
#media_image-3,
#media_image-4,
#media_image-5,
#media_image-6{
	display: inline;
}

#footer img{
	width: 25px;
	margin-right: 20px;
}

#footer-sidebar-1 #text-2{
	margin-bottom: 130px;
}

.team-row figure img{
	padding-left: 20vw;
	padding-right: 20vw;
}

.team-row .wpb_wrapper .home-stephen{
	position: absolute;
    top: 140px;
    left: -30vw;
    z-index: 2;
}

.section-home-team .heebo-bold p,
.section-home-workshops .heebo-bold p{
	font-size: 30px;
	text-transform: uppercase;
	line-height: 44px;
}

.tupoka-beschreibung{
	padding: 0 20vw;
}

.section-home-team .heebo-bold.tupoka-beschreibung{
	margin-bottom: 20px;
}

.team-row .home-stephen .wpb_wrapper:before{
	content: '';
	background: black;
	height: 3px;
	width: 180px;
	margin-right: 5%;
}


.team-row .home-stephen .wpb_wrapper,
.team-row .home-tupoka .wpb_wrapper{
	display: flex;
	align-items: baseline;
}

.team-row .wpb_wrapper .home-tupoka{
	position: absolute;
    bottom: 120px;
    right: -30vw;
    z-index: 2;
}

.team-row .home-tupoka .wpb_wrapper:after{
	content: '';
	background: black;
	height: 3px;
	width: 180px;
	margin-left: 5%;
}


.veranstaltung-img-abriss{
	position: relative;
	z-index: 9;
	margin-top: -120px;
}

.jahr-row,
.section-veranstaltungen1 h2{
	position: relative;
	z-index: 10;
}

.team-img-abriss,
.booking-img-abriss,
.projekte-img-abriss{
	position: relative;
	margin-top: -100px;
	z-index:9;
}

.section-team1,
.section-booking1,
.section-projekte1,
.section-presse1,
.section-presse-headline{
	z-index: 10;
}

.section-home-team h2{
	padding: 0 0 20px 13vw;
}

.section-home-team .btn{
	margin-left: 20vw;
}

.section-home-team .team-dots{
	position: absolute;
	left: 0;
	z-index: 9;
	width: 250px;
	bottom: -10vw;
}

.section-home-team{
	z-index:5;
	background: transparent;
}

#cookie-notice .cn-button{
	border-radius: 0 !important;
	text-transform: uppercase !important;
}
#cookie-notice p{
	font-family:'Heebo-Light', sans-serif;
	font-size: 16px;
}

.section-home-projekte .projekte-abriss-img{
	margin-top: -140px;
	z-index: 3;
	position: relative;
	margin-bottom: -150px;
}

.video-iframe {
	position: relative;
	cursor: pointer;
}

.video-iframe #player,
.fluid-width-video-wrapper{
	padding-top: 0 !important;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.video-iframe > img{
	max-width: unset;
	width: 100%;
	z-index: 2;
	position: relative;
}

.video-iframe p{
	position: absolute;
	bottom: 40px;
	z-index: 9;
	left: 13vw;
}

.video-iframe p img{
	width: 100px;
	margin-right: 20px;
}

#main .video-iframe span{
	font-family: 'Heebo-Black', sans-serif;
	letter-spacing: 4px;
}

.projekte-bg-img{
	position: relative;
	margin-top: -140px;
	z-index: 2;
}

.projekte-row h2,
#main .projekte-row h3 a{
	color: black;
	position: relative;
	z-index: 3;
}

.projekte-row{
	position: absolute;
	bottom: 15%;
	z-index: 9;
	left: 13vw;
	width: 35vw;
}

.projekte-row .wpb_raw_code a{
	display: flex;
	align-items: center;
	width: auto;
	justify-content: space-between
}


.projekte-row .wpb_raw_code h3{
	line-height: 70px;
    white-space: nowrap;
	z-index: 3;
	position: relative;
	margin: 0;
}

.projekte-row .wpb_raw_code img{
	width: 35px;
	z-index: 2;
	position: relative;
	display: none;
}

.projekte-row .wpb_wrapper > .kleo_text_column:nth-of-type(3){
	margin-left: -90px;
}


.projekte-row .wpb_wrapper a:not(.btn):after{
	content: '';
	background: #03CEC2;
	position: absolute;
	height: 90px;
	left: 25px;
	overflow: hidden;
	z-index: 1;
	width: 0;
}
.projekte-row .wpb_wrapper a:hover:after{
	width: 100%;
	transition: width 0.7s ease-in-out;
}

.projekte-row .wpb_wrapper a:hover img{
	display: block;
}

.projekte-row .wpb_wrapper > .wpb_raw_code:nth-of-type(3){
	margin-left: -15%;
}



.projekte-row .wpb_wrapper > .wpb_raw_code:nth-of-type(3) a:hover:after,
.projekte-row .wpb_wrapper > .wpb_raw_code:nth-of-type(3) a:hover{
	width: 90%;
}


.projekte-row a{
	margin-top: 20px;
}

.section-home-workshops .row > .vc_col-sm-6:first-of-type > .vc_column-inner:first-of-type{
	padding: 0 8vw 0 13vw;
	margin-left: 15px;
}


.section-home-workshops h3{
	line-height: 80px;
}

.section-home-workshops{
	padding: 150px 0 20px 0;
}

.kleo-page .kleo_text_column h2{
	margin-bottom: 60px;
}

.section-home-workshops .wpb_wrapper > .wpb_single_image:nth-of-type(2){
	width: 250px;
	float: right;
	margin-top: -200px;
}

.section-home-newsletter .vc_col-sm-12 .kleo_text_column{
	padding-left: 13vw;
	padding-right: 5vw;
}

.section-home-newsletter .vc_col-sm-12 .wpb_wrapper > .kleo_text_column:nth-of-type(4){
	margin-left: -5vw;
	padding-bottom: 20px;
}

.section-home-newsletter .vc_row-fluid > .wpb_column:nth-of-type(2){
	margin-top: 40px;
}

.newsletter-dots{
	width: 250px;
	position: absolute;
	right: 0;
	z-index: 3;
	top: 25px;
}

.newsletter-abriss{
	margin-bottom: -200px;
}

.section-home-newsletter{
	padding-bottom: 180px;
}

.section-home-instagram{
	padding: 50px 0 150px 0;
}

.section-home-newsletter .wpb_wrapper > a:not(.newsletter-btn){
	width: 35vw;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 2;
	margin-right: 16vw;
	float: right;
}

.section-home-newsletter .wpb_wrapper > a h4,
.section-home-newsletter .wpb_wrapper > a img{
	position: relative;
	z-index: 2;
}

.section-home-newsletter .wpb_wrapper > a img{
	width: 29px;
	margin-left: 45px;
	/*display: block;*/
}

.section-home-newsletter .wpb_wrapper > a:before{
	content: '';
	background: black;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 2px;
	z-index: 2;
	left: 2vw;
}

.section-home-newsletter .wpb_wrapper > a:after{
	content: '';
	background: #03CEC2;
	width: 100%;
	position: absolute;
	left: 1vw;
	height: 90px;
	z-index: 1;
}


.section-home-aktuelles .wpb_raw_code,
.section-home-aktuelles .line-after-text{
	margin-bottom: 0;
	position: relative;
	z-index: 1000;
}

.section-home-aktuelles .kleo_text_column h2{
	padding-bottom: 30px;
}

.section-home-aktuelles .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper:first-of-type{
	margin-top: -80px;
}

.section-home-newsletter .vc_row-fluid > .vc_col-sm-6 .kleo_text_column{
	margin-top: -30px;
}

.section-home-team{
	padding-top: 130px;
}

.kontakt-btn a.btn-custom{
    font-family: 'Heebo-Bold', sans-serif;
    font-size: 23px;
    letter-spacing: 0.5px;
    line-height: 34px;
    background: #FFFF00;
    color: black;
    border-radius: 50%;
    text-transform: uppercase;
    width: 240px;
    height: 240px;
    display: flex;
    transform: rotate(-90deg);
    justify-content: center;
    z-index: 9999999;
    padding-top: 45px;
	position: absolute;
	left: -100px;
	top: 50px;
}

.kontakt-btn a.btn-custom:hover,
#main .kontakt-btn p a{
	color: black;
}

#main section.kontakt-btn{
   position: fixed;	    
	right: -145px;
	width: 650px;
	background: transparent;
	z-index: 99999999999;
	right: -650px;
	top: 170px;
}



.kontakt-btn p a{
	font-family: 'Heebo-Bold', sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 3px;
	color: black;
	text-transform: uppercase;
	display: block;
	z-index: 9;
}

.kontakt-btn p{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 5px;
	color: black;
	text-transform: uppercase;
	margin-top: 20px;
	z-index: 3;
	margin-bottom: 10px;
}
.kontakt-btn .kleo_text_column{
	margin-bottom: 20px;
	padding: 0 45px;
}
.kontakt-btn p img{
	width: 27px;
}

.kontakt-btn .mail-wrap,
.kontakt-btn .vc_separator{
	margin-bottom: 0;
	position: relative;
	z-index: 3;

}

.kontakt-btn .wpb_gallery{
	margin-bottom: 20px;
	padding-top: 100px;
}

.kontakt-btn .vc_separator{
	margin-top: -4px;
	padding: 0 45px;
}

.mail-wrap .wpb_wrapper{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-right: 25px;
	position: relative;
}

.mail-wrap .wpb_wrapper:before{
	content: '';
	background: #03CEC2;
	width: 0;
	position: absolute;
	z-index: 1;
	top: 10px;
	left: -5px;
	height: 55px;
}

.mail-wrap .wpb_wrapper:hover:before{
	width: calc(100% - 10px);
	transition: width 0.5s ease-in-out;
}

.kontakt-btn .kleo-gallery-grid ul li{
	width: 27px !important;
	position: relative !important;
	left: 0 !important;
	margin-left: 20px;
}

.kontakt-btn .kleo-gallery-grid ul{
	display: flex;
	justify-content: flex-end;
	padding-right: 45px;
}


.kontakt-btn a.btn-custom.kontakt-X{
	width: 85px;
	height: 85px;
	top: -10px;
	left: -42px;
	transition: width 1s ease-in-out, height 1s ease-in-out, top 1s ease-in, left 1s ease-in-out;
}

#main section.kontakt-btn.animateIn{
	right: 0;
	transition: right 1s ease-in-out;
}

.kontakt-btn a.btn-custom.kontakt-default{
	width: 240px;
	height: 240px;
	top: 150px;
	left: -100px;
	transition: width 1s ease-in-out, height 1s ease-in-out, top 1s ease-in-out, left 1s ease-in-out;
}

#main section.kontakt-btn.animateBack{
	right: -655px;
	transition: right 1s ease-in;
}

.kontakt-btn .wpb_gallery .wpb_wrapper{
	background: transparent;
}

.kontakt-btn .row .vc_col-sm-12 > .vc_column-inner  > .wpb_wrapper:first-of-type{
	padding-bottom: 40px;
	box-shadow: -5px 20px 20px -2px rgb(0 0 0 / 10%);
	background-image: linear-gradient(0deg, white, transparent);
	position: relative;
}

#header .kleo-main-header .container{
	max-width: unset;
	padding: 0 7vw;
}

.navbar-nav>li>a{
	margin: 0 25px;
}

.socket div a{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 24px;
	padding-left: 60px;
}

#header .kleo-main-header.header-scrolled{
	background: white;
	height: 88px;
}

#menu-hauptmenue > li:last-of-type > a{
	margin-right: 0;
}

#footer{
	border: none !important;
}

.kontakt-btn .btn img,
.kontakt-btn .btn.kontakt-X span{
	display: none;
}

.kontakt-btn .wpb_single_image{
	position: absolute;
	top: -60px;
	height: calc(100% + 60px);
	width: 100%;
}

.kontakt-btn .wpb_single_image *{
	height: 100%;
	width: 100%;
}

.kontakt-btn .btn.kontakt-X img{
	width: 33px;
    margin-top: -20px;
    height: 33px;
}

.section-referenzen .kleo-gallery-container li{
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	width: auto;
	justify-self: center;
	align-self: center;
}

.section-referenzen ul.responsive-cols{
	display: grid;
	grid-template-columns: 16% 21% 21% 21% 21%;
	grid-template-rows: 120px 120px 120px 120px;
	height: 100% !important;
}

.section-referenzen ul.responsive-cols > li:first-of-type,
.section-referenzen ul.responsive-cols > li:nth-of-type(6),
.section-referenzen ul.responsive-cols > li:nth-of-type(11),
.section-referenzen ul.responsive-cols > li:nth-of-type(16){
	justify-self: start;
}



.section-referenzen .wpb_gallery{
	margin-bottom: 60px;
}

.section-referenzen{
	padding: 180px 0 40px 0;
}

.section-booking-header .wpb_wrapper > .wpb_single_image:nth-of-type(2),
.section-team-header .wpb_wrapper > .wpb_single_image:nth-of-type(2),
.section-projekte-header .wpb_wrapper > .wpb_single_image:nth-of-type(2),
.section-veranstaltungen-header .wpb_wrapper > .wpb_single_image:nth-of-type(2){
	margin-top: -100px;
}

.section-veranstaltungen1 .vc_col-sm-12,
.section-booking1 .vc_col-sm-6,
.section-team1 .vc_col-sm-12{
	margin-top: -24vh;
}

.section-journal .vc_col-sm-6{
	margin-top: -150px;
	z-index: 10;
}

.section-team1 .vc_col-sm-6{
	margin-top: -10vh;
}

.section-booking1{
	padding-bottom: 18vh;
}

.section-projekte2 .row > .vc_col-sm-6:nth-of-type(2){
	padding: 0 13vw 0 8vw;
}

.section-booking1 .row > .vc_col-sm-6:first-of-type > .vc_column-inner,
.section-projekte1 .row > .vc_col-sm-6:first-of-type > .vc_column-inner,
.section-projekte3 .row > .vc_col-sm-6:first-of-type > .vc_column-inner{
	padding: 0 6vw 0 13vw;
}

.veranstaltungen-posts .next-year a,
.veranstaltungen-posts .prev-year a{
	display: none;
}

.section-projekte1,
.section-projekte2,
.section-projekte3{
	padding-bottom: 20vh;
}

.section-projekte2 .row > .vc_col-sm-6:nth-of-type(2)  .wpb_single_image{
	position: absolute;
	width: 250px;
	right: -13vw;
	bottom: -220px;
}

.section-projekte1 .row > .vc_col-sm-6:first-of-type  .wpb_single_image{
	position: absolute;
	width: 250px;
	left: -13vw;
	bottom: -220px;
}

.section-booking1 .row > .vc_col-sm-6:nth-of-type(2) .wpb_wrapper > .wpb_single_image:first-of-type{
	width: 250px;
    position: absolute;
    z-index: 9;
    right: 0;
    top: -150px;
}

.section-booking2 .keynote{
	position: absolute;
    top: 3vw;
    left: -30vw;
}

.section-booking2 .beratung{
	position: absolute;
    top: 18vw;
    right: -33vw;
}

.section-booking2 .row > .vc_col-sm-6:first-of-type > .vc_column-inner,
.section-team1 .row > .wpb_column:nth-of-type(2) > .vc_column-inner,
.section-team2 .row > .vc_col-sm-6:first-of-type > .vc_column-inner{
	padding-right: 50px;
}

.section-booking2 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner,
.section-team1 .row > .wpb_column:nth-of-type(3) > .vc_column-inner,
.section-team2 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner{
	padding-left: 50px;
}

.section-referenzen .wpb_wrapper > .wpb_single_image{
	position: absolute;
    z-index: 9;
    right: -13vw;
    width: 250px;
    transform: scaleX(-1);
    top: -300px;
}

.kontakt-btn .hover-element{
	display: none;
}

.section-team1 .vc_col-sm-12 .wpb_single_image{
	position: absolute;
    right: -13vw;
    width: 250px;
    top: -18vh;
}

.tupoka-h3{
	position: absolute;
    top: 3vw;
    left: -30vw;
}

.stephen-h3{
	position: absolute;
    top: 29vw;
    right: -30vw;
}

.mariam-h3{
	position: absolute;
    top: 29vw;
    left: -30vw;
}

.jocelina-h3{
	position: absolute;
    top: 3vw;
    right: -35vw;
}

.section-team2{
	padding: 100px 0 20vh 0;
}

.section-booking1 h1{
	padding-bottom: 30px;
}

.navbar-toggle .icon-bar{
	height: 4px;
	background-color: black !important;
	width: 20px;
}


.kleo-mobile-switch button > .icon-bar:nth-of-type(3){
	margin-left: -10px;	
}

.projekte-row .wpb_wrapper > .kleo_text_column:first-of-type{
	margin-bottom: 70px;
}

.ytp-chrome-top.ytp-show-cards-title{
	display: none !important;
}

.post-item .datum-veranstaltung{
	font-family: 'Heebo-Black', sans-serif;
	font-size: 48px;
	letter-spacing: 1px;
	line-height: 55px;
	margin: 0;
	color: black;
}

.post-item .datumname-veranstaltung{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 19px;
	letter-spacing: 0.4px;
	line-height: 28px;
	color: black;
	text-transform: uppercase;
	margin: 5px 0;
}

.post-item .veranstaltung-title{
	font-family: 'Heebo-Bold', sans-serif;
	font-family: 19px;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: black;
	text-transform: uppercase;
}

.post-item .wrapper a{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 16px;
	letter-spacing: 5px;
	line-height: 24px;
	color: black;
	text-transform: uppercase;
	white-space: nowrap;
}

.posts-listing .post-item.type-veranstaltung:first-of-type .post-content,
.posts-listing .post-item.type-veranstaltung:nth-of-type(2) .post-content{
	border-top: 2px solid black;
}

.post-item.type-veranstaltung .post-content{
	display: flex;
	padding: 20px 0;
	border-bottom: 2px solid black;
}

.event-right{
	border-left: 7px solid black;
	padding-left: 7%;
	background: white;
	z-index: 9;
}

.type-veranstaltung .post-content{
	border: none;
}

.event-left{
	padding-right: 7%;
	background: white;
	z-index: 9;
}

.post-item.type-veranstaltung{
	padding: 0 25px;
}

.posts-listing > .post-item.type-veranstaltung:first-of-type,
.posts-listing > .post-item.type-veranstaltung:nth-of-type(2n+1){
	padding-left: 0;
}

.posts-listing > .post-item.type-veranstaltung:nth-of-type(2n),
.posts-listing > .post-item.type-veranstaltung:last-of-type{
	padding-right: 0;
}

.veranstaltungen-posts .posts-listing > article:nth-of-type(4) > .post-content,
.veranstaltungen-posts .posts-listing > article:nth-of-type(3) > .post-content{
	border-bottom: 2px solid black;
}

.veranstaltungen-posts{
	padding: 0 0 140px 0;
}

.veranstaltungen-posts .posts-listing{
	display: grid;
	grid-template-columns: 50% 50%;
	height: unset !important;
}

.veranstaltungen-posts .posts-listing > article:nth-of-type(1),
.veranstaltungen-posts .posts-listing > article:nth-of-type(2),
.veranstaltungen-posts .posts-listing > article:nth-of-type(3),
.veranstaltungen-posts .posts-listing > article:nth-of-type(4){
	display: block;
}

.veranstaltungen-posts .posts-listing > article{
	display: none;
	position: relative !important;
	top: unset !important;
	left: unset !important;
	width: 100%;
}

.event-center{
	position: relative;
}

.main-color a{
	color: black;
}

.main-color a:hover{
	color: black;
}
.event-center img{
	width: auto;
	max-width: unset;
	height: 100%;
	position: absolute;
	right: 0;
	z-index: 0;
	opacity: 0;
}

.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-center img{
	right: -150px;
	opacity: 1;
	z-index: 10;
	transition: right 1s ease-in-out, z-index 1s ease-in-out, opacity 1s ease-in-out;
}

.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-right{
	margin-left: 150px;
	padding-left: 3%;
	transition: margin-left 1s ease-in-out, padding-left 1s ease-in-out;
}

.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-right > p:nth-of-type(2){
	font-size: 18px;
	transition: font-size 1.2s ease-in-out;
}

.masonry-listing .post-content:hover{
	box-shadow: none;
}

.jahr-row > div > div > .wpb_wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 70px;
}

.jahr-row .wpb_wrapper > .wpb_single_image:first-of-type > figure img{
	transform: scaleX(-1);
}

.jahr-row .wpb_wrapper > .wpb_single_image:first-of-type{
	padding-right: 50px;
}

.jahr-row .wpb_wrapper > .wpb_single_image:nth-of-type(3){
	padding-left: 40px;
}

.event-right .wrapper img{
	width: 28px;
}

.jahr-row > .vc_col-sm-12{
	margin-top: -50px;
}

.ytp-fullscreen{
	z-index: 9999999999999;
}

.download-link {
  position: relative;
  padding-right: 30px;
	width: 100%;
	z-index: 99;
	display: block;
}
.download-link:after {
  content: url('/wp-content/uploads/2021/05/download-2@2x.png');
  position: absolute;
  top: 0;
  right: 0;
	z-index: 99;
	width: 24px;
}

.workshops-img-right img{
	padding-left: 35px;
}

.workshops-img-right img{	
	max-width: unset;
	width: 110%;
}

.section-home-workshops h2{
	margin-top: 0;
}

.section-projekte2 strong{
	white-space: nowrap;	
}

.woocommerce.kleo-shop-cols-3 section.breadcrumbs-container{
	background-image: url('https://www.tupoka.de/wp-content/uploads/2021/06/Tupoka_BBH_Header_Shop_-min.jpg') !important;
    height: 37vw;
    background-size: 100% !important;
    background-position: center 0 !important;
    background-repeat: no-repeat !important;
	position: relative;
	margin-bottom: 11vw;
}

.woocommerce.kleo-shop-cols-3 section.breadcrumbs-container:after{
	content: '';
	background: url('https://www.tupoka.de/wp-content/uploads/2021/05/torn-white-paper-brown-background@2x.png') no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: -350px;
	width: 100%;
	height: 400px;
}

.woocommerce.kleo-shop-cols-3 section.breadcrumbs-container h1{
	position: absolute;
	left: 13vw;
	top: 45vw;
    z-index: 10;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
	background: transparent;
}

.woocommerce section.alternate-color{
	background: none !important;
	border: none;
	padding: 65px 0 0;
}

.woocommerce .container,
.woocommerce-page .container{
	max-width: none;
	padding: 0 13vw;
}

.woocommerce th.label,
.woocommerce td.value{
	padding-right: 20px;
}

.woocommerce .summary *{
	font-family: 'Heebo-Light', sans-serif;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0.4px;
	color: black;
}

.woocommerce select{
	border-radius: 0;
	background-image: url('https://www.tupoka.de/wp-content/uploads/2021/06/dropdown.jpg');
	border-color: #bcbcbc;
	background-size: contain;
}

.woocommerce #main table.variations td.value{
	vertical-align: top;
}

.woocommerce div.product .product_title{
	font-family: 'Heebo-Bold', sans-serif;
	font-size: 40px;
	letter-spacing: 2px;
	line-height: 1.3;
	text-transform: uppercase;
}

.woocommerce .product_meta .posted_in{
	display: none !important;
}

.woocommerce #main{
	padding-bottom: 100px;
}

.woocommerce .kleo-images-wrapper{
	overflow: inherit !important;
}

.woocommerce div.product div.images .kleo-woo-prev,
.woocommerce div.product div.images:hover .kleo-woo-prev{
	left: -45px;
	color: black !important;
	background: transparent;
}

.woocommerce div.product div.images .kleo-woo-next,
.woocommerce div.product div.images:hover .kleo-woo-next{
	right: -45px;
	color: black !important;
	background: transparent;
}

.woocommerce div.product div.images .kleo-woo-prev,
.woocommerce div.product div.images .kleo-woo-next{
	color: black !important;
	font-size: 45px;
	width: auto;
	height: auto;
}

.woocommerce div.product div.images{
	padding-right: 70px;
}

.woocommerce div.product div.images .kleo-woo-next i, 
.woocommerce div.product div.images .kleo-woo-prev i{
	line-height:1;
}

.woocommerce #main .product_meta *{
	font-size: 14px;
}

.woocommerce #main .product_meta {
	margin-top: 30px;
}

.woocommerce .woocommerce-Price-amount *{
	font-size: 30px;
	color: #03CEC2;
	font-family: 'Heebo-Bold';
	line-height: 1;
}

.woocommerce .icon-angle-up:before,
.woocommerce .icon-angle-down:before,
.woocommerce .panel-group .panel div *{
	color: black;
}

.woocommerce .panel .icon-angle-up:before{
	font-size: 35px;
}

.quantity .input-text.qty{
	color: black;
	border-color: #bcbcbc;
}

.woocommerce #accordion-woo .panel-title a{
	font-family: 'Heebo-Bold';
}

.woocommerce .panel-title *{
	text-transform: uppercase;
}

.woocommerce .product-loop-inner .shop-actions.clearfix,
.woocommerce .product-loop-inner .product-details .posted_in{
	display: none;
}

.woocommerce ul.products li.product .product-loop-inner a, 
.woocommerce-page ul.products li.product .product-loop-inner a,
.woocommerce ul.products li.product .product-loop-inner h3, 
.woocommerce-page ul.products li.product .product-loop-inner h3{
	font-size: 20px;
	font-family: 'Heebo-Bold';
	line-height: 1.4;
	color: black !important;
}

.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price{
	color: #03CEC2;
	font-family: 'Heebo-Bold';
}

.woocommerce ul.products li.product .price{
	margin-top: 15px;
}

/***/

.main-color .kleo-testimonials .carousel-pager a,
.main-color .kleo-testimonials .carousel-pager a.selected{
	background-color: black !important;
}

.kleo-carousel-testimonials .testimonial-image:before{
	color: #03CEC2 !important;
}

.main-color .kleo-testimonials .carousel-pager a{
	width: 10px;
	height: 10px;
}

.main-color .kleo-testimonials .carousel-pager a.selected{
	height: 17px;
	width: 17px;
}

.kleo-testimonials .kleo-carousel-pager.carousel-pager{
	display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 25px;
}

.kleo-testimonials .testimonial-name{
	font-size: 22px;
	padding-top: 10px;
	color: black;
	display: block;
	position: relative;
	z-index: 10;
	line-height: 1.4;
}

.kleo-testimonials ul li p{
	font-size: 27px;
	line-height: 1.4;
}

.testimonial-dots{
	position: absolute;
    left: -13vw;
    z-index: 10;
    bottom: -160px;
    width: 230px;
}



@media (max-width: 1750px){
	.section-projekte-jetzt-du .video-iframe p img{
		width: 60px;
	}
	.section-pressespiegel .line-after-text h4 span{
		display: none;
	}
	.line-after-text h4 span{
		visibility: hidden;
	}
	.kleo-page h1,
	.kleo-page h3{
		font-size: 60px;
		line-height: 75px;
	}
	
	#btn-default-slider, 
	#btn-default-slider:focus, 
	.btn.btn-default, 
	.btn.btn-default:focus,
	#btn-primary-slider, 
	#btn-primary-slider:focus, 
	.btn.btn-primary, 
	.btn.btn-primary:focus,
	#btn-default-slider,
	.woocommerce-page .main-color button.button.alt,
	.btn.btn-default,
	.btn.btn-default:focus,
	.woocommerce div.product form.cart .button,
	.woocommerce div.product form.cart .button:focus,
	.woocommerce-page #main .woocommerce-Button,
	.woocommerce-page #main a.wc-backward,
	#header .btn.btn-default.kleo-go-shop{
		min-width: unset;
	}
}

@media (max-width: 1550px){
	#main .section-projekte-jetzt-du .video-iframe p span{
		letter-spacing: 2px;
	}
	#main .aktuelles-badge{
		left: -165px;
		top: 80px;
	}
	.section-pressespiegel .line-after-text h3{
		font-size: 26px;
	}
	.section-home-aktuelles .line-after-text h4 span{
		display: none;
	}
	.section-projekte1 .section-container > .row:first-of-type, 
	.section-projekte2 .section-container > .row:first-of-type, 
	.section-projekte3 .section-container > .row:first-of-type{
		align-items: end;
	}
	
	.section-projekte1 h3,
	.section-projekte2 h3,
	.section-projekte3 h3{
		margin-top: 0;
	}
	.section-home-workshops .vc_align_left img{
		max-width: unset;
		width: 110%;
	}
	.kleo-page .kleo_text_column h2{
		margin-bottom: 30px;
	}
	.presse-img-abriss{
		margin-top: -50px;
	}
	.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-right > p:nth-of-type(2) {
		font-size: 16px;
		line-height: 25px;
	}
	
	.posts-listing .type-veranstaltung.hover-event:hover .wrapper a{
		letter-spacing: 3px;
	}
	.post-item .datum-veranstaltung{
		font-size: 42px;
	}
	.section-booking1 .row > .vc_col-sm-6:nth-of-type(2) .wpb_wrapper > .wpb_single_image:first-of-type {
		width: 200px;
	}
	.section-booking1 .row > .vc_col-sm-6:first-of-type > .vc_column-inner{
		padding: 0 0 0 13vw;
	} 
	.section-projekte1 .row > .vc_col-sm-6:first-of-type > .vc_column-inner, 
	.section-projekte3 .row > .vc_col-sm-6:first-of-type > .vc_column-inner{
		padding: 0 4vw 0 13vw;
	}
	.workshops-img-right img{
		max-width: unset;
		width: 140%;
	}
	
	.section-booking1 .h1-klein h1{
		margin: 0;
		padding: 0;
	}
	.kurzbiografie{
		top: 9vh;
		width: 580px;
	}
	
	#main .kurzbiografie h2{
		margin-bottom: 50px;
	}
	
	.kurzbiografie .heebo-bold p,
	.kurzbiografie h2{
		width: 120%;
	}
	.kleo-page h1{
		font-size: 50px;
		line-height: 65px;
	}
	
	.section-home-workshops .row > .vc_col-sm-6:first-of-type > .vc_column-inner:first-of-type{
		padding: 0 4vw 0 13vw;
	}
	
	.section-home-instagram{
		padding: 100px 0;
	}
	
	#footer .row > .col-sm-3:nth-of-type(2){
		width: 70%;
	}
	
	#footer .row > .col-sm-3:nth-of-type(1){
		width: 30%;
	}
	
	#footer-sidebar-1 p a{
		font-size: 35px;
	}
	.navbar-nav>li>a{
		margin: 0 15px;
	}
	
	#header .navbar-header .logo a{
		font-size: 40px;
	}
	.line-after-text h4 img{
		height: 12px;
	}
	
	
	.section-pressespiegel .line-after-text h4{
		right: 4%;
	}
	
	#main section.kontakt-btn{
		top: 50px;
	}
	.kontakt-btn .kleo_text_column{
		margin-bottom: 5px;
	}
	
	.kontakt-btn p a,
	.kontakt-btn p{
		font-size: 15px;
	}
	
	.kontakt-btn .wpb_gallery{
		padding-top: 90px;
	}
	
	.kontakt-btn p{
		margin-top: 15px;
	}
	
	.team-row .wpb_wrapper > .kleo_text_column:nth-of-type(4) .wpb_wrapper:after,
	.team-row .wpb_wrapper > .kleo_text_column:nth-of-type(2) .wpb_wrapper:before{
		width: 120px;
	}
	
	.team-row .wpb_wrapper .home-stephen{
		top: 100px;
	}
	
	.team-row .wpb_wrapper .home-jocelina{
		bottom: 60px;
	}
	
	.section-pressespiegel .line-after-text h4{
		right: 4%;
	}
	
	.line-after-text .wpb_wrapper a:hover:after, .magic-container.line-after-text:hover:after{
		left: -25px;
	}
}

@media (max-width: 1400px){
	#main .section-projekte-jetzt-du .video-iframe p span{
		font-size: 18px;
		line-height: 1.2;
	}
	.section-projekte-jetzt-du .video-iframe > p{
		left: 4.5vw;
		bottom: 0;
	}
	#main .aktuelles-badge{
		left: -155px;
		top: 66px;
		width: 140px;
		height: 140px;
	}
	.section-projekte1{
		padding-top: 5vh;
	}
	.section-pressespiegel .line-after-text h3{
		font-size: 22px;
	}
	.section-projekte1 .row > .vc_col-sm-6:first-of-type > .vc_column-inner, 
	.section-projekte3 .row > .vc_col-sm-6:first-of-type > .vc_column-inner{
		padding: 0 3vw 0 13vw;
	}
	.section-projekte2 .row > .vc_col-sm-6:nth-of-type(2){
		padding: 0 13vw 0 3vw;
	}
	.veranstaltungen-posts > .section-container.container-full{
		padding: 0 8vw;
	}
	
	.kurzbiografie .heebo-bold p, 
	.kurzbiografie h2{
		width: 110%;
	}

	.kurzbiografie .heebo-bold p{
		font-size: 28px;
		line-height: 38px;
	}
	#main .kurzbiografie h2{
		margin-bottom: 30px;
	}
	.section-home-projekte .projekte-abriss-img{
		margin-bottom: -100px;
	}
	.projekte-row .wpb_wrapper > .kleo_text_column:first-of-type{
		margin-bottom: 50px;
	}
	.page-id-2 #header{
		top: 56vw;
	}
	.section-home-instagram .wpb_raw_code{
		padding: 20px 6vw;
	}
	.kleo-page h1, .kleo-page h3{
		font-size: 50px;
		line-height: 65px;
	}
	
	.kleo-page h2 {
		font-size: 25px;
		line-height: 30px;
		letter-spacing: 7px;
	}
	
	.projekte-row a {
		margin-top: 0;
	}
	
	.projekte-row .wpb_wrapper > .wpb_raw_code{
		margin-bottom: 20px;
	}
	
	#menu-footer .sub-menu > li a,
	#menu-footer > li > a,
	#socket .socket-menu a{
		font-size: 15px;
		letter-spacing: 2px;
	}
	
	#menu-hauptmenue a{
		font-size: 15px;
		letter-spacing: 2px;
	}

}

@media (max-width: 1260px){
	.presse-img-abriss{
		margin-top: -70px;
	}
	div .logo{
		margin-right: 0;
	}
	
	#header .primary-menu{
		padding-left: 0;
	}

	.header-text{
		top: 25vh;
	}
	
	.kleo-page h1, .kleo-page h3{
		font-size: 45px;
		line-height: 60px;
	}
	
	.btn.btn-default,
	.btn.btn-primary{
		font-size: 18px;
	}
	
	#menu-footer .sub-menu > li a, 
	#menu-footer > li > a, 
	#socket .socket-menu a{
		font-size: 14px;
	}
	
	#footer-sidebar-1 p a{
		font-size: 30px;
	}
}

@media( max-width: 1200px){
	.testimonial-dots{
		left: -10vw;
		bottom: -73px;
		width: 180px;
	}
	.kleo-testimonials .testimonial-name{
		font-size: 19px;
	}
	.kleo-testimonials ul li p{
		font-size: 22px;
	}
	.section-projekte-jetzt-du .video-iframe > p{
		left: 5px;
	}
	.section-pressespiegel .line-after-text .wpb_wrapper a:hover > h4,
	.line-after-text span{
		display: none;
	}
	#footer .row > .col-sm-3:nth-of-type(2) {
		padding: 0;
	}
	
	.ankuendigung-startseite{
		top: 46vw;
	}
}

@media (max-width: 1024px){
	.section-pressespiegel .vc_col-sm-12{
		margin-top: -150px;
	}
	.line-after-text h4 img{
		height: auto;
		width: 29px;
	}
	.line-after-text .wpb_wrapper a, .line-after-text .magic-inner{
		align-items: baseline;
		flex-direction: column;
		display: inline-block;
	}
	
	.section-home-aktuelles .line-after-text h4{
		display: block;
		position: absolute;
		top: 15px;
		right: -70px;
	}
	
	.section-home-aktuelles a h3{
		position: relative;
	}
	
	.section-home-aktuelles a h3:before{
		content: '';
		background: #03CEC2;
		position: absolute;
		bottom: 10px;
		left: 0;
		width: 100%;
		height: 15px;
		z-index: -1;
	}
	
	.section-projekte1{
		padding-top: 0;
	}
	#header .navbar-toggle.open-sidebar{
		padding-right: 0;
		margin-right: 0;
	}
	.section-pressespiegel .line-after-text h3{
		white-space: break-spaces;
		line-height: 38px;
	}
	.veranstaltung-img-abriss{
		margin-top: -50px;
	}
	#main .section-home-workshops .vc_align_right.wpb_single_image{
		position: absolute;
		width: 200px;
		top: -15vw;
		z-index: 9;
		right: -7vw;
	}
	.section-home-workshops .vc_align_left img{
		width: 100%;
	}
	.video-iframe p{
		left: 7vw;
	}
	.kontakt-btn .kleo-gallery-grid ul{
		width: 60%;
		float: right;
	}
	.section-team1 .vc_col-sm-6 {
		margin-top: 0;
	}
	.download-html h5 span{
		letter-spacing: 3px;
	}
	.download-html h5:hover:before{
		display: none;
	}
	.download-html h5{
		padding-right: 0;
	}
	.presse-img-dots {
		bottom: -50px;
	}
	.section-presse1 .vc_col-sm-12 {
		margin-top: -20px;
	}
	.section-presse-headline .vc_col-sm-12{
		margin-top: -150px;
	}
	.kurzbiografie{
		width: 53%;
		left: 7vw;
		top: 7vw;
	}
	.section-team2{
		padding: 100px 0 10vh 0;
	}

	.team-row .wpb_wrapper .home-stephen{
		top: 90px;
	}
	.page-id-2 #header{
		top: 60vw;
	}
	.projekte-row .wpb_wrapper > .kleo_text_column:first-of-type {
		margin-bottom: 0;
	}
	.kleo-page .kleo_text_column h2{
		margin-bottom: 30px;
	}
	.section-home-projekte .projekte-abriss-img{
		margin-bottom: -50px;
	}
	.section-referenzen .wpb_wrapper > .wpb_single_image{
		width: 150px;
		right: -7vw;
	}
	
	.section-booking1 .row > .vc_col-sm-6:nth-of-type(2) .wpb_wrapper > .wpb_single_image:first-of-type{
		width: 150px;
	}
	
	.section-referenzen {
		padding: 100px 0 20px 0;
	}

	.section-booking1 {
    	padding-bottom: 10vh;
	}
	
	.section-referenzen .responsive-cols>* {
		width: 55% !important;
	}

	.section-referenzen ul.responsive-cols {
		grid-template-columns: 15% 28% 28% 29%;
		grid-template-rows: 120px 120px 120px 120px 120px;
	}
	
	.section-referenzen ul.responsive-cols > li:first-of-type, 
	.section-referenzen ul.responsive-cols > li:nth-of-type(5), 
	.section-referenzen ul.responsive-cols > li:nth-of-type(9), 
	.section-referenzen ul.responsive-cols > li:nth-of-type(13),
	.section-referenzen ul.responsive-cols > li:nth-of-type(17){
		justify-self: start;
	}
	
	.section-referenzen ul.responsive-cols > li:nth-of-type(6), 
	.section-referenzen ul.responsive-cols > li:nth-of-type(11), 
	.section-referenzen ul.responsive-cols > li:nth-of-type(16){
		justify-self: center;
	}
	
	.section-veranstaltungen1 .vc_col-sm-12, 
	.section-das-journal .vc_col-sm-6, 
	.section-booking1 .vc_col-sm-6, 
	.section-team1 .vc_col-sm-12{
		margin-top: -8vh;
	}
	
	.section-booking1 .row > .vc_col-sm-6:first-of-type, 
	.section-projekte1 .row > .vc_col-sm-6:first-of-type, 
	.section-projekte3 .row > .vc_col-sm-6:first-of-type{
		padding: 0 0 0 7vw;
	}
	
	#main .section-projekte1 .row > .vc_col-sm-6 .wpb_single_image.visible-xs,
	#main .section-projekte2 .row > .vc_col-sm-6 .wpb_single_image.visible-xs,
	#main .section-projekte3 .row > .vc_col-sm-6 .wpb_single_image.visible-xs{
		left: unset;
		width: 100%;
		position: relative;
		bottom: unset;
	}
	
	
	
	#main .section-projekte1 .projekte-dots-left{
		width: 120px;
		left: -7vw;

	}
	
	.section-projekte1 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner{
		padding-top: 170px;
	}
	
	.section-projekte2 .row > .vc_col-sm-6:nth-of-type(1) > .vc_column-inner{
		padding-top: 100px;
	}
	
	.section-projekte2.section-projekte-jetzt-du .row > .vc_col-sm-6:nth-of-type(1) > .vc_column-inner{
		padding-top: 0;
	}
	
	.section-projekte3 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner{
		padding-top: 100px;
	}
	
	.section-projekte2 .row > .vc_col-sm-6:nth-of-type(2) {
		padding: 0 7vw 0 3vw;
	}
	
	.section-projekte2 .row > .vc_col-sm-6:nth-of-type(2) .wpb_single_image{
		width: 150px;
		right: -7vw;
		bottom: -120px;
	}
	
	.section-projekte1 .wpb_single_image.v_align_right,
	.section-projekte3 .wpb_single_image.v_align_right{
		max-width: unset;
		width: 120%;
	}	
	
	.section-projekte1, .section-projekte2, .section-projekte3 {
		padding-bottom: 8vh;
	}
	
	.section-booking1 h1{
		padding-bottom: 0;
	}
	
	
	
	#btn-default-slider, 
	#btn-default-slider:focus, 
	.btn.btn-default, 
	.btn.btn-default:focus,
	#btn-default-slider,
	.woocommerce-page .main-color button.button.alt,
	.woocommerce div.product form.cart .button,
	.woocommerce div.product form.cart .button:focus,
	.woocommerce-page #main .woocommerce-Button,
	.woocommerce-page #main a.wc-backward,
	#header .btn.btn-default.kleo-go-shop{
		padding: 5px 25px;
	}
	
	.section-home-workshops .row > .vc_col-sm-6:first-of-type > .vc_column-inner:first-of-type {
		padding: 0 10vw;
	}
	
	.section-home-workshops h2{
		margin-left: -10vw;
	}
	
	.section-home-newsletter .vc_col-sm-12 .kleo_text_column {
		padding-left: 7vw;
		margin-left: 0 !important;
	}
	
	#main .section-home-workshops .wpb_wrapper .home-booking-dots.wpb_single_image{
		width: 200px;
		position: absolute;
		right: -7vw;
		z-index: 9;
		bottom: -100px;
	}
	
	.section-home-instagram{
		padding: 150px 0;
	}
	
	.newsletter-dots {
		width: 150px;
	}
	
	.newsletter-abriss {
		margin-bottom: -100px;
	}
	
	.section-home-workshops .wpb_wrapper > .wpb_single_image:nth-of-type(2) {
		width: 100%;
		margin-top: 0;
	}
	
	.section-home-workshops .vc_col-sm-6{
		width: 100%;
	}
	
	.section-home-workshops.section-nopadding .section-container{
		padding: 0 7vw;
	}
	
	.projekte-bg-img {
		margin-top: -60px;
	}
	
	.section-home-team .team-dots{
		width: 150px;
		bottom: -100px;
	}
	
	.projekte-row{
		bottom: 10%;
		left: 7vw;
	}
	
	.team-img-abriss, .booking-img-abriss, 
	.projekte-img-abriss{
		margin-top: -50px;
	}
	
	.section-booking2 .keynote,
	.section-booking2 .beratung{
		top: -4.5vw;
	}
	
	.projekte-row .wpb_wrapper a:hover:after,
	.projekte-row .wpb_wrapper a:hover img{
		display: none;
	}
	
	.projekte-row .wpb_wrapper > .wpb_raw_code:nth-of-type(3) {
		margin-left: 0;
	}
	
	.section-home-team h2{
		padding: 0 0 20px 7vw;
	}
	
	.team-row .wpb_wrapper > .kleo_text_column:nth-of-type(2) .wpb_wrapper:before,
	.team-row .wpb_wrapper > .kleo_text_column:nth-of-type(4) .wpb_wrapper:after {
		width: 100px;
	}
	
	.team-row .wpb_wrapper > .kleo_text_column:nth-of-type(4){
		bottom: 50px;
	}
	
	.section-home-aktuelles{
		padding: 100px 0 150px 0;
	}
	section .section-container{
		padding: 0 7vw;
	}
	#footer .sub-menu {
		display: none;
	}
	
	#menu-footer {
    	display: flex;
		width: 85vw;
	}
	
	#footer .row > .col-sm-3:nth-of-type(1) {
		width: 35%;
	}
	
	#footer .row > .col-sm-3:nth-of-type(2) {
		width: 100%;
		top: 11vw;
    	left: 7.5vw;
    	position: absolute;
	}
	
	
	#nav-menu-item-side{
		display: block;
	}
	
	#menu-mobile-menu{
		padding: 0;
	}
	.offcanvas-sidebar.is-open{
		z-index: 9999999999;
		background: white;
		width: 280px;
		padding: 20px;
	}
	
	.offcanvas-right .wrap-canvas-menu .offcanvas-title .open-sidebar{
		float: right;
	}
	
	.wrap-canvas-menu .offcanvas-title .open-sidebar:before{
		color: black;
	}
	
	.offcanvas-sidebar .widget_nav_menu li a{
		font-family: 'Heebo-Light', sans-serif;
		font-size: 18px;
		letter-spacing: 3px;
		line-height: 24px;
		color: #000000;
		text-transform: uppercase;
		border: none;
		padding: 20px 0;
	}
	
	.offcanvas-sidebar .widget_nav_menu li.active a{
		background: transparent;
		font-family: 'Heebo-Black', sans-serif;
	}
	
	#header .kleo-main-header .primary-menu{
		display: none !important;
	}
	
	#header .navbar-toggle{
		display: inline-block;
	}
	
	.line-after-text .wpb_wrapper a:hover{
		transition: none;
	}
	
	.line-after-text .wpb_wrapper a:hover:after{
		display: none;
	}
	.section-home-aktuelles .wpb_wrapper > .wpb_single_image{
		right: -7vw;
		width: 150px;
	}
	
	.section-booking1 .row > .vc_col-sm-6:first-of-type > .vc_column-inner{
		padding: 0 0 0 15px;
	}
	
	.workshops-img-right img {
		margin-top: 95px;
	}
	
	.tupoka-h3,
	.mariam-h3,
	.stephen-h3, 
	.jocelina-h3,
	.section-booking2 .beratung,
	.section-booking2 .keynote{
		top: 0;
		left: unset;
		right: unset;
		position: relative;
	}
	
	.section-team1 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper,
	.section-team2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper,
	.section-booking2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper{
		display: flex;
		flex-direction: column;
	}
	
	.section-team1 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(1),
	.section-team2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(1),
	.section-booking2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(1){
		order: 2;
	}
	
	.section-team1 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(2),
	.section-team2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(2),
	.section-booking2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(2){
		order: 1;
		margin-bottom: 20px;
	}
	
	.section-team1 .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(3),
	.section-team2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(3),
	.section-booking2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(3){
		order: 3;
	}
	
	.section-booking2 .btn.btn-default{
		order: 4;
		width: 300px;
	}
	
	.mc4wp-form input[type="email"] {
		width: 280px;
	}
	
	
	.section-projekte1 .row > .vc_col-sm-6:first-of-type > .vc_column-inner, 
	.section-projekte3 .row > .vc_col-sm-6:first-of-type > .vc_column-inner{
		padding: 0 3vw 0 0;
	}
	
	.presse-bottom-dots,
	.presse-img-dots{
		width: 120px;
	}
	
	.presse-img-dots{
		bottom: 50px;
	}
	
	.veranstaltungen-posts .posts-listing{
		grid-template-columns: 100%;
	}
	
	#main .veranstaltungen-posts .posts-listing article{
		width: 100% !important;
	}
	
	.post-item.type-veranstaltung{
		padding: 0;
	}
	
	.veranstaltungen-posts .posts-listing > article:nth-of-type(4) > .post-content{
		border-top: none;
	}
	
	.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-center img{
		right: unset;
		transition: unset;
	}
	
	.event-center img{
		opacity: 1;
		position: relative;
	}
	
	.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-right{
		margin-left: unset;
		padding-left: 7%;
		transition: unset;
	}
	
	.posts-listing .type-veranstaltung .post-content .event-right > p:nth-of-type(2),
	.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-right > p:nth-of-type(2){
		font-size: 20px;
		line-height: 32px;
	}
	
	.event-left{
		padding-right: 5%;
	}
	
	.veranstaltungen-posts > .section-container.container-full {
    	padding: 0 7vw;
	}
	
	.posts-listing .type-veranstaltung.hover-event:hover .wrapper a{
		letter-spacing: 5px;
	}
	
	.section-booking2 .btn.btn-default{
		width: 260px;
	}
	#main .projekte-row .wpb_wrapper a img{
		display: block;
		margin-left: 20px;
	}
	
	#main .projekte-row .wpb_wrapper a h3:before{
		content: '';
		background: #03CEC2;
		width: 100%;
		height: 10px;
		position: absolute;
		left: 0;
		bottom: 15px;
		z-index: -1;
	}
	
	.event-center{
		max-height: 200px;
		width: auto;
		max-width: 200px;
	}
	
	#main .aktuelles-badge{
		left: 465px;
	}
}

@media (max-width: 991px){
	#main .aktuelles-badge{
		left: 450px;
	}
	.section-presse1{
		padding-bottom: 0;
	}
	.section-booking1 .row > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
		display: flex;
		flex-direction: column;
	}

	.section-booking1 .row > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(2){
		order: 1;
		margin-bottom: 0px;
	}
	
	.section-booking1 .row > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(3){
		order: 3;
		margin-bottom: 20px;
	}
	.section-booking1 .row > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(4){
		order: 2;
		position: relative;
		top: unset;
		left: unset;
	}
	
	.section-booking1 .row > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(5){
		order: 4;
	}
	
	.section-booking1 .row > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .btn.btn-default{
		order: 5;
		width: 270px;
	}
	
	.section-team1 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(2), 
	.section-team2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(2), 
	.section-booking2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(2){
		margin-bottom: 20px;
	}
	.presse-img-dots{
		bottom: -230px;
	}
	#main .section-projekte1 .projekte-dots-left{
		width: 120px;
		position: absolute;
		bottom: -100px;
		right: -7vw;
		transform: scale(-1);
		left: unset;
	}
	.download-row {
		padding: 0 7vw;
	}
	.veranstaltungen-posts h3{
		margin-top: 50px;
	}
	.presse-width-small,
	.presse-width-big{
		width: 100%;
	}

	.section-projekte1{
		padding-bottom: 0;
	}
	.section-projekte2, .section-projekte3{
		padding-bottom: 17vh;
	}
	#main .section-projekte1 .row > .vc_col-sm-6 .wpb_single_image.visible-xs, 
	#main .section-projekte2 .row > .vc_col-sm-6 .wpb_single_image.visible-xs, 
	#main .section-projekte3 .row > .vc_col-sm-6 .wpb_single_image.visible-xs{
		right: unset;	
	}
	.section-projekte1 .wpb_wrapper > .kleo_text_column:nth-of-type(3){
		padding-top: 0px;
	}
	.section-projekte1 .row > .vc_col-sm-6:first-of-type, 
	.section-projekte3 .row > .vc_col-sm-6:first-of-type{
		padding: 0 7vw;
	}
	#main .section-projekte1 .row > .vc_col-sm-6:first-child, 
	#main .section-projekte2 .vc_col-sm-6, 
	#main .section-projekte3 .vc_col-sm-6{
		width: 100%;
		padding: 0 7vw;
	}
	
	.section-projekte1 .section-container > .row:first-of-type,
	.section-projekte3 .section-container > .row:first-of-type{
		flex-direction: column;
	}
	
	.projekt-badge{
		display: flex !important;
		left: 68%;
		top: 200px;
	}
	
	
	.section-projekte2 .section-container > .row:first-of-type{
		flex-direction: column;
	}
	
	.section-projekte1 .row > .vc_col-sm-6:first-of-type > .vc_column-inner, 
	.section-projekte3 .row > .vc_col-sm-6:first-of-type > .vc_column-inner,
	.section-projekte2 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner{
		padding: 0 15px;
	}
	
	.kleo-carousel{
		display: flex;
		align-items: center;
	}
	
	.kleo-testimonials .kleo-carousel{
		display: block;
		align-items: unset;
	}
	.section-booking1 .vc_col-sm-12 > .vc_column-inner:first-of-type > .wpb_wrapper{
		padding: 0 15px; 
	}
	.section-booking1 .vc_col-sm-12 > .vc_column-inner:first-of-type{
		padding: 0 7vw;
	}
	.section-booking1  .workshops-headline{
		position: absolute;
		top: 10vw;
		left: 15px;
	}
	
	.section-referenzen .wpb_wrapper > .wpb_single_image{
		top: -200px;
	}
	.workshops-img-right img{
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.section-booking1 .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-of-type{
		width: 150px;
		position: absolute;
		right: -7vw;
		top: -190px;
	}

	.mc4wp-form-fields{
		float: left;
		margin: 50px 0 0 6vw;
		width: 55vw;
	}
	.kleo-carousel,
	.kleo-carousel-container .carousel-arrow .carousel-prev:hover, 
	.kleo-carousel-container .carousel-arrow .carousel-next:hover, 
	.kleo-carousel-container .gal-carrow .carousel-prev:hover, 
	.kleo-carousel-container .gal-carrow .carousel-next:hover {
		background: transparent;
	}
	
	.carousel-arrow a:hover{
		color: black !important;
	}
	
	.kleo-carousel-container .carousel-arrow .carousel-next,
	.kleo-carousel-container:hover .carousel-arrow .carousel-next{
		right: -25px;
		background: transparent !important;
		color: black !important;
		top: 50%;
	}
	
	.kleo-carousel-container:hover .carousel-arrow .carousel-prev{
		left: -35px;
		background: transparent !important;
		color: black !important;
	}
	
	.section-referenzen .icon-angle-left:before,
	.section-referenzen .icon-angle-right:before{
		font-size: 50px;
	}
	
	.section-referenzen .dot-carousel .carousel-arrow .carousel-next{
		margin-right: 0;
	}
	
	.section-referenzen .carousel-arrow .carousel-prev, .carousel-arrow .carousel-next{
		color: black;
		top: 50%;
	}
	.section-referenzen .kleo-gallery .kleo-carousel a {
		padding: 30px;
	}

	.section-home-newsletter .vc_row-fluid > .wpb_column:nth-of-type(2) {
		margin-top: 0;
	}
	.section-home-newsletter .vc_col-sm-12 .wpb_wrapper > .kleo_text_column:nth-of-type(4) {
		margin-left: 0;
	}
	
	.section-home-team .team-dots {
		bottom: 0px;
	}
	.projekte-row .wpb_wrapper > .kleo_text_column:first-of-type {
		margin-bottom: 40px;
	}
	.projekte-bg-img {
		width: 130%;
	}
	.section-home-team .heebo-bold p {
		font-size: 24px;
		text-transform: uppercase;
		line-height: 38px;
	}
	.line-after-text h3{
		line-height: 50px;
	}
	.wpb_wrapper > .line-after-text:nth-of-type(4) h3,
	.wpb_wrapper > .line-after-text:nth-of-type(5) h3{
		margin-bottom: 0;
	}
	.line-after-text .wpb_wrapper a{
		flex-direction: column;
	}
	
	.line-after-text .wpb_wrapper a:hover > h4,
	.line-after-text span{
		display: none;
	}
	
	
	#footer .row > .col-sm-3:nth-of-type(1),
	#footer .row > .col-sm-3:nth-of-type(2){
		width: 100%;
	}
	
	#menu-footer{
		grid-template-columns: unset;
	}
	
	.projekte-row .wpb_wrapper a:hover:after,
	.projekte-row .wpb_wrapper a:hover img{
		display: none;
	}
		.section-home-newsletter .wpb_wrapper > a:after {
		height: 80px;
		left: 0;
		width: 94%;
	}
	.section-home-newsletter .wpb_wrapper > a {
		width: 80%;
		margin-right: unset;
		float: left;
		margin-left: 8vw;
		margin-top: 14vw;
	}
	.section-home-newsletter .vc_col-sm-12 .wpb_wrapper > .kleo_text_column:nth-of-type(4) {
		margin-left: 0;
		padding-bottom: 0;
	}
	.section-home-newsletter .wpb_wrapper > a{
		justify-content: center;
	}
	
		.team-row .wpb_wrapper > .kleo_text_column:last-of-type{
		bottom: -40px;
		right: 7vw;
		position: absolute;
		z-index: 9;
	}
	.section-home-team h2{
		padding: 0 0 20px 8vw;
	}
	.team-row .wpb_wrapper > .kleo_text_column:nth-of-type(1) {
		top: -46px;
		left: 7vw;
		position: absolute;
		z-index: 9;
	}
	.kleo-page .section-home-team .kleo_text_column h2 {
		margin-bottom: 60px;
	}
	
	.section-home-team .btn{
		margin-left: 7vw;
		margin-top: 30px;
	}
	
	.projekte-row {
		bottom: 13%;	
	}
	
	.section-home-team{
		padding-bottom: 120px;
	}

	
	#main .section-team1 h2{
		margin-bottom: 80px;
	}
	
	.section-booking2 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner, 
	.section-team1 .row > .wpb_column:nth-of-type(3) > .vc_column-inner, 
	.section-team2 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner{
		padding-left: 20px;
	}
	
	.section-booking2 .row > .vc_col-sm-6:first-of-type > .vc_column-inner, 
	.section-team1 .row > .wpb_column:nth-of-type(2) > .vc_column-inner, 
	.section-team2 .row > .vc_col-sm-6:first-of-type > .vc_column-inner{
		padding-right: 20px;
	}
	
	.section-veranstaltungen1 .vc_col-sm-12, 
	.section-projekte1 .vc_col-sm-6, 
	.section-booking1 .vc_col-sm-6, 
	.section-team1 .vc_col-sm-12 {
    	margin-top: -4vh;
	}

	.kurzbiografie{
		width: 100%;
		left: unset;
		z-index: 10;
		padding: 0 7vw;
		margin: 0px 0 350px 0;
		position: relative;
	}
	
	.kurzbiografie .vc_column-inner{
		padding: 0;
	}
	
	
	
	.presse-img-abriss{
		margin-top: unset;
		position: absolute;
		width: 100%;
		top: 500px;
	}
	
	.kurzbiografie .heebo-bold p, 
	.kurzbiografie h2{
		width: 100%;
	}
	
	.kurzbiografie h2, 
	.kurzbiografie p{
		color: black;
	}
	.buchankuendigung .buch-img {
    	width: 150px;
	}
	
	.buchankuendigung div.text{
		margin-right: 9px;
	}
	
	.page-id-2 #header{
		top: 70vw;
	}
	
	.section-home-aktuelles{
		padding-top: 150px;
	}
	
	/*test*/
	.kleo-mobile-icons a.cart-contents{
		display: none;
	}
	
}

@media( max-width: 750px){
	.section-journal{
		padding-bottom: 50px !important;
	}
	.section-journal .vc_col-sm-6{
		margin-top: -150px !important;
	}
	.kleo-testimonials .testimonial-name {
    	font-size: 17px;
	}
	.kleo-testimonials ul li p {
    	font-size: 19px;
	}
	.testimonial-dots{
		display: none;
	}
	#rev_slider_7_1_forcefullwidth,
	#rev_slider_6_1_forcefullwidth{
		display: none !important;	
	}
	.retouren-hinweis > div{
		padding: 0 20px;
	}
	.kleo-toggle-menu .kleo-toggle-submenu{
		width: 100%;
	}
	.woocommerce table.shop_table td, .woocommerce-page table.shop_table td{
		padding: 6px 8px;
	}
	label[for="shipping_method_0_flat_rate1"]{
		font-size: 10px;
	}
	.woocommerce .order-review-wrap{
		padding: 20px 6px;
	}
	.woocommerce.kleo-shop-cols-3 section.breadcrumbs-container h1{
		left: 8vw;
	}
	.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select{
		font-size: 14px;
		line-height: 1;
	}
	.woocommerce .kleo-cart-totals .totals-wrap{
		margin-top: 50px;
	}
	.quantity .input-text.qty {
		width: 35px;
		height: 40px;
		font-size: 18px;
	}
	.woocommerce table.cart td.product-subtotal {
    	padding-bottom: 0px!important;
	}
	.woocommerce #content table.cart a.remove, 
	.woocommerce table.cart a.remove, 
	.woocommerce-page #content table.cart a.remove, 
	.woocommerce-page table.cart a.remove{
		font-size: 35px;
		height: 35px;
		width: 35px;
	}
	.woocommerce table.cart td.product-thumbnail img {
    	width: 200px;
		margin-top: 20px;
	}
	.woocommerce .order-review-wrap{
		margin-top: 40px;
	}
	.woocommerce-shipping-fields #ship-to-different-address > label{
		line-height: 1;
		display: inline-flex;
		gap: 10px;
	}
	.woocommerce-shipping-fields #ship-to-different-address{
		margin-top: 0;
		line-height: unset;
	}
	.woocommerce-page #main a.button, .woocommerce-page .main-color a.button.alt{
		font-size: 16px;
	}
	.woocommerce div.product div.images .kleo-woo-next, .woocommerce div.product div.images:hover .kleo-woo-next{
		right: -35px;
	}
	.woocommerce div.product div.images .kleo-woo-prev, .woocommerce div.product div.images:hover .kleo-woo-prev{
		left: -35px;
	}
	.woocommerce .container, .woocommerce-page .container{
		padding: 0 8vw;
	}
	.woocommerce #payment #place_order{
		white-space: break-spaces;
	}
	.woocommerce th.label, .woocommerce td.value {
    	padding-right: 5px;
	}
	.woocommerce div.product p.price {
    	margin: 20px 0 25px;
	}
	.woocommerce .woocommerce-Price-amount *{
		font-size: 30px !important;
	}
	.woocommerce div.product div.images {
    	padding-right: 15px;
	}
	.woocommerce .summary *{
		font-size: 14pt;
		line-height: 1.5;
	}
	.woocommerce div.product .product_title{
		font-size: 24px;
		letter-spacing: 1px;
	}
	.woocommerce.kleo-shop-cols-3 section.breadcrumbs-container{
		height: 170px;
		margin-bottom: 50px;
	}
	.section-projekte-jetzt-du .video-iframe > p{
		bottom: -10px;
	}
	#main .section-projekte-jetzt-du .video-iframe p span{
		font-size: 15px;
		letter-spacing: 0;
	}
	.section-projekte-jetzt-du .video-iframe p img{
		width: 37px;
		margin-right: 5px;
	}
	.section-projekte-jetzt-du .projekte-dots-right{
		z-index: 10;
	}
	.projekt-badge p{
		font-size: 16px !important;
		line-height: 1.4 !important;
	}
	.projekt-badge{
		width: 100px;
		height: 100px;
		top: 7px;
	}
	#main .section-projekte-jetzt-du{
		padding: 60px 0 0;
		z-index: 11;
	}
	#main .section-projekte1 {
		padding: 150px 0;
	}
	.buchankuendigung div.text a:after{
		width: calc(100% - 48px);
	}
	#main .aktuelles-badge p{
		line-height: 1.2;
		font-size: 15px;
	}
	#main .aktuelles-badge{
		transform: rotate(15deg);
		left: 75%;
		width: 100px;
		height: 100px;
		top: 57px;
	}
	.buchankuendigung div.text *{
		font-size: 15px !important;
	}
	.buchankuendigung div.text.responsive{
		display: block;
		right: 79%;
		top: 50%;
		margin-right: 0;
		transform: none;
		height: unset;
		width: 67vw;
	}

	.page-id-347 .section-home-header-mobile{
		margin-top: 0px;
	}
	.buchankuendigung div.text{
		display: none;
		width: auto; 
		background: transparent;
	}
	.buchankuendigung div.text *{
		opacity: 1 !important;
	}
	.ankuendigung-startseite {
    	top: 250px;
    	right: 0px;
	}
	.buchankuendigung .buch-img {
    	width: 120px;
	}
	.section-home-instagram #sb_instagram.sbi_col_3 #sbi_images{
		gap: 5px;
	}
	.section-presse1{
		margin-bottom: -20px;
	}
	.section-pressespiegel .vc_col-sm-12{
		margin-top: -50px;
	}
	.section-home-header-mobile{
		z-index: 9;
		margin-top: 0;
		background: transparent;
	}
	.section-referenzen .kleo-gap{
		display: none;
	}
	.section-home-aktuelles .line-after-text h4{
		right: -50px;
		top: 20px;
	}
	.section-home-aktuelles .line-after-text h3{
		font-size: 19pt;
		display: inherit;
	}
	
	.section-home-aktuelles .line-after-text.after-a-z h4{
		right: unset;
		left: 70px;
	}
	
	.presse-img-dots{
		bottom: -150px;
	}
	.kurzbiografie .heebo-bold p{
		font-size: 25px;
		line-height: 35px;
	}
	.presse-img-abriss{
		top: 65vw;
	}
	.mc4wp-form-fields{
		width: 85vw;
	}
	.kontakt-btn .btn.kontakt-X img {
		margin-top: -15px;
	}
	
	.veranstaltung-img-abriss{
		margin-top: -20px;
	}
	.posts-listing .type-veranstaltung .wrapper a,
	.posts-listing .type-veranstaltung.hover-event:hover .wrapper a{
		letter-spacing: 2px;
		font-size: 15px;
	}
	.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-right,
	.posts-listing .type-veranstaltung .post-content .event-right{
		padding-left: 3%;
	}
	.post-item .datum-veranstaltung {
    	font-size: 32px;
    	line-height: 40px;
	}
	
	.post-item .datumname-veranstaltung{
		font-size: 18px;
		line-height: 25px;
	}
	
	.posts-listing .type-veranstaltung .post-content .event-right > p:nth-of-type(2), 
	.posts-listing .type-veranstaltung.hover-event:hover > .post-content .event-right > p:nth-of-type(2){
		font-size: 18px;
		line-height: 30px;
	}
	
	.event-center{
		position: absolute;
		left: 0;
		max-width: 120px;
		height: auto;
		bottom: 20px;
		max-height: 130px;
	}
	
	.post-item.type-veranstaltung .post-content{
		padding: 30px 0;
	}
	
	
	.event-center img{
		z-index: 9;
		max-height: 130px;
		width: auto;
	}
	
	.event-left{
		padding-right: 0;
		min-width: 140px;
	}
	.presse-bottom-dots{
		display: none;
	}
	.section-presse-headline .vc_col-sm-12 {
		margin-top: -50px;
		padding-bottom: 50px;
	}
	.presse-width-small,
	.presse-width-big{
		width: 100%;
	}
	.section-booking2 .row > .vc_col-sm-6:nth-of-type(2){
		margin-top: 120px;
	}

	.section-booking1 .workshops-headline{
		top: 65px;
	}
	.section-booking1 .vc_col-sm-12 > .vc_column-inner:first-of-type{
		padding: 0 8vw;
	}
	.team-img-abriss, .booking-img-abriss, .projekte-img-abriss {
    	margin-top: -10px;
	}
	
	#main{
		margin-top: 88px;
	}
	
	.page-id-2 #main{
		margin-top: 0;
	}
	#main .section-team1 h2{
		margin-bottom: 0;
	}



	.section-team1 .vc_col-sm-12 .wpb_single_image{
		top: -10vw;
		width: 150px;
	}
	#main .section-home-workshops .vc_align_right.wpb_single_image{
		width: 150px;
	}
	.section-home-workshops .row > .vc_col-sm-6:first-of-type > .vc_column-inner:first-of-type{
		margin-left: 0;
	}
	#header .is-sticky .kleo-main-header{
		position: fixed !important;
		top: 0 !important;
	}
	.section-home-team .heebo-bold p, .section-home-workshops .heebo-bold p{
		font-size: 22px;
		line-height: 38px;
	}
	.kleo-page .kleo_text_column h2{
		margin-left: 0;
	}
	.video-iframe p img {
		width: 50px;
	}
	
	.video-iframe p {
		bottom: 0;
		left: 8vw;
	}
	
	.section-home-workshops .wpb_wrapper > .wpb_single_image.visible-xs {
		width: 100%;
		margin-top: 0;
	}
	.section-home-workshops .row > .vc_col-sm-6:first-of-type > .vc_column-inner:first-of-type {
		padding: 0 15px;
	}
	.section-home-workshops.section-nopadding .section-container{
		padding: 0 8vw;
	}
	.section-home-projekte .projekte-abriss-img{
		margin-bottom: -50px;
	}
	.section-home-newsletter .vc_col-sm-12 .wpb_wrapper > .kleo_text_column:nth-of-type(4) {
		margin-bottom: 0;
	}
	.section-referenzen .kleo-gallery .kleo-carousel a {
		padding: 15px;
	}
	
	.dot-carousel .carousel-arrow .carousel-prev {
    	margin-left: 0;
	}
	
	.carousel-prev, .carousel-next, .kleo-woo-prev, .kleo-woo-next, .kleo-thumbs-prev, .kleo-thumbs-next {
		display: block !important;
	}
	
	.section-referenzen .icon-angle-left:before, 
	.section-referenzen .icon-angle-right:before {
		font-size: 40px;
	}
	
	#main section.kontakt-btn.animateBack,
	#main section.kontakt-btn{
		right: -650px;
	}
	#main section.kontakt-btn{
		width: 350px;
	}
	.kontakt-btn a.btn-custom.kontakt-default{
		top: 50px;
	}
	.kontakt-btn a.btn-custom.kontakt-X{
		min-width: unset;
		min-height: unset;
		width: 70px;
		height: 70px;
		left: -28px;
	}
	.kontakt-btn .row .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper:first-of-type{
		background-image: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
	}
	
	.kleo-page .kontakt-btn p a{
		font-size: 15px;
		letter-spacing: 2px;
		word-break: break-all;
	}
	.kleo-page .kontakt-btn p{
		font-size: 15px;
		letter-spacing: 2px;
		margin-top: 10px;
		line-height: 30px;
	}
	.kontakt-btn .vc_separator {
		margin-top: -4px;
		padding: 0 25px;
	}
	.kontakt-btn .wpb_gallery {
		padding-top: 40px;
		margin-bottom: 10px;
	}
	.kontakt-btn .kleo-gallery-grid ul {
		padding-right: 25px;
	}
	.kontakt-btn .kleo-gallery-grid ul img{
		height: 27px;
		width: 30px;
	}
	
	.kontakt-btn .kleo-gallery-grid ul{
		width: 100%;
	}
	
	.kontakt-btn .kleo-gallery-grid .kleo-gallery-inner{
		float: right;
	}
	.mail-wrap .wpb_wrapper:hover:before{
		display: none;
	}
	.kontakt-btn .kleo_text_column {
		padding: 0 25px;
	}
	.kontakt-btn a.btn-custom.kontakt-X {
		width: 60px;
		height: 60px;
	}
	.kontakt-btn .btn.kontakt-X img{
		width: 28px;
		height: 28px;
	}

	.kontakt-btn a.btn-custom,
	.kontakt-btn a.btn-custom.kontakt-default{
		font-size: 18px;
		line-height: 22px;
		left: -360px;
		width: 130px;
		height: 130px;
		padding-top: 30px;
	}
	#footer-sidebar-1 #text-2 {
		margin-bottom: 150px;
	}
	#footer-sidebar-1 p a {
		font-size: 18pt;
		line-height: 27pt;
	}
	#socket .socket > a:before{
		content: '';
		width: 84vw;
		position: absolute;
		height: 2px;
		background: black;
		left: 0;
		top: 20px;
	}
	#socket .socket > a{
		padding: 40px 0 0 0;
		position: relative;
		font-size: 14pt;
		line-height: 40pt;
	}
	#socket .socket-menu{
		display: flex;
		flex-direction: column;
	}

	#socket .socket {
		justify-content: flex-start;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	#footer .template-page {
		padding: 80px 0 0 0;
	}
	#menu-footer > li > a,	
	#socket .socket-menu a{
		padding: 2px 0;
		font-size: 14pt;
		line-height: 40pt;
	}
	#footer .row > .col-sm-3:nth-of-type(2) {
		margin-top: -120px;
		top: unset;
		left: unset;
		position: relative;
	}
	#menu-footer{
		flex-direction: column;
	}
	
	.socket div a {
		padding-left: 0;	
	}
	
	.socket div > a:first-of-type{
		padding-bottom: 20px;
	}
	
	.socket > div{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	#media_image-2{
		top: 80px;
	}
	#media_image-3{
		top: 130px;
	}
	#media_image-4{
		top: 180px;
	}
	
	#media_image-5{
		top: 230px;
	}
	#media_image-6{
		top: 280px;
	}
	#media_image-2, #media_image-3, #media_image-4, #media_image-5,#media_image-6 {
		display: block;
		position: absolute;
		right: 0;
	}
	#footer .row > .col-sm-3:nth-of-type(2) {
		padding: 0 15px;
	}
	#socket .container, #footer .container {
		padding: 0 8vw;
	}

	.section-home-newsletter .wpb_wrapper > a:before {
		width: 95%;
		left: 8vw;
	}
	.section-home-newsletter .vc_col-sm-12 .kleo_text_column {
    	padding-left: 8vw;
		padding-right: 8vw;
	}

	.kleo-page h4{
		font-size: 12pt;
		letter-spacing: 3.6pt;
		line-height: 18pt;
	}

	.newsletter-abriss {
		margin-bottom: -10px;
	}
	.section-home-newsletter .vc_col-sm-12 .kleo_text_column {
		padding-left: 8vw;
	}
	.section-home-instagram #sb_instagram.sbi_col_3 #sbi_images .sbi_item {
		width: 47% !important;
	}
	#sbi_images > .sbi_item.sbi_type_carousel:last-of-type{
		display: none !important;
	}
	.section-home-instagram .wpb_raw_code {
		padding: 0;
	}
	.section-home-instagram{
		padding: 20vw 0;
	}
	.section-home-workshops .wpb_wrapper > .wpb_single_image:first-of-type{
		position: absolute;
		width: 120px;
		right: -8vw;
		top: -22vw;
		transform: scaleY(-1);
	}
	.section-home-workshops {
		padding: 22vw 0 20px 0;
	}
	.projekte-row .wpb_wrapper > .wpb_raw_code:nth-of-type(3){
		margin-left: 0;
	}
	.projekte-row .btn{
		margin-top: 20px;
	}
	.projekte-bg-img{
		width: 750px;
		float: right;
		margin-right: -210px;
	}
	.projekte-row .wpb_raw_code h3{
		line-height: 30px;
	}
	.projekte-row{
		top: 35vw;
	}
	
	.section-home-team .btn{
		margin-left: 8vw;
	}
	.team-row .wpb_wrapper > .kleo_text_column:last-of-type{
		bottom: -30px;
		right: 8vw;
		position: absolute;
		z-index: 9;
	}
	.section-home-team h2{
		padding: 0 0 20px 8vw;
	}
	.team-row .wpb_wrapper > .kleo_text_column:nth-of-type(1) {
		top: -45px;
		left: 8vw;
		position: absolute;
		z-index: 9;
	}
	.team-row figure img {
		padding-left: 8vw;
		padding-right: 8vw;
	}
	.section-home-team {
		padding-top: 15vw;
		padding-bottom: 35vw;
	}
	.section-home-video .wpb_wrapper > .wpb_raw_code {
		margin-top: -10px;
	}
	.section-home-aktuelles .wpb_wrapper > .wpb_single_image img{
		width: 110px;
		transform: scaleY(-1);
	}
	.section-home-aktuelles .wpb_wrapper > .wpb_single_image{
		right: -18vw;
		bottom: -3vw;
	}
	.line-after-text h2{
		margin: 0;
	}
	.line-after-text h3{
		padding-right: 0;
		margin-bottom: 0;
	}
	.kleo-page h3{
		font-size: 23pt;
		line-height: 35pt;
		letter-spacing: 0.28pt;
		margin-top: 20px;
		white-space: break-spaces;
	}
	.kleo-page h2,
	.kleo-page .h1-klein h1,
	.woocommerce .hr-title abbr, 
	.woocommerce-page .page-title{
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 3pt;
	}
	.section-home-aktuelles .kleo_text_column h2{
		padding-bottom: 0px;
	}
	#header .navbar-header .logo a{
		font-size: 24px;
	}
	.section-home-aktuelles {
		padding: 60vw 0 60vw 0;
	}
	.kleo-page .section-home-team .kleo_text_column h2 {
		margin-bottom: 0;
	}
	.page-id-2 #header{
		top: 193vw;
	}
	.btn.btn-default, .btn.btn-primary {
		font-size: 16px;
		padding: 5px 15px !important;
	}
	.kleo-page .btn+.btn{
		margin-left: 20px;
	}
	.section-home-header-mobile h1{
		color: black;
		font-size: 25px;
		line-height: 34px;
		letter-spacing: 1pt;
		font-family: 'Heebo-Light', sans-serif;
	}
	
	.section-home-header-mobile h1 strong{
		font-family: 'Heebo-Black', sans-serif;
	}
	section .section-container{
		padding: 0 8vw;
	}
	.section-home-header .wpb_wrapper > .wpb_single_image:first-of-type{
		margin-top: -15px;
	}
	
	.section-home-header .img-header-cut {
		margin-top: 0;
		position: absolute;
		bottom: 30px;
	}
	
	.section-home-header .vc_column-inner > .wpb_wrapper:first-of-type{
		height: 450px;
	}
	
	.section-home-header .wpb_wrapper > .wpb_single_image:nth-of-type(2){
		width: 750px;
		float: right;
		margin-top: -25vw;
		margin-right: -10px;
	}
	
	.section-home-header{
		background-size: 700px !important;
		background-position: 100% 0;
	}
	.kleo-page p{
		font-size: 14pt;
		letter-spacing: 0;
		line-height: 27pt;
	}
	
	.section-booking1{
		padding-top: 0 !important;
	}
	
	.section-booking-header .wpb_wrapper > .wpb_single_image:nth-of-type(2), 
	.section-team-header .wpb_wrapper > .wpb_single_image:nth-of-type(2) {
		margin-top: -47px;
	}
	
	.section-team1 .vc_col-sm-12 .wpb_single_image {
		position: absolute;
		right: -13vw;
		width: 120px;
		top: -160px;
	}
	
	.section-booking1 .vc_col-sm-6, .section-team1 .vc_col-sm-12 {
		margin-top: 0;
	}
	
	.section-team1 .vc_col-sm-6,
	.section-team2 .vc_col-sm-6{
		margin-top: 30px;
	}
	
	.section-team1 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(1), 
	.section-team2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(1), 
	.section-booking2 .row > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > .wpb_content_element:nth-of-type(1){
		margin-bottom: 20px;
	}
	
	.section-booking1 .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-of-type{
		width: 120px;
		top: -90px;
	}
	
	.section-booking1 .row > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .btn.btn-default,
	.section-booking2 .btn.btn-default{
		width: 240px;
	}
	
	.kurzbiografie{
		margin: 0 0 200px 0;
	}
	
	.section-team2{
		padding-top: 0;
	}
	
	.newsletter-dots{
		width: 120px;
		top: 10px;
	}
	
	.section-booking2 .row > .vc_col-sm-6:first-of-type > .vc_column-inner, 
	.section-team1 .row > .wpb_column:nth-of-type(2) > .vc_column-inner, 
	.section-team2 .row > .vc_col-sm-6:first-of-type > 	.vc_column-inner {
		padding-right: 15px;
	}
	
	.section-booking2 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner, 
	.section-team1 .row > .wpb_column:nth-of-type(3) > .vc_column-inner, 
	.section-team2 .row > .vc_col-sm-6:nth-of-type(2) > .vc_column-inner {
		padding-left: 15px;
	}
	
	.event-right .wrapper img{
		width: 29px;
	}
	
	.section-home-aktuelles a h3:before{
		height: 8px;
		bottom: 11px;
	}
	
	.section-home-aktuelles a h2{
		font-size: 18px;
		white-space: break-spaces;
	}
	
	.projekte-row a h3{
		font-size: 18pt;
	}
	
	#main .projekte-row .wpb_wrapper a h3:before{
		height: 8px;
		bottom: 5px;
	}
	.projekte-row .wpb_raw_code img{
		margin-left: 10px;
	}
	
	.section-projekte1,
	.section-projekte3{
		padding-bottom: 0;
	}
	
	.jahr-row > div > div > .wpb_wrapper{
		margin-top: 40px;
		margin-bottom: 10px;
	}
	
	.section-home-newsletter{
		padding-bottom: 100px;
	}
	
	.veranstaltungen-posts{
		padding: 0 0 100px 0;
	}
	
	.team-row .wpb_wrapper h3{
		font-size: 22pt;
	}
	
	.section-projekte2 .row > .vc_col-sm-6:first-of-type{
		display: none;
	}
	.page-id-347 #main{
		margin-top: 0;
	}
	.section-projekte-jetzt-du.section-projekte2 .row > .vc_col-sm-6:first-of-type{
		display: block;
	}
	
	
}

@media(max-width: 375px){

	.kontakt-btn a.btn-custom.kontakt-X{
		left: -18px;
	}
	.kontakt-btn .btn.kontakt-X img {
    	margin-top: -10px;
	}
	.kontakt-btn a.btn-custom, .kontakt-btn a.btn-custom.kontakt-default{
		padding-top: 25px;
	}
	.btn.btn-default, .btn.btn-primary{
		padding: 2px 15px !important;
	}
	.projekte-row .wpb_wrapper > .kleo_text_column:first-of-type{
		margin-bottom: 25px;
	}
	.projekte-row{
		top: 30vw;
	}
	.projekte-row .btn.btn-default{
		margin-top: 10px;
	}
	#main .projekte-row .wpb_wrapper a img{
		width: 30px;
		margin-left: 10px;
	}
	.section-home-header-mobile .wpb_wrapper > .wpb_content_element:first-of-type{
		margin-bottom: 25px;
	}
	.page-id-2 #header{
		top: 212vw;
	}
	.section-home-header .img-header-cut{
		bottom: 65px;
	}

	.section-home-header .img-header-cut{
		bottom: 50px;
	}
	.kleo-page .btn+.btn{
		margin-left: 15px;
	}
	.btn.btn-default, .btn.btn-primary{
		font-size: 15px;
	}
	.section-home-aktuelles a h2{
		font-size: 17px;
		line-height: 20px;
	}
	#main section.kontakt-btn{
		width: 340px;
	}
	.line-after-text h3{
		white-space: break-spaces;
		font-size: 20pt;
	}
	
	.kleo-page .btn+.btn{
		margin-left: 10px;
	}

	
	.section-home-aktuelles {
		padding: 60vw 0 65vw 0;
	}
	
	
	.event-left {
		min-width: 120px;
	}
	
	.kontakt-btn .mail-wrap img{
		display: none;
	}
	
	.kontakt-btn .kleo_text_column,
	.kontakt-btn .vc_separator{
		padding: 0 20px;
	}
	
	.section-home-aktuelles .line-after-text h4{
		right: -40px;
		top: 22px;
	}
	.section-home-aktuelles .line-after-text h3{
		font-size: 15pt;
	}
}

@media( max-width: 320px){
	.page-id-2 #header {
    	top: 193vw;
	}
	.event-right a span{
		display: none;
	}
	
	.event-right a{
		float: right;
		margin-right: 5px;
	}
	
	#main section.kontakt-btn{
		width: 290px;
	}
	
	.kontakt-btn .wpb_gallery {
		padding-top: 20px;
	}
	
	.kleo-page .kontakt-btn p{
		font-size: 14px;
		line-height: 24px;
	}
	
	.kleo-page .kontakt-btn p a{
		font-size: 14px;
		letter-spacing: 1px;
	}
	
	.kontakt-btn a.btn-custom, .kontakt-btn a.btn-custom.kontakt-default{
		left: -420px;
	}
	
	.kontakt-btn .kleo_text_column,
	.kontakt-btn .vc_separator{
		padding: 0 15px;
	}


}