:root {
	--font-serif:'Poppins', sans-serif;
	--font-sans-1:'Poppins', sans-serif;
	--font-sans-2:'Poppins', sans-serif;
	
	--font-script-1:'Great Vibes';
		
	--color-grey-dark: rgba(41,39,38,1); /* #292726 */
	--color-grey-dark-alpha05: rgba(41,39,38,0.4);
	
	--color-grey: rgba(102,102,102,1); /* #666666 */
	--color-grey-alpha05: rgba(102,102,102,0.4);
	
	--padding-side-100-to-20: 100px;
}





@media(max-width: 991px){
	:root {
		--padding-side-100-to-20: 50px;
	}
}
	
@media(max-width: 767px){
	:root {
		--padding-side-100-to-20: 30px;
	}
}
	
@media(max-width: 575px){
	:root {
		--padding-side-100-to-20: 20px;
	}
}





.p_relative{position:relative;}


.cmplz-cookiebanner .cmplz-links .cmplz-link.impressum{display:none!important;}


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

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

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

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

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

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


@font-face {
    font-family: 'Great Vibes';
    src: url('GreatVibes-Regular.woff2') format('woff2'),
        url('GreatVibes-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}









.iBlock{display:inline-block;}


.bg_cover_scroll{
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
}

body{
	font-family: var(---font-sans-2);
	background: #fff!important;
	}

.container_body {
	position: relative;	
	overflow-x: hidden;
	background: #fff;
  }

.container_body > .inner{
	position: relative;
/*
	max-width: 1920px;
	margin: 0 auto;
*/
}

@media(max-width:575px){
	.container_body > .inner{width:100%;}
}

.mobile_view{display:none;}
.desktop_view{display:block;}

@media(max-width:767px){
.mobile_view{display:block;}
.desktop_view{display:none;}
}

.img100{
	display: block;
	width: 100%;
}

.text-center{text-align: center;}

.txt_gen a,
.txt_gen a:hover,
.txt_gen .cta1,
.txt_gen .cta1:hover,
.txt_gen .cta1:before,
.txt_gen .cta1:hover:before,
.txt_gen .cta1 span.line,
.txt_gen .cta1:hover span.line,
.txt_gen .cta2,
.txt_gen .cta2:hover,
.img_logo_hover:before,
.img_logo_hover:hover:before,
.img_logo_hover:after,
.img_logo_hover:hover:after,
.txt_gen .cta_solid_1,
.txt_gen .cta_solid_1:hover,
.txt_gen .cta_ghost_1,
.txt_gen .cta_ghost_1:hover{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.txt_gen h1,
.txt_gen h3,
.txt_gen h5{
	font-family: var(--font-serif);
	color:var(--color-grey-dark);
	font-size:55px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

.txt_gen h3{
	font-size:55px;
}

.txt_gen h5{
	font-size:32px;
}

.txt_gen h5.small_1{
	font-size:22px;
}

.txt_gen h3.small_1{font-size:40px;}

.txt_gen h2,
.txt_gen h4,
.txt_gen h6{
	color: var(--color-grey);
	font-family: var(--font-sans-1);
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	-webkit-text-stroke: 1px transparent;
	
}

.txt_gen h4.handwrite{
	color: var(--color-grey);
	font-family: var(--font-script-1);
	font-weight: 400;
	font-size: 46px;
	text-transform: none;
	letter-spacing: inherit;
	-webkit-text-stroke: 1px transparent;
	
}




.txt_gen p{
	font-family: var(--font-serif);
	color:var(--color-grey-dark);
	font-size:19px;
	font-weight: 300;
	line-height: 1.6em;
	padding: 0;
	margin: 0;
}

.txt_gen a{
	color: #000;
	-webkit-text-stroke: 1px transparent;
}

.txt_gen a:hover{
	color: #000;
	-webkit-text-stroke: 1px rgba(0,0,0,0.4);
}

.txt_gen .txt_type_2 p{
	font-family: var(--font-sans-2);
	font-weight: 400;
	font-size: 16px;
	color: var(--color-grey);
	line-height: 2em;
}

.txt_gen p strong{font-weight:600;}

.txt_gen .cta1{
	display: inline-block;
	color: var(--color-grey-dark);
	font-family: var(--font-sans-1);
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-decoration: none;
	-webkit-text-stroke:1px transparent;
}

.txt_gen .cta1:hover{
	-webkit-text-stroke:1px var(--color-grey-dark-alpha05);
	color: var(--color-grey-dark)!important;
	text-decoration: none;
}




.txt_gen .cta2{
	display: inline-block;
	color: #fff;
	background: var(--color-grey-dark);
	font-family: var(--font-sans-1);
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-decoration: none;
	-webkit-text-stroke:1px transparent;
	padding: 10px 20px;
	text-align: center;
}

.txt_gen .cta2:hover{
	color: #fff;
	background: #444;
	-webkit-text-stroke:1px transparent;
	text-decoration: none;
}

.txt_gen .cta_ghost_1{
	display: inline-block;
	color: var(--color-grey-dark);
	border: 2px solid var(--color-grey-dark);
	background: transparent;
	font-family: var(--font-sans-1);
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-decoration: none;
	-webkit-text-stroke:1px transparent;
	padding: 10px 20px;
	text-align: center;
}

.txt_gen .cta_ghost_1:hover{
	color: #fff;
	background: #444;
	-webkit-text-stroke:1px transparent;
	text-decoration: none;
}


.txt_gen .cta_solid_1{
	display: inline-block;
	color: #fff;
	border: 2px solid var(--color-grey-dark);
	background: var(--color-grey-dark);
	font-family: var(--font-sans-1);
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-decoration: none;
	-webkit-text-stroke:1px transparent;
	padding: 10px 20px;
	text-align: center;
}

.txt_gen .cta_solid_1:hover{
	color: #fff;
	background: #444;
	-webkit-text-stroke:1px transparent;
	text-decoration: none;
}



.img_logo_hover{
	position: relative;
	display: block;
	width: 100%;
}

.img_logo_hover:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	z-index: 10;
}

.img_logo_hover:hover:before{
	opacity: 1;
}

.img_logo_hover:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 15;
	transform: translate(-50%,-50%);
	background: url(../images/logo_w_color.svg) center center / 100% auto no-repeat;
	opacity: 0;
	width: 90px;
	height: 90px;
	filter: brightness(0) invert(100%);
}

.img_logo_hover:hover:after{
	opacity: 0.6;
}


@-webkit-keyframes run {
  0% {
    width:46px;
	right: -46px;
  }
  50% {
    width:56px;
    right: -56px;
  }
  100% {
    width:46px;
	right: -46px;
  }
}


.txt_gen .btn_1{
	display: inline-block;
	position: relative;
	padding: 10px 15px;
	font-family: var(--font-serif);
	color: var(--color-grey-light);
	font-size: 18px;
	border: 1px solid rgba(129,116,116,0.5);
	letter-spacing: 0.05em;
	min-width:200px;
	text-align: center;
	text-decoration: none;
	-webkit-text-stroke:1px transparent;
}

.txt_gen .btn_1:hover{
	color: #fff;
	background:  var(--color-grey-light);
	-webkit-text-stroke:1px transparent;
}


.mobile_menu_view{display:none;}

.txt_gen.txt_white,
.txt_gen.txt_white h1,
.txt_gen.txt_white h2,
.txt_gen.txt_white h3,
.txt_gen.txt_white h4,
.txt_gen.txt_white h5,
.txt_gen.txt_white h6,
.txt_gen.txt_white p{
	color: #fff;
}

.txt_gen.txt_white a{color: #fff;}
.txt_gen.txt_white a:hover{
	-webkit-text-stroke:1px rgba(255,255,255,0.4);
	text-decoration: none;
}


@media(max-width:1299px){
	
	.txt_gen h3{font-size: 50px;}
}


@media(max-width:991px){

.txt_gen h5{font-size:24px;}



}

@media(max-width:767px){
	.mobile_menu_view{display:block;}
	.desktop_menu_view{display:none;}


	.txt_gen h1{font-size: 45px;}

	.txt_gen h3{font-size:45px;}
	.txt_gen h5{font-size:24px;}
	
	.txt_gen h5.small_1{font-size:20px;}
	
	.txt_gen h3.small_1{font-size:28px;}
	
	.txt_gen h2,
	.txt_gen h4,
	.txt_gen h6{
		font-size:16px;
	}
	

	

}

@media(max-width:575px){
	.txt_gen h1{font-size: 30px;}
	
	.txt_gen h3{font-size:30px;}
	.txt_gen h5{font-size:22px;}
	
	.txt_gen h3.small_1{font-size:20px;}
	
	.txt_gen h2,
	.txt_gen h4,
	.txt_gen h6{
		font-size:16px;
	}

	.txt_gen h5.small_1{font-size:18px;}
	
	.txt_gen p{
		font-size:15px;
	}
	
	.txt_gen .cta2{
		font-size: 13px;
		padding: 15px 15px 10px;
	}




}