@charset "utf-8";
/* CSS Document */
/*Font*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*Allgemein*/
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
article, aside, footer, header, hgroup, main, nav, section, div {display: block;}

html, body{margin: 0; padding: 0;scroll-behavior: smooth;}
body {font-size: 16px;font-size: 1em; font-family: "Open Sans", Arial, sans-serif;color: #000000;background-color: #efefef;}
img {max-width: 100%;height: auto;border: 0;}
h1, p{ margin-top: 0; margin-bottom: 1em;}
h1,h2{text-transform: uppercase;font-style: italic;    text-shadow: 3px 3px 1rem rgba(0, 0, 0, 0.5);    font-weight: bold;    margin-bottom: 0;}
h1{font-size: 1.75em; color: #FFF;padding-top: 0.3em;padding-right: 10px;}
h2{font-size: 1.5em; color: #FFF;padding-right: 10px;margin-top: 0;}
h3{font-size: 1.5em;}
p.big, ol.big{font-size: 1.2em;}
.italic{ font-style: italic; }
.txt-center{text-align: center;}
.txt-right{text-align: right;}
ol{ padding-left: 0;}
ol li{padding: 0; text-align: center;display: inline-block;}
.smaller {font-size: smaller;}

main:after, .row:after, form:after {content: ""; display: block; clear: both;}


/*Raster*/
.clear {clear: both;}
.container{ max-width: 1140px; margin: auto; padding-left: 2em; padding-right: 2em;}
.row {margin-left: -1em;margin-right: -1em; width: 100%; width: calc( 100% + 2em ); float: left; }
.col {float: left;padding-left: 0.5em;padding-right: 0.5em;}



/*Header*/
/*header{background: #FFF url('../img/headerbild_blitzaktion.jpg');background-position: top right;background-size: cover;text-align: center;position: relative;margin:0;background-repeat: no-repeat;height: auto;padding-bottom: 0em;}*/

header{background: #ffffff;background-position: bottom center;background-size: cover;text-align: center;position: relative;margin:0;}

.header_container_img{display: flex;    column-gap: 1em;    justify-content: center;    flex-wrap: wrap;margin-bottom: 2em;}
.header_img{ flex-basis: calc( 50% - 1em ); width: calc( 50% - 1em ); }
.headline{width: 100%;margin: 0;padding: 0 0em 3em 0em;}
.logo{flex-basis: 25%;}
.headertxt{flex-basis: 75%; text-align: right;}

#counter{counter-reset: section;display: flex; column-gap: 2em;  justify-content: center;flex-direction: column;}

.number{position: relative; padding-top: 1.5em;margin-top: 0.5em;flex-basis: 100%;}
.number:before{    
    counter-increment: section;
    content: counter(section) '.';
    border-radius: 50%;
    border: 3px solid #fff400;
    display: inline-block;
    width: 25px;
    height: 27px;
    background: #fff400;
    margin: 0 0.5em 0 0;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 0px;
    position: absolute;
    top: -0.25em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 400px){
	header{padding-bottom: 0.5em;}
}

@media screen and (min-width: 500px){
	.large-2-6 {width: 50%;}
	header{padding-bottom: 2em;}
	h1{font-size: 3em;padding-top: 0.3em;padding-right: 30px;}
	h2{font-size: 2em;padding-right: 30px;margin-top: 0;}
}

@media screen and (min-width: 700px){
	header{padding-bottom: 3em;}
}

@media screen and (max-width: 799px){
	form .large-1-6 { width: 30%; }
	form .large-2-6{ width: 100%;  }
	form .large-2-6:nth-child(2) {margin-bottom: 0.5em;}
	form .large-3-6{ width: 70%;}
	form .large-4-6{ width: 100%;  }
	
	form .small-1-6{ width: 16.6666%; }
	form .small-2-6{ width: 33.3333%;  }
	form .small-3-6{ width: 50%;}
	form .small-4-6{ width: 66.6666%;  }
	form .small-5-6{ width: ‭83.3333%; }
	form .small-6-6{ width: 100%; }
}

@media screen and (max-width: 500px){
	form .small-1-6{ width: 50%; }
	form .small-2-6{ width: 50%;  }
	form .small-3-6{ width: 50%;}
	form .small-4-6{width: 100%;}
	form .small-5-6{width: 100%;}
	form .small-6-6{width: 100%;}
}

	
@media screen and (min-width: 800px){
	.large-1-6 { width: 16.6666%; }
	.large-2-6{ width: 33.3333%;  }
	.large-3-6{ width: 50%;}
	.large-4-6{ width: 66.6666%;  }
	.large-5-6{width: 83.3333%;}
	.large-6-6 { width: 100%; }
	.header_container_img{    margin-bottom: 3em;}
	.header_img{ flex-basis: calc( 25% - 1em ); width: calc( 25% - 1em ); }
	h1{font-size: 3.5em;}
	#counter{    flex-direction: row;}
	.number{padding-top: 1.5em;margin-top: 0.5em;flex-basis: 20%;}
}

@media screen and (min-width: 800px) and (max-width: 999px){
	#pflicht, #submit{ width: 50%; }
}

@media screen and (min-width: 930px){
	header{height: auto;}
	h1{font-size: 4em;padding-top: 0.3em;padding-right: 30px;}
	h2{font-size: 3em;padding-right: 30px;margin-top: 0;}
	p.big ol.big{font-size: 1.563em;}
}

@media screen and (min-width: 1200px){
	.header_container_img{    margin-bottom: 5em;}
	.container{padding-left: 0; padding-right: 0;}
	h1{font-size: 6em;padding-top: 0.5em;padding-right: 55px;}
	h2{font-size: 4em;padding-right: 55px;margin-top: 0;}
}

@media screen and (min-width: 1700px){
	h1{font-size: 8em;padding-right: 80px;padding-top: 0.3em;}
	h2{font-size: 6.25em;padding-right: 80px;}
}
@media screen and (min-width: 1900px){
	
}


/*Main*/
main{background: #fff; padding: 2em 0;}
.margin-b{margin-bottom: 2em;}
#preise { counter-reset: section; }
#preise p{position: relative;padding-left: 3.1rem;font-weight: bold;}

@media screen and (min-width: 800px){
	#preise img {padding-left: 3.1rem;}
}

/*Formular*/
.form_background{background: #efefef;}
form {clear: both;padding: 1em 3em;}
form .row {margin-left:0;margin-right: 0; width: 100%; }
form .col {padding-left:0;}
form .margin-b{margin-bottom: 1em;}
form label{padding: 0.75em 0 0 0; display: inline-block; }
form input, form select, form textarea, input[type='checkbox'].check:checked + label::before, input[type='checkbox'].check:not(:checked) + label::before{ font-family: "Open Sans", Arial, sans-serif; font-size: 1em; border: 1px solid #ececec; border-radius: 5px; padding: 0.75em 1em; width: 100%; outline-color: #fff400; background-color: #FFF;}
form textarea{ width: 100%; min-height: 100px; }
form input[type="submit"] {background: #fff400;border: none;outline: none;cursor: pointer;width: auto;text-transform: uppercase;font-weight: bold;font-size: 1em;padding: 1em 1.5em 1em 1.5em;}
hr {border: 1px solid rgba(0, 0, 0, 0.2);border-top: 0;}
#pflicht p{padding: 1em 0; margin: 0;}
input[type='checkbox'].check{background: transparent;position: relative;visibility: hidden;margin: 0;padding: 0;display: none;}
input[type='checkbox'].check + label{text-transform: none;font-weight: normal;position: relative;padding-left: 2.5em;}
input[type='checkbox'].check:checked + label::before, input[type='checkbox'].check:not(:checked) + label::before{content: '✓';display: inline-block;width: 1.5em;height: 1.5em;top: 0.7em;margin-right: 0.5em;position: absolute;overflow: hidden;text-indent: -2em;padding: 0;left: 0;}
input[type='checkbox'].check:checked + label::before, input[type='checkbox'].check.readonly + label::before {background: #fff400; color: #000; font-weight: bold; text-align: center; text-indent: 0em;}
#error, #send{padding: 1em; margin-bottom: 1em;}
#error ul {margin-bottom: 0;}
.err input, .err select, .err label, .err textarea, #error, #send { background: #C61926; color: #fff; }
.err input[type='checkbox'].check:checked + label::before, .err input[type='checkbox'].check:not(:checked) + label::before { left: 1em; }
.err input[type='checkbox'].check + label { padding-left: 3.5em; padding-right: 1em; }
.err input::placeholder{ color: rgba(255,255,255,0.8); opacity: 1; }
.err input:-ms-input-placeholder{ color: rgba(255,255,255,0.8); }
.err input::-ms-input-placeholder { color: rgba(255,255,255,0.8); }
#send{ background: #8BC34A; }

/*Footer*/
footer {position: relative;padding-top: 20px;line-height: 1.72rem;margin:0px;text-align: center;}
footer ul {position: relative;margin-top: 1em; float: none; padding: 0;}
footer img {-webkit-filter: brightness(0);filter: brightness(0);}
footer a {font-size: 1.071em;color: #000;text-decoration: none;padding: 5px;}
footer li:not(:first-child):before {content: none;}
footer li {display: inline-block;list-style: none;width: 100%;}


@media screen and (min-width: 700px){
	footer {text-align: left;}
	footer li {width: auto;}
	footer li:not(:first-child):before {content: "|";}
	footer ul {margin-top: 3px; float: right;}
}

/*added 2023*/
.btn { padding: 0.25em 0.5em; background-color: #fff400; width: 13em; border-radius: 0.5em;}
a.btn{
	padding: 1em 1.5em 1em 1.5em;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	width: 280px;
}

.gelb_bg{background: #fff400;font-size: 1.3em;position: relative;transform: skew(-15deg, 0deg);display: inline-block;padding: 0 0.25em;}
.formular_btns {
	display: flex; 
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	column-gap: 2em;
}		
.formular_btns * {
	margin: 0 auto;
}
@media  screen and (min-width: 550px) {
	.formular_btns {
		flex-direction: row;
		text-align: center;
	}
	.formular_btns * {
		margin: 0;
	}
	.container > div:nth-child(3) {
		width: 80%;
	}
	.width70 .col {
		margin: auto;
		float: none;
		width: fit-content;
		text-align: left;
	}
}

.container > div:nth-child(3) {
	text-align: center;
	margin: 2em auto 2em auto;
}

.grey_background {
	width: 100%;
	padding: 1.5em;
	display: inline-block;
	background-color: #efefef;
}

.betonwand {
	background-image: url("../img/betonwand.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
	padding: 1.5em;
	display: inline-block;
}

.card {
	background-color: #ffffff;
	border-radius: 2em;
	width: 50%;
}

form input[type='checkbox'] {
	margin-top: 0.75em;
}

form .praemien input {
	padding: 0.5em 0.75em;
	margin-top: 0.5em;
}

form .praemien label , .produkte > div:nth-child(10) > div:nth-child(3) > label:nth-child(1), .produkte > div:nth-child(10) > div:nth-child(3) > label:nth-child(3){
	padding:0.35em 0 0 0;
}

form .praemien .points {
	padding: 0.1em;
}

.uc-text-embedding-inline-button{height: 1em!important;}