/*
test
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
)
*/
	

:focus {outline: none !important; background: var(--textColor) !important;}

@font-face { 
	font-family: var(--font-name);
	font-weight: 400;
	font-style: normal;
}

[class^="col-"] {
  position:relative; 
}

body {
	font-family: var(--font-name);
	overflow-x: hidden;
	background-color:var(--primaryColor);
	margin: 0;
	font-size: var(--text_size);
	line-height: var(--text_line_height);
	font-weight: var(--text_font_weight);
	font-style: var(--text_font_style);
	color:var(--textColor);
 }

p{
	margin-block-start: 0;
	margin-block-end: 0;
	margin-bottom: var(--text_margin_bottom);
}

h1, .h1, h2, .h2, h3, .h3{
	margin-block-start: 0;
    margin-block-end: 0;
}


h1, .h1{
	font-family: var(--font-name);
	font-size: var(--h1_size);
	line-height: var(--h1_line_height);
	font-weight: var(--h1_font_weight);
	font-style: var(--h1_font_style);
	margin-bottom: var(--h1_margin_bottom);
	color:var(--textColor);
}

h2, .h2{
	font-family: var(--font-name);
	font-size: var(--h2_size);
	line-height: var(--h2_line_height);
	font-weight: var(--h2_font_weight);
	font-style: var(--h2_font_style);
	margin-bottom: var(--h2_margin_bottom);
	color:var(--secondaryColor);
}

h3, .h3{
	font-family: var(--font-name);
	font-size: var(--h3_size);
	line-height: var(--h3_line_height);
	font-weight: var(--h3_font_weight);
	font-style: var(--h3_font_style);
	margin-bottom: var(--h3_margin_bottom);
	color:var(--secondaryColor);
}



strong{
	font-weight:600 !important;
}

ol, ul, dl {
    margin-top: 0;
}

a{
	color:var(--secondaryColor);
	 text-decoration: none;
}

#page-main{
	overflow:hidden;
}

.row, .container{
	position: relative;
}

.mar-top{
	margin-top:var(--fluid_mar_top);
}
.mar-bot{
	margin-bottom:var(--fluid_mar_bottom);
}

.pad-top{
	padding-top:var(--fluid_pad_top);
}
.pad-bot{
	padding-bottom:var(--fluid_pad_bottom);
}




.scroll_fromLeft{
	opacity: 0;
	position: relative;
    z-index: 2;
}
.scroll_fromBottom{
	opacity: 0;
	    position: relative;
    z-index: 2;
}
.scroll_fromRight{
	opacity: 0;
	    position: relative;
    z-index: 2;
}
.scroll_fromFade{
	opacity: 0;
	    position: relative;
    z-index: 2;
}



/* Image */
picture{
	display: block;
    position: relative;
	overflow:hidden !important;
	width:100%;
	
}

picture.img-cover{
	height:100%;
}

img{
	width:100%;
	height: auto;
	display:block;
	transition: all 0.3s ease-in-out;
}
.image-ratio{
	object-fit: cover;
}

.img-cover img{
	object-fit: cover;
	height:100%;
	width:100%;
	position: absolute;
}



.img-zoom-out:hover {
	transition: all 0.3s ease-in-out;
  transform: scale(1.2); 
}

.background{
	position: fixed;
	height:100%;
	width:100%;
}

.logo{
	margin:0 auto;
}

.logo img{
    width: 45vw;
    max-width: 230px;
    height: auto;

}

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

