/* STYLES */

body { font-family: "abcdiatype", "Times New Roman", "serif";  font-size:20px; color:#000; background-color:#fff; line-height:1.5; -webkit-font-smoothing: antialiased; 

	
}

u { text-decoration: underline; text-decoration-thickness: 1px;text-underline-offset: 4px;  }

h1 { font-family: "abcdiatype", "Arial", "serif"; font-size:28px; color:#941C2A; line-height:1.4; }
h2 { font-family: "abcdiatype", "Arial", "serif"; font-size:28px; color:#000000; padding-bottom: 1px; text-decoration: underline; display:inline-block; text-decoration-thickness: 1px;text-underline-offset: 6px;  }
h3 { font-family: "abcdiatype", "Arial", "serif";  color:#000000; font-size:17px; text-transform: uppercase; }
h4 { font-family:  "abcdiatype",  "Arial", "serif"; font-size:20px; padding-bottom: 0px; margin-bottom:0px;  color:#941C2A; text-transform: uppercase;  }
h5 { font-family: "abcdiatype", "Arial", "serif"; font-size:45px; line-height:1.4; font-weight:400; color:#941C2A; text-decoration: underline; display:inline-block; text-decoration-thickness: 1px;text-underline-offset: 4px;  }

input:focus-visible, input:focus { outline: none !important; }
.seccap { display:inline-block !important; }
.h4color { color:#941C2A; }
.h4Padding { padding-bottom:30px}
.h4PaddingTop { padding-top:30px}
.leistungenPadding { padding-right:15px; }
.nomargin { margin-bottom:0px; padding-bottom:0px; }
.nomargin2 { margin-bottom:4px; padding-bottom:0px; }

.linkFooter2:link, .linkFooter2:visited { color:#941C2A; }

.logoMargin { margin-left:-200px }
.colorwhite { color:#fff; }
.colorred { color:#941C2A; }

.h3minheight { min-height:40px; }

.sectionpadding { padding:0px 118px; }
.containerWrapper { margin-left:193px; padding-right:0px;  }  

.container1 { max-width:2000px; margin:0 0; padding:0 150px 0px 200px; position:relative; }
.max1 { max-width:760px; }

.containerbg {  background-color:#E3E3E3; }
.containerbg2 { background-color:#941C2A; collor:#fff; }

.linkFooter:link, .linkFooter:visited { color:#941C2A; text-transform: uppercase; font-size:17px; } 
.linkFooter:hover { color:#000;  } 

.chivo { font-family:  "abcdiatype",  "Arial", "serif"; }

.spacer1 { height:174px; }
.spacer2 { height:97px; }
.spacer3 { height:34px; }
.spacer4 { height:8px; }

.line { background-color:#000; height:1px; margin:34px 0px; }
.footerLine { background-color:#941C2A; height:1px; margin:0px 0px 80px 0px; }

img, svg { max-width:100%; }

a:link, a:visited { transition:.5s; text-decoration: none; color:#000;  }  
a:hover { color:#941C2A;  } 

.bgwhite { background-color:#fff; }
.bggrey { background-color:#E3E3E3; }
.bggreen { background-color:#57754C; }
.font20 { font-size:20px; }
.font18 { font-size:18px; }

#home { height:100dvh; }

ul {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin: 0 0 0px 0;
}

ul li {
	position: relative; 
  padding-left: 0px;
  margin-left:20px; 
	padding-bottom:3px;
}

ul li::before {
position:absolute; left:-22px; 	top:-4px; 
  content: "+"; /* Insert content that looks like bullets */
	color:#941C2A;
/*   color: blue; */
}


.cols { display: flex; flex-flow:row wrap; align-items:flex-start;  } 
.colsstretch { align-items:stretch; }
.colsgap { margin:0px -8px; }
.colsgap2 { margin:0px -20px; }
.col1Padding { padding-left:90px; }

.cols12 { flex:1 1 calc(100%); max-width:calc(100%); min-width:calc(100%);  }
.cols8 { flex:1 1 calc(66.6666%); max-width:calc(66.6666%); min-width:calc(66.6666%);  }
.cols6 { flex:1 1 calc(50%); max-width:calc(50%); min-width:calc(50%);  }
.cols3 { flex:1 1 calc(25%); max-width:calc(25%); min-width:calc(25%);  }
.cols2Halb { flex:1 1 calc(20.833333%); max-width:calc(20.833333%); min-width:calc(20.833333%);  }

.cols4 { flex:1 1 calc(33.333333%); max-width:calc(33.333333%); min-width:calc(33.333333%);  }

.colsX1 { flex:1 1 calc(27%); max-width:calc(27%); min-width:calc(27%);  }
.colsX2 { flex:1 1 calc(73%); max-width:calc(73%); min-width:calc(73%);  }

.colsY1 { flex:1 1 calc(30%); max-width:calc(30%); min-width:calc(30%);  }
.colsY2 { flex:1 1 calc(70%); max-width:calc(70%); min-width:calc(70%);  }


.col { position:relative; }
.colsgap .col { padding:0 8px; }
.colsgap2 .col { padding:0 20px; }

.colsgap0 .col { padding:0 0px; }
.colLogo { position: absolute; bottom:200px; left:110px; }


@media only screen and (min-width: 1024px) and (max-width: 1300px) {
	.colsgap { margin:0px -40px; }
	.colsgap .col { padding:0 40px; }
}

.colstitle { padding-left:400px !important; }

.menu  { position:fixed; top:0px; left:0px; right:0px; z-index:100; transition:.5s; padding:60px 0px;  }
.menu-floating .menu { background-color:#fff;  padding:26px 0 30px 0px; border-bottom:1px solid #57754C;  }

.menu-menu { padding-right:0px; text-align:left;}
.menu-link:link, .menu-link:visited { font-family: "abcdiatype", "Arial", "serif"; line-height:1; font-size:17px; display:inline-block; padding:0 0px 5px 0px; margin-right:80px; position:relative; color:#941C2A; text-transform: uppercase; text-decoration: none; } 


.menu-link.active { border-bottom:1px solid #941C2A; }
/* .menu-link.active:after, .menu-link:hover:after { width:15px; height:15px; background-color:#000; border-radius:100%; position:absolute; left:calc(50% - 7px); content: ""; top:36px; } */



.colanfrage { padding-bottom:70px !important; padding-right:50px !important; }
.anfragetf { width:100%;  background-color:#941C2A; padding:5px 0px; font-size:25px; color:#fff; border-bottom:1px solid #fff; border-right:1px solid #941C2A;  border-left:1px solid #941C2A;  border-top:1px solid #941C2A; border-radius:0; }

.button:link, .button:visited { color:#fff !important;  font-size:25px;  } 
.checkbox-label-inner { font-size:15px; }
.formFehler  { padding-bottom:20px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff; font-size:25px; letter-spacing:1px; 
}

::-moz-placeholder { /* Firefox 19+ */
  color: #fff;  font-size:25px; letter-spacing:1px; 
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;  font-size:25px; letter-spacing:1px; 
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;  font-size:25px; letter-spacing:1px; 
}

.home-logo { position:absolute; left: 0px; top:calc(50% - 50px); }

.home-button { padding-top:20px; padding-bottom:66px; }
.home-image { position: relative;  background-size:cover; }
.home-image img { }
.lumi { mix-blend-mode:luminosity; }


.home-kontakt-a:link, .home-kontakt-a:visited {  font-family: "abcdiatype", "Arial", "serif";  font-size:20px; color:#941C2A;  }
.home-kontakt-a-white:link, .home-kontakt-a-white:visited { color:#fff;   }
.home-text { position:absolute;   z-index:10; 

	  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}


.home-kontakt-wrapper { position:absolute; bottom:60px; left:0px; right:0px; }
.footer-kontakt-wrapper { position:absolute; bottom:5px; left:60px; right:60px; }
.footer-spacer { height:200px; }
.home-kontakt { display: flex; flex-flow:row wrap; align-items:stretch; gap:10px;  color:#941C2A;  font-size:20px;  } 

.home-kontakt-item {  flex:0 0 calc(33.33333% - (10px * 2 / 3));  }
.home-kontakt1 { flex:0 0 calc(40% - (10px * 2 / 3)); }
.home-kontakt2 { flex:0 0 calc(30% - (10px * 2 / 3)); }
.home-kontakt3 { flex:0 0 calc(30% - (10px * 2 / 3)); }


.faq { border-bottom:1px solid #57754C; margin-bottom:40px; padding-bottom:20px; position:relative; }
.arrow-up {  width: 0;   height: 0;   border-left: 10px solid transparent;  border-right: 10px solid transparent;    border-bottom: 19px solid #57754C; }
.arrow-up-wrapper { position:absolute; bottom:10px; right:0px; cursor: pointer; }
.h4faq { cursor: pointer; }
.faq-content { display:none; }

.arrow-down {  width: 0;   height: 0;   border-left: 10px solid transparent;  border-right: 10px solid transparent;    border-top: 19px solid #57754C; }
.arrow-down-wrapper { position:absolute; top:0px; right:0px; cursor: pointer; }

.uebermichkontakt { position:absolute; bottom:0px; left: 80px; right:80px; }

.bildbg { background-color:#CFDE8F; }
.bildbg img { }



#kontakt, #kontakt h6 { line-height:1.2; }


.section-title { position:absolute; right:-20px; transform: rotate(90deg); font-size:20px; color:#57754C; }
.section-title-home { bottom:50%; }


.menu-logo-small { position:absolute; top:-10px; left:60px; display:none; }
.menu-floating .menu-logo-small { display:block; }

/* MENU MOBILE */
.menu-mobile { position:fixed; top:-50px; left:0px; right:0px; height:195px; background-color:#E3E3E3; z-index:100; padding-top:50px; transition:.5s;  }
.menu-mobile-logo { position:absolute; bottom:30px; left:25px; }
.menu-mobile-logo-small { position:absolute; bottom:21px; left:25px; display:none; }
.menu-mobile-logo svg { width:160px; height:auto; }

.menu-floating .menu-mobile { top:-105px; }
.menu-mobile-content { position:fixed; left:0px; top:0px; right:0px; bottom:0px; background-color:#E3E3E3; z-index: 80; display:none;  }
.menu-mobile-content-inner { padding:240px 0 25px 0; transition:.5s; }
.menu-floating  .menu-mobile-content-inner { padding:150px 0 25px 0;  }
.menu-mobile-content-inner .menu-menu { text-align: center; padding-right:0px;  }
.menu-mobile-content .menu-menu > div { padding-bottom:20px; }
.menu-mobile-bottom { position:absolute; bottom:25px; left:0px; right:0px; }
/* NAV CROSS */
.nav-icon-wrapper { position:absolute; width:40px; bottom:40px; right:25px; }

@media only screen and (max-width: 1023px) {
	.menu-floating .menu-mobile-logo { display:none; }
	.menu-floating .menu-mobile-logo-small { display:block; }
	.menu-floating .nav-icon-wrapper { position:absolute; width:40px; bottom:15px; right:25px; }
}


.nav-icon {
    display: inline-block;
	position:relative;
    height: 40px;
    /* overflow: hidden; */ 
    transition: all .4s ease-in-out;
    vertical-align: top;
    width: 40px;
	cursor:pointer;
}
.nav-icon-line {
    background-color: #941C2A;
    display: block;
    height: 1px;
    left: 0px;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transform-origin: left center;
    transition: .25s ease-in-out;
    width: 37px;
}

.nav-icon-line:first-child {    top: 1px;	width:37px; left:0px;  }
.nav-icon-line:nth-child(2) {    top: 11px;	width:37px; left:0px }
.nav-icon-line:nth-child(3) {    top: 20px; width:37px; left:0px;  }

/*
.main-menu-opener .nav-icon:not(.nav-icon-open):hover .nav-icon-line { background-color: #6E6E6E;}
.main-menu-opener .nav-icon:not(.nav-icon-open):hover :first-child { top: 9px; left:9px; }
.main-menu-opener .nav-icon:not(.nav-icon-open):hover :first-child {  }
.main-menu-opener .nav-icon:not(.nav-icon-open):hover :nth-child(3) { top: 0px; left:19px; transform: rotate(90deg)  }
*/

.nav-icon-open .nav-icon-line:first-child {
    left: 5px;
    top: 0px;
	width:37px;
    transform: rotate(45deg)
}

.nav-icon-open .nav-icon-line:nth-child(2) {
    opacity: 0;
	display:none; 
    width: 0
}

.nav-icon-open .nav-icon-line:nth-child(3) {
    left: 5px;
    top: 25px;
	width:37px;
    transform: rotate(-45deg)
}