:root {--primaryColor :  rgb(31,31,33);
--secondaryColor :  rgb(50,77,53);
--textColor :  rgb(255,255,255);
--fluid_mar_top: 8.333333%;
--fluid_mar_bottom: 8.333333%;
--fluid_pad_top: 4%;
--fluid_pad_bottom: 4%;
--navi-height-desc: 120px;--navi-height-mobil: 80px;--navi-background: rgb(114,114,114);--font-name: "acumin-pro-wide", sans-serif;;--footer-background: rgb(221,153,51);--theme-color-1 :  rgb(0,0,0);
--theme-color-2 :  rgb(68,68,68);
--theme-color-3 :  rgb(129,215,66);
--text_size: clamp(1.125rem, 0.9878rem + 0.5854vw, 1.5rem);--text_line_height: 1.2;--text_font_weight: 400;--text_font_style: normal;--text_margin_bottom: 1rem;--h1_size: clamp(2.1875rem, 1.504rem + 2.924vw, 4.0625rem);--h1_line_height: 1.2;--h1_font_weight: 600;--h1_font_style: normal;--h1_margin_bottom: 1rem;--h2_size: clamp(1.5625rem, 0.9929rem + 2.4366vw, 3.125rem);--h2_line_height: 1.2;--h2_font_weight: 600;--h2_font_style: normal;--h2_margin_bottom: 1rem;--h3_size: clamp(1.375rem, 1.1927rem + 0.7797vw, 1.875rem);--h3_line_height: 1.2;--h3_font_weight: 600;--h3_font_style: normal;--h3_margin_bottom: 1rem;}.btn-primary {
background: rgb(31,31,33);
border-color: rgb(50,77,53);
color: rgb(50,77,53);
}
.btn-primary:hover {
background: rgb(50,77,53);
border-color: rgb(31,31,33);
color: rgb(31,31,33);
}
.btn-secondary {
background: rgb(31,31,33);
border-color: rgb(50,77,53);
color: rgb(50,77,53);
}
.btn-secondary:hover {
background: rgb(50,77,53);
border-color: rgb(31,31,33);
color: rgb(31,31,33);
}
.theme-color-1{background:var(--theme-color-1);}.theme-color-1 .btn-primary {
background: rgb(221,51,51);
border-color: rgb(221,153,51);
color: rgb(221,153,51);
}
.theme-color-1 .btn-primary:hover {
background: rgb(238,238,34);
border-color: rgb(129,215,66);
color: rgb(129,215,66);
}
.theme-color-1 .btn-secondary {
background: rgb(30,115,190);
border-color: rgb(130,36,227);
color: rgb(130,36,227);
}
.theme-color-1 .btn-secondary:hover {
background: rgb(0,0,0);
border-color: rgb(255,255,255);
color: rgb(255,255,255);
}
.theme-color-2{background:var(--theme-color-2);}.theme-color-2 .btn-primary {
background: rgb(221,51,51);
border-color: rgb(221,153,51);
color: rgb(221,153,51);
}
.theme-color-2 .btn-primary:hover {
background: rgb(238,238,34);
border-color: rgb(129,215,66);
color: rgb(129,215,66);
}
.theme-color-2 .btn-secondary {
background: rgb(30,115,190);
border-color: rgb(130,36,227);
color: rgb(130,36,227);
}
.theme-color-2 .btn-secondary:hover {
background: rgb(0,0,0);
border-color: rgb(255,255,255);
color: rgb(255,255,255);
}
.theme-color-3{background:var(--theme-color-3);}.theme-fade-1{background: linear-gradient(to right, #232323 50%, #d3d3d3 50%); }.theme-fade-2{background: linear-gradient(to right, #eeee22 30%, #81d742 70%); }
.btn{
	text-decoration: none !important;
		z-index:2;
	position: relative;
	display: inline-block;
	margin: 20px auto 0;
	line-height: 1.7em;
	margin-top: 20px;
	padding:10px 20px;
	transition: all 0.3s ease-in-out;
}
#footer,#footer a{color:var(--white)}#footer{background:var(--footer-background)}.line-bottom{border-bottom:1px solid var(--secondaryColor);margin-bottom:15px;border-bottom:1px solid #f5f5f5}#footer-menu ul{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}#footer-menu ul li{margin-right:20px}.footer-logo{max-width:100px;height:auto}.social-media-icon{max-height:30px;height:auto;margin-bottom:10px}@media (min-width:768px){#footer-menu_ ul{display:flex;flex-direction:row;list-style:none;padding:0;margin:0}}

input {
	font-family: "acumin-pro-wide", sans-serif;
	width: 300px;
		/*font-size: var(--text_size);*/
		font-size: 18px;
    line-height: var(--text_line_height);
	color: var(--secondaryColor);
	border: 0px solid var(--secondaryColor);
	background: var(--textColor);
	margin-bottom:30px;
	padding: 5px 15px;
}

::placeholder {
  color: var(--secondaryColor) !important;
  opacity: 1; /* Firefox */
}
label{
	display:none;
}


textarea {
	font-family: "acumin-pro-wide", sans-serif;
	height:100px !important;
	border: none;
	border: 2px solid var(--secondaryColor);
	background: transparent;
		font-size: var(--text_size);
    line-height: var(--text_line_height);
	color: var(--textColor);
	width: 100%;
	padding: 10px 0px 25px 20px;
	margin-bottom:50px;
}


#acceptdatenschutz {
	padding-left:20px;
	cursor: pointer;
}


#acceptdatenschutz:before {
    content: "";
	position: absolute;
    border: 2px solid var(--secondaryColor);
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    appearance: none;
    padding: 0;

    margin: 0;
    margin-right: 5px;
	margin-left: -20px;
    background:transparent;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
}

#acceptdatenschutz.accept:before {
	    background: var(--secondaryColor);
}


.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--textColor);
    pointer-events: none;

    opacity: 0.5;
}

.acf-input-error{
	border:2px solid red;
}



#abfrageform label{
	display:inline-block !important;
}

#abfrageform .formfield{
	border: 2px solid var(--secondaryColor);
	border-radius: 30px;
}

/*#abfrageform input[type='checkbox']:before {*/
#abfrageform .wpcf7-list-item-label:before {
	    content: "";
	position: absolute;
    border: 2px solid var(--secondaryColor);
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    appearance: none;
    border-radius: 50%;
    padding: 0;

    margin: 0;
    margin-right: 5px;
	margin-left: -20px;
    background:transparent;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
}

#abfrageform input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
     background:var(--secondaryColor);
}

#abfrageform .wpcf7-list-item{
	padding-left:20px;
	
}


#abfrageform .row-linie{
	border: 2px solid var(--secondaryColor);
	height: 20px;
	 border-radius: 10px;
}

#abfrageform .row-linie .col{
	border-left: 2px solid var(--secondaryColor);
	height: 20px;
}

#abfrageform .row-linie .col-active{
	background: var(--secondaryColor);
	height: 20px;
}


.tnp-field-email{
	display:inline-block;
	font-size: var(--text_size);
    line-height: var(--text_line_height);
}
.tnp-field-button{
	display:inline-block;
	font-size: var(--text_size);
    line-height: var(--text_line_height);
}

.tnp-email{display:inline-block;}

.tnp-submit{
	color: var(--textColor) !important;
	background: var(--secondaryColor) !important;
	width: auto;
	padding: 5px 15px;
}



.acceptFormText:before {
    content: "";
    position: absolute;
    border: 2px solid var(--secondaryColor);
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    appearance: none;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    margin-left: -20px;
    background: transparent;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
}

.acceptFormTextActiv:before {
    background: var(--secondaryColor);
}
#image-tools,#lightbox,#thumbs-container{position:fixed;left:0;width:100vw}#image-container,#image-tools,#lightbox{top:0;left:0;width:100vw}#lb-next-image,#lb-prev-image{top:50%;transform:translate(0,-50%)}#lb-conntainer-close,#lb-download,#lb-next-image,#lb-prev-image,#lb-thumb-toggle{width:30px;height:30px}.lightboxImage{cursor:zoom-in}picture i{position:absolute;bottom:10px;right:10px}#lightbox{height:100vh;background:#000;z-index:3000}picture:has(.lightboxImage){position:relative}#image-container{position:absolute;height:100vh;transition:.3s ease-in-out}#image-container.thumbs-active{height:calc(100vh - 100px)!important;transition:.3s ease-in-out}#thumbs-container{bottom:-100px;height:100px;min-height:100px;background:#000;z-index:3030;transition:.3s ease-in-out}#thumbs-container.thumbs-active{bottom:0!important;transition:.3s ease-in-out}#lb-thumb-toggle{position:fixed;bottom:0;right:0;background:url(../svg/arrow-up-short.svg);z-index:3035;background-repeat:no-repeat;background-size:30px;transition:bottom .3s ease-in-out}#lb-thumb-toggle.thumbs-active{bottom:100px!important;transform:rotate(180deg);transition:bottom .3s ease-in-out}#image-tools{height:70px;background:rgba(0,0,0,.5);z-index:3034}.lb-image{position:absolute;width:100%;height:100%;padding-bottom:10vh}.lb-image.active{z-index:2000}.lb-image img{position:absolute;height:auto;max-height:100%;width:auto;max-width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.lb-conntainer-desc{position:absolute;z-index:3040;width:100%;text-align:center;top:10%;padding:0 10px}.lb-thumb{height:auto;width:150px}.lb-imgThumb-container{width:150px;height:92px;overflow:hidden;display:inline-block;border:2px solid var(--black);margin:3px;cursor:pointer;filter:brightness(.8)}.lb-imgThumb-container.active{border:2px solid var(--secondaryColor);cursor:inherit;filter:brightness(1)}#lb-next-image{position:absolute;z-index:3010;right:5%;background:url(../svg/arrow-right-short.svg) rgba(0,0,0,.2);background-repeat:no-repeat;background-size:40px;cursor:pointer}#lb-prev-image{position:absolute;z-index:3020;left:5%;background:url(../svg/arrow-left-short.svg) rgba(0,0,0,.2);background-repeat:no-repeat;background-size:40px;cursor:pointer}#lb-conntainer-pagi{position:absolute;z-index:3031;left:20px;top:20px;color:var(--white)}#lb-conntainer-close{position:absolute;z-index:3030;right:30px;top:20px;background:url(../svg/x.svg) 0 0/35px no-repeat;cursor:pointer}#lb-download{position:absolute;z-index:3030;right:60px;top:29px;background:url(../svg/download.svg) 0 0/24px no-repeat;cursor:pointer}#lb-conntainer-fullscreen{position:absolute;z-index:3036;right:50px;top:20px;width:30px;height:30px;background:url(../svg/fullscreen-exit.svg) 0 0/20px no-repeat}#lb-conntainer-fullscreen.fullscreen{background:url(../svg/fullscreen.svg) 0 0/20px no-repeat!important}