@import url("font.css");
body {
	  font-family: 'Overpass';
	  /*font-size: 18px;*/
}
div {
	  font-family: 'Overpass';
	  /*font-size: 18px;*/
}
.font-bold{font-weight:bold}
#c283 , #c284 ,#c286  ,#c285 ,#c287{
    padding-bottom: 0!important;
	padding-top: 10px;
}
#c271{
	 padding-bottom: 0!important;
}
#c414, #c416{
	display:none;
}
.fullscreen{
	position:fixed;
	top:50px;
	right:50px;
	background: url("../icons/fullscreen.png");
	background-repeat: no-repeat;
	width:50px;
	height:50px;
	background-size: contain;
	cursor:pointer;
}
.off{ 
	display:none;
}
.off.active{
	display:block;
	width: 50px;
	height: 50px;
	text-align: center;
	padding-top: 14px;
}
#p1 label {
    display: flex;
	display:-webkit-flex;
     
    display:-moz-flex;
     
    flex-flow: column;
	padding-top: 20px;
} 
#p1 input[type='submit']{
	color:#fff;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-top: 20px;
	background: rgba(255,255,255,0.3) !important;
	font-size: 16px;
	font-family: 'Overpass';
	padding: 5px 20px;
}
.div-box-date{
	padding-top: 100px;
}
#span_prospekte_price_markt{
	display:none;
}
.breadcrumb-section {
    display: none;
}
.breadcrumb {
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
	justify-content: center; 
}
.breadcrumb li{
	padding:0 20px;
	opacity:0.4;
}
.breadcrumb li.active{
	opacity:1;
}
.body-bg{
	background:url("../hintergrund-aklasse-dunkel4.jpg");
	background-size: cover;
	color:#ffffff;
	min-height:100vh;
}
footer, header#page-header{
	display:none;
}
h1{
	font-size:40px;
	font-weight:bold;
	color:#fff;
	font-family: 'Overpass_900';
}
.txt-yellow{
	font-size:36px;
	color:#FFED1E;
	font-weight:bold;
	font-family: 'Overpass_900';
}
.grey .frame-inner{
	position:relative;
	width:180px;
	display:flex;
		display:-webkit-flex;
     
    display:-moz-flex;
     
	padding:10px 5px;
	text-align: right;
	background-image: linear-gradient(45deg, rgba(0,48,93,0.3) 6%, rgba(227,227,227,0.4) 97%);
	border-radius:8px;
}
.grey .frame-inner p{
	padding:5px;
	line-height:1.2em;
}
div.col-4.grey div.frame-type-text div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner{align-items:center; width:100%}
div.col-4.grey div.frame-type-text div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner p{margin:0}
.frame-space-after-extra-small {
    margin-bottom: 0;
	padding:0;
}
.frame-space-before-extra-small {
    margin-bottom: 0;
	padding:0;
}
#to_form_1{
	/* top: 33px;
    position: relative; */
	width:100%;
	color:#000;
}
#to_form_2{
	width:300px;
	height:40px;
}
#p3 div.tx-nn-konzeptkonfigurator{overflow:hidden;overflow-x:auto;}
#p3 table.tx_nnkonzeptkonfigurator{margin-bottom:40px}
#p3 .back{
	/* top:20px; */
	position:static;
	float:left;
}
#p3 div.back{
	position: relative;
	top: 40px;
}
#p3 div.back #to_form_1{
	font: italic normal 300 18px/1.2em Overpass;
}
#p3 #span_button_back a{
	color:#000;
}
#p3 input[type="submit"]{
	position:static;
	float:right;
	background: transparent linear-gradient(180deg, #FFED1E 0%, #FFED1E 100%) 0% 0% no-repeat padding-box;
	font:italic normal 300 18px/1.2em Overpass;
	padding:12px 40px;
	cursor:pointer;
	width:300px;
	height:40px;
}
ul.typo3-messages{
	padding:0;
}
ul.typo3-messages li.alert.alert-warning{
	color:#000;
	background-color:#ffed1e;
}
ul.typo3-messages li.alert.alert-warning p{
	margin:0;
}
#p3 div.text-right{
	height:40px;
	max-width:300px;
	float:right;
}
#p3 div.text-right a{
	display:inline-flex;
}
#p9 .back{
	bottom:0px; 
}
#p11 .back {
    /* bottom: 67px; */
} 
.back{
	position:relative;
	bottom:33px; 
	margin-top:0px;
	width: 300px;
	height:40px;
}
.button{ 
	text-align: center;
	font: italic normal 300 18px/1.2em Overpass;
	letter-spacing: 0px;
	padding:12px 40px;
	color: #000000;
	cursor:pointer;
	font-size:16px;
	width:100%;
	max-width:300px;
}
a.button:hover{ 
	color: #333;
	text-decoration:none;
}
.yellow{
	background: transparent linear-gradient(180deg, #FFED1E 0%, #FFED1E 100%) 0% 0% no-repeat padding-box;
}
a.button.yellow, span.button.yellow{display:inline-block}
form#newCustomer div.form_1 div.div_button_back.back{
	position: static;
	width: 124.5px;
	float: left;
	height: 38px;
}
form#newCustomer div.form_1 div.div_button_back.back span.button.yellow.button_back{
	width: 100%;
	height: 100%;
	display: inline-flex;
	padding:0;
	align-items:center;
	justify-content:center;
}
form#newCustomer div.form_1 div.div_button_back.back span.button.yellow.button_back a{
	color:#000;
}
form#newCustomer div.form_1 div.div_button_back.back span.button.yellow.button_back a:hover{
	color:#000;
}
form#newCustomer div.form_1 div.text-right{
	position: static;
	width: 124.5px;
	float: right;
	height: 38px;
}
form#newCustomer div.form_1 div.text-right span#to_form_2.button.yellow{
	width: 100%;
	height: 100%;
	display: inline-flex;
	padding:0;
	align-items:center;
	justify-content:center;
}
 input.f3-form-error, input.conceptError {
        background-color:red !important;
        border: 1px #FF0000 solid;
    }
.konzeptLogoATR {
	width:300px;
	margin: 0 auto;
}
.konzeptLogo .frame-container .frame-container{
	padding:0; 
}
.konzeptLogo .pbtn.info{
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 0;
	background: transparent;
	width: 35px;
	top: 0px;
	position: relative;
	display: flex;
	left: 45%;
	height: 35px;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.konzeptLogo .frame-inner{
	text-align: center;
}
#konzeptLogoAC.konzeptLogo figure.image picture img.pbtn{max-height:109px}
#div-2-buttons{
	display: flex;
	display:-webkit-flex;
    display:-moz-flex;
    align-items: center;
	justify-content: center;
}
a{
	color:#fff;
}
#h1-header {
    text-align: center;
}

.frame a:not([class]) {
    color: #fff;
}
.frame a[class=""]:hover, .frame a:not([class]):hover {
    color: #ccc;
}
.tx-nn-konzeptkonfigurator tr:nth-child(odd) {background-color: rgba(255,255,255,0.3)!important;}
.tx-nn-konzeptkonfigurator tr:nth-child(even) {background-color: rgba(255,255,255,0.4)!important;}

.tx-nn-konzeptkonfigurator table {
    border-collapse: unset;
    border-spacing: 0px;
	margin: 0 auto;
	width: 100%; 
}
.tx-nn-konzeptkonfigurator table td, .tx-nn-konzeptkonfigurator table th{
	padding:10px;
	vertical-align:middle;
}
.blue{
	background: rgba(255,255,255,0.3)!important;
	font-size:20px;
	font-family: 'Overpass';
	color:#fff; 
}

.blue:hover{
	background: rgba(255,255,255,0.6);
}
a:hover{
	text-decoration:none;
}
span.span_error{
	font-size:12px;
	color:red;
}
#salutation{
	background: rgba(255,255,255,0.7);
	color: #555759;
	border:none;
	border-radius:4px;
	padding:5px 0 1px 15px;
	font: normal normal 300 18px/28px Overpass;
	width: 500px;
	height:34px;
}
#salutation option{
	color: #555759;
	border:none;
	border-radius:4px;
	padding:0px;
	font: normal normal 300 18px/28px Overpass;
	width: 100%;
}
input[type=text]{
	background: rgba(255,255,255,0.7);
	color: #000;
	border:none;
	border-radius:4px;
	padding:5px 0 1px 20px;
	font: normal normal 300 18px/28px Overpass;
	width: 500px;
}
input[type=email]{
	background: rgba(255,255,255,0.7);
	color: #000;
	border:none;
	border-radius:4px;
	padding:5px 0 1px 20px;
	font: normal normal 300 18px/28px Overpass;
	width: 500px;
}
input[type=phone]{
	background: rgba(255,255,255,0.7);
	color: #000;
	border:none;
	border-radius:4px;
	padding:5px 0 1px 20px;
	font: normal normal 300 18px/28px Overpass;
	width: 500px;
}
input[type=url]{
	background: rgba(255,255,255,0.7);
	color: #000;
	border:none;
	border-radius:4px;
	padding:5px 0 1px 20px;
	font: normal normal 300 18px/28px Overpass;
	width: 500px;
}
input[type=password]{
	background: rgba(255,255,255,0.7);
	color: #000;
	border:none;
	border-radius:4px;
	padding:5px 0 1px 20px;
	font: normal normal 300 18px/28px Overpass;
	width: 500px;
	height: 35px;
}
button, [type="button"], [type="reset"], [type="submit"] {
    border:none;
	border-radius:0;
}
#span_required_text{
	font-size:12px;
	margin-top:100px;
	font-style:italic;
	display:inline-block;
}
#span_required_text.konzept_required{
	font-size:12px;
	margin-top:20px;
	font-style:italic;
	display:inline-block;
	text-align:center;
}
.form_1 .div-left label {
    display: none;
    margin-bottom: 0.5rem;
}
input[type="text"]#zip{
	width:190px;
	float: left;
}
input[type="text"]#city{
	width:300px;
	margin-left:10px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 34px;
  margin-bottom:30px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.4);
  -webkit-transition: .4s;
  transition: .4s;
  color: #fff;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background: rgba(255,255,255,0.4);
}

input:focus + .slider {
  box-shadow: 0 0 1px #00305D;
}

input:checked + .slider:before {
  -webkit-transform: translateX(190px);
  -ms-transform: translateX(190px);
  transform: translateX(190px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  width: 225px;
  height:34px;
  margin-left:15px
}
.slider.round:before {
  border-radius: 50%;
}
input:checked + .slider .slider_no{
	display:none;
}
input:checked + .slider .slider_yes{
	display:block;
}
.slider_yes{
	position:relative;
	top:7px;
	left:-10px;
	display:none;
}
.slider_no{
	position:relative;
	top:7px;
	left:16px
}
.form_2{
	display:none;
}
.form-active{
	display:block!important;
}
.form-deactive{
	display:none!important;
}
.div-left{
	width:50%;
}
.div-right{
	width:50%;
} 
.div-box{
	background-color: rgba(255,255,255,0.6);
	border-radius:14px;
	width: 260px;
}
#p11.page-11 #c388.frame div.contentcontainer[data-container-identifier="container_3_columns"] > div.contentcontainer-column{
	border-radius: 14px;
	padding:20px 0;
}
#p11.page-11 #c388.frame div.contentcontainer[data-container-identifier="container_3_columns"] > div.contentcontainer-column[data-container-column="left"]{
	background-color:rgba(255,255,255,0.2);
}
#p11.page-11 #c388.frame div.contentcontainer[data-container-identifier="container_3_columns"] > div.contentcontainer-column[data-container-column="middle"]{
	background-color:rgba(255,255,255,0.2);
}
#p11.page-11 #c388.frame div.contentcontainer[data-container-identifier="container_3_columns"] > div.contentcontainer-column[data-container-column="right"]{
	background:linear-gradient(to bottom, rgba(128,140,158,0.8) 0%, rgba(138,148,165,0.7) 70%);
}
.div-box-betrieb{
	position:relative;
}
.div-box-betrieb  .container {
  display: inline;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.div-box-betrieb  .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* On mouse-over, add a grey background color */
.div-box-betrieb  .container:hover input ~ .checkmark {
  background-color: #FFED1E;
}

/* Show the checkmark when checked */
.div-box-betrieb .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.div-box-betrieb .container .checkmark:after {
	left:9px;
	 top: 2px;
	width: 8px;
	height: 15px;
	  border: solid #FFED1E;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	  content:"";
}

.div-box-betrieb .titel{
	color:#ddd;
	top: 7px;
	position: relative;
}
	
#frame-backgroundimage-366, #frame-backgroundimage-368{
	background-size: contain;
	background-repeat: no-repeat;
}
#c21 img{
	width:180px;
}
#c23 img{
	width:180px;
}
.popup{
	display:none;
}
.pbtn{
	color:#fff;
	cursor:pointer;
	height:157px;
}
#konzeptLogoMH.konzeptLogo figure.image picture img.pbtn{
	height:auto;
}
div.pbtn div.frame.frame-type-textpic{
	padding:24px 0;
}
div.pbtn div.frame.frame-type-textpic div.textpic{
	gap:20px;
}
div.pbtn div.frame.frame-type-textpic img{
	max-width:100px;
}
#c459  img{
	max-width:100px;
	margin: 0;
}
#p9 #c459   .textpic-left .textpic-item.textpic-gallery {
  width: 100px;
}
#c459  .textpic {
  gap: 20px;
}
div.popup.active {
	position: fixed;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	box-sizing: border-box;
	padding: 0;
	z-index: 100;
	display: block;
	width:100%;
	
	/*to hide popup initially*/
}
#p3.page-3.page-kunden div.div_100.popup.active > div.frame, #p9.page-9.page-vorteile-als-partner div.div_100.popup.active > div.frame, #p10.page-10.page-individuelle-vorteile div.div_100.popup.active > div.frame{
	height: 100%;
	z-index: 1;	
}
/*#p3.page-3.page-kunden div.div_100.popup.active > div.frame::before, #p9.page-9.page-vorteile-als-partner div.div_100.popup.active > div.frame::before, #p10.page-10.page-individuelle-vorteile div.div_100.popup.active > div.frame::before{
	content:"x";
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 25px;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 45px;
	font-weight: 600;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
	padding: 0;
}*/
#p3.page-3.page-kunden div.div_100.popup.active > #close_btn, #p9.page-9.page-vorteile-als-partner div.div_100.popup.active > #close_btn, #p10.page-10.page-individuelle-vorteile div.div_100.popup.active > #close_btn{
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 25px;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 45px;
	font-weight: 600;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
	padding: 0;
}
#p3.page-3.page-kunden div.div_100.popup.active div.frame-backgroundimage{
	background-size: auto;
	background-repeat: no-repeat;
}
#9 .popup .frame-backgroundimage{
	background-size: contain!important;
	background-repeat: no-repeat;
}
.popupcontent{
	position:absolute;
    /*top: 50%;
	transform: translate(0 ,-50%) ;  */
	width:100%;
    height:100%;
	overflow: hidden;
}
.popup .row {
    position:absolute;
    top:30%;
    left:50%;
    transform:translate(-50%,-30%) scale(0);
    width:90vw;
    height:90vh;
    z-index:2;
    box-sizing:border-box;
	background:transparent;
	min-height:800px;
	max-width: 1920px;
}
.popup.active .row{
    transition:all 300ms ease-in-out;
    transform:translate(-50%,-30%) scale(1);
	
}
.popup.active:before {
	content:" ";
    position:fixed;
    top:0px;
    left:-5px;
    width:100%;
	height:100%;
    background:rgba(0,0,0,0.7);
    z-index:1;
	min-height:800px;
}
.popup .close-btn{
    cursor:pointer;
    position:absolute;
    right: 20px;
    top:25px;
    width:50px;
    height:50px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size:45px;
    font-weight:600;
    line-height:55px;
    text-align:center;
    border-radius:50%;
	z-index:100;
	padding: 0;
}
.carousel-item {
	background:transparent!important;
}
div.carousel.slide button.carousel-control{opacity:1}
div.carousel.slide button.carousel-control span.carousel-control-icon.carousel-control-next-icon{right:0}
div.carousel.slide button.carousel-control span.carousel-control-icon.carousel-control-prev-icon{left:0}
.row.concept{
	display:flex;
	display:-webkit-flex;     
    display:-moz-flex;
     
}
.row.concept .div-left .div-box{
	float: right;
}
.row.concept .div-left{
	
	width: 50%;
}
.row.concept .div-right{
	display:flex;
	width: 50%;
		display:-webkit-flex;
     
    display:-moz-flex;
     
}
.row.concept .container {
  display: inline;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 85%;
  top:5px; 
}

/* Hide the browser's default checkbox */
.row.concept .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: transparnt;
  border:3px solid #FFED1E;
  border-radius:50%;
}

/* On mouse-over, add a grey background color */
.row.concept .container:hover input ~ .checkmark {
  background-color: #FFED1E;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#checkbox_service_27.disabled ~ .checkmark:after{
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.row.concept .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.row.concept .container .checkmark:after {
	left:9px;
	 top: 2px;
	width: 8px;
	height: 15px;
	  border: solid #FFED1E;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
}
.row.pakete .checkmark {
	display:none; 
}
#c25 {
	margin-top:50px;	
}
/* Style the checkmark/ paket ---------------- */
#div_paket div.div-box-p label.container {  
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  
	top:5px;  
	z-index: 100;	 
	width: 100%;
	display: block;
	height: 100%;	
}
#div_paket div.div-box-p div.div_paket div.paket div.row > div{padding:0}
#div_paket div.div-box-p div.div_paket div.paket div.row div.frame.frame-type-text:nth-child(1) div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default{padding:10px 20px}
#div_paket div.div-box-p div.div_paket div.paket div.row div.frame.frame-type-text:nth-child(2) div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default{max-width:100%; padding:0}

/* Hide the browser's default checkbox */
#div_paket label.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* On mouse-over, add a grey background color */
#div_paket label.container:hover input + .checkmark {
  background-color: #FFED1E;
}

#div_paket label.container + div.div_paket { 
   background: rgba(255,255,255,0.2);
    border-radius: 14px; 
	height: 100%;
	min-height:708px; 
}
#div_paket label.container.active + div.div_paket { 
	background: #a6afb9; 
	background-image: linear-gradient(to top, #a3c3e0 0%, #a6afb9 70%);
    border-radius: 14px; 
	color:#173A59; 
	width: 100%;
	height: 105%;
	position: absolute;
	/* right: -2px; */
	bottom: 0;
}
#div_paket label.container.active + div.div_paket h2{ 
	font-size:46px; 
}
/* Show the checkmark when checked */
.row.pakete .container input:checked ~ .checkmark:after {
  display: block;
}
#div_paket div.div-box-p div.div_paket div.paket div.row div div.frame.frame-type-text ul{
	list-style: none;
	padding-left: 25px;
}

.row.pakete ul li:before {
  content: '✓';
  font-size: 20px;
  margin-left: -25px;
  padding-right: 10px;
}
.row.pakete ul li{
	list-style:none;
}
/* Style the checkmark/indicator */
.row.pakete .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #FFED1E;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.div_100{
	width: 100%;
	height: 100%;
}
.konzeptLogo .gallery-item {
    width: 180px;
}
.pakete{
	display:flex;
		display:-webkit-flex;
     
    display:-moz-flex;
     
	justify-content:center;
}
#form_paket #div_paket div.div-left, #form_paket #div_paket div.div-middle, #form_paket #div_paket div.div-right{
    width: calc((100% - 40px) / 3);
	max-width: 426.66px;
	position: relative;
	display: flex;
	display: -webkit-flex;
    display: -moz-flex;
	padding-right:0;
	padding-left:0;
}
#form_paket #div_paket div.div-middle{
	margin-right:20px;
	margin-left:20px;
}
#form_paket #div_paket div.div-left div.div-box-p, #form_paket #div_paket div.div-middle div.div-box-p, #form_paket #div_paket div.div-right div.div-box-p{
	width:100%;
	overflow:visible;
}
.pakete .div-box {   
    width: auto;
	display: flex;
		display:-webkit-flex;
     
    display:-moz-flex;
     
}
#div_paket{
	margin-bottom:30px;
}
.pakete h2{
	font-size:32px; 
	font-weight:900;
	text-transform:uppercase;
}


#c12, #c13, #c14 {
	position: absolute;
	top: -70px;
	background: rgba(62,74,85,0.9);
	background-image: linear-gradient(45deg, #a3acb6 0%, #303b47 82%);
	background-image: linear-gradient(45deg, rgba(0,48,93,0.3) 6%, rgba(227,227,227,0.4) 97%);
    border-radius: 14px; 
	right: -10px;
	padding: 10px 20px; 
}
#c12 h2, #c13 h2, #c14 h2{
	color:#FFED1E;
	font-size:28px;
	font-weight:900;
	font-family: 'Overpass_900';
}
#c12 p, #c13 p, #c14 p{
	color: #35D30F;
	font-weight:900;
	font-family: 'Overpass_900';
}
#c39 img{
	width:100px;
	margin: 0;
}
#c39 .textpic-left .textpic-item.textpic-gallery {
    width: calc(33% - (10px / 2));
}
#c39 .textpic-left .textpic-item {
    width: calc(61% - (5px / 2));
	
	
	/*hyphens: auto;*/
}
#c290 .frame-container {
	background: rgba(0,93,165,0.7);
	top: 100px;
	padding: 30px;
	display: inline-block;
	right: -20px;
	float: right;
	width: 688px;
	position:relative;
}
#c290 h2{
	font-size:40px;
	font-weight:900;
	font-family: 'Overpass_900';
}
#c290 h3{
	font-size:40px;
}
#c299 .frame-container {
	background: rgba(6,46,82,0.7);
	top: 100px;
	padding: 30px;
	display: inline-block;
	right: -20px;
	float: right;
	width: 688px;
	position:relative;
}
#c299 h2{
	font-size:40px;
	font-weight:900;
	font-family: 'Overpass_900';
}
#c299 h3{
	font-size:40px;
}	
#p9 div.frame-backgroundimage{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
/*#p3 .frame-backgroundimage-container, #p3 .frame-backgroundimage{
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-position: top left!important;
}/*
.perspective-box-far {
  /*transform: perspective(9cm) rotateX(-15deg) rotateY(3deg);
   transform-style: preserve-3d;*/
}
#frame-backgroundimage-307 {
	/* background-size: 1280px auto!important; */
    background-size:cover;
	background-repeat: no-repeat;
	background-position: top left;
}
#frame-backgroundimage-308{
	background-size:cover;
	background-repeat: no-repeat;
	background-position: top left;
}
/* #clone.werlsattname-mh{
	position:absolute;
	color:rgba(0,93,165,1);
	font-size: 40px;
	font-weight: bold;
	font-family: 'Overpass_900';
	left: 200px;
	top: 255px;
	text-transform: uppercase;
	transform: rotateZ(5deg) rotateX(0deg) rotateY(35deg);
	transform-style: preserve-3d;
	text-shadow: 2px 2px 5px #333, -5px 0px 1px #ccc, -1px 4px 3px #333;    
} */

/* #frame-backgroundimage-308 {
	background-size: 1280px auto;
    background-repeat: no-repeat;
	background-position: top left;
} */
/* #clone2.werksattname-ac{
	position:absolute;
	color:rgb(6, 46, 82);
	font-size: 25px;
	font-weight: bold;
	font-family: 'Overpass_900';
	left: 310px;
	top: 326px;
	text-transform: uppercase;
	transform:  rotateZ(3deg) rotateX(0) rotateY(-26deg);;
	transform-style: preserve-3d;
	text-shadow: -1px 0px 0px #333, -2px 3px 2px #333, -3px 4px 2px #A5A5A5;
} */
#div_warenkorb{
	position: fixed;
	right: 0px;
	top: 0;
	z-index: 100;
	background: rgba(62,74,85,0.9);
	background-image: linear-gradient(45deg, rgba(0,48,93,0.4) 20%, #15181A 60%);
	height: 100vh;
	width: 500px;
	padding: 60px 30px 30px 30px;
	display:none;
	border-radius: 30px 0 0 30px;
	overflow: scroll;
	overflow-x: hidden;
}
#div_warenkorb_close:before{
	content: "x";
	cursor:pointer;
    position:absolute;
    right: 30px;
    top:35px;
     width:50px;
    height:50px;
    background: #rgba(0,0,0,0.6);
    color: #fff;
    font-size:45px;
    font-weight:600;
    line-height:30px;
    text-align:center;
    border-radius:50%;
	z-index:110;
	padding: 0;
	z-index:101;
}

#div_warenkorb_view{
	background:url("../icons/warenkorb.png");
	position:absolute;
	top:30px;
	right:50px;
	width: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor:pointer;
	height: 50px;
}
#div_warenkorb h3{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	font-family: 'Overpass_900';
	padding-bottom:20px;
}
#div_konfiguration_onetimecost_list{
	display:flex;
		display:-webkit-flex;
     
    display:-moz-flex;
     
	flex-flow: row wrap;
	padding-bottom:0px;	
}
#div_konfiguration_onetimecost_list span{
	 flex: 2 1 50%;
}
#div_konfiguration_tmarken_wrap{
	display:flex;
		display:-webkit-flex;
     
    display:-moz-flex;
     
	flex-flow: row wrap;
	padding:40px 0 20px 0;
}
#div_konfiguration_tmarken_wrap span{
	 flex: 2 1 50%;
}

#div_konfiguration_tmarken_wrap{display:block}
#span_tmarken_onetime, #span_tmarken_mon{float:left}
#span_tmonetime_preis, #span_tmmon_preis{float:right}
s span{text-decoration:line-through}
#div_basicservices{width:100%}


#div_konfiguration_monlaufkosten_sum{
	display:flex;
	flex-flow: row wrap;
	margin-bottom:20px;
	border-top:1px solid #fff;
	margin-top: 10px;
}
#span_monlaufkosten_sum{
	color:#FFED1E;
	flex: 2 1 50%;
	padding-top:18px;
	font-family: 'Overpass_900';
}
span.span_gesamt{float:left}
#div_konfiguration_onetimecost_markt{
	padding:0;
	margin-top:30px;
	color: #fff;
	font-weight: bold;
	font-family: 'Overpass_900';
}
#div_konfiguration_onetimecost_markt span.span_zahl{float:right; text-decoration:line-through}
#div_konfiguration_onetimecost_markt span{/* text-decoration:line-through */}
#div_konfiguration_moncost_markt{
	padding:0;
	margin-top:30px;
	color: #fff;
	font-weight: bold;
	font-family: 'Overpass_900';
}
#div_konfiguration_moncost_markt span.span_zahl{float:right; text-decoration:line-through}
#div_konfiguration_moncost_markt span{/* text-decoration:line-through */}
#div_konfiguration_monlaufkosten_list{
	display:flex;
	display:-webkit-flex;
    display:-moz-flex;
    flex-flow: row wrap;
}
#div_monlaufkosten_list_trenner, #div_onetimekosten_list_trenner, #div_trenner{
	border-bottom: 1px dashed #fff;
	margin: 10px 0;
	display:block;
	width:100%;
}
#div_monlaufkosten_list_trenner.disabled, #div_onetimekosten_list_trenner.disabled{
	display:none;
}
#div_konfiguration_monersparnis_wrap{margin-top:5px}
#div_konfiguration_ersparnis_wrap, #div_konfiguration_onetimeersparnis_wrap, #div_konfiguration_monersparnis_wrap{
	display:flex;
	flex-flow: row wrap;
	color: #35D30F;
	font-family: 'Overpass_900';
	width:100%
}
#div_konfiguration_ersparnis_wrap span, #div_konfiguration_onetimeersparnis_wrap span, #div_konfiguration_monersparnis_wrap span{
	flex: 3 1 auto;
	color: #35D30F;
	font-family: 'Overpass_900';
}
#div_konfiguration_ersparnis_wrap span, #div_konfiguration_onetimeersparnis_wrap #span_onetimeersparnis_preis, #div_konfiguration_monersparnis_wrap #span_monersparnis_preis{text-align:right}
#div_konfiguration_onetimeersparnis_wrap{margin-top:5px}
 #div_konfiguration_partnergebuehr_wrap{
	display:flex;
		display:-webkit-flex;
     
    display:-moz-flex;
     
	flex-flow: row wrap;
}
#div_konfiguration_ersparnis_wrap span, #div_konfiguration_partnergebuehr_wrap span{
	flex: 2 1 50%;
}
#div_konfiguration_monlaufkosten_list span{
	 flex: 2 1 50%;
}

#p10 #div_konfiguration_onetimecost_list {
    display: block;
}
#p11 #c360 .tx-nn-konzeptkonfigurator h3{
	font-weight: 900;
	font-family: 'Overpass_900';
	font-size: 1.75rem;
	margin-bottom:30px;
}
#p11 #c360 .tx-nn-konzeptkonfigurator h4{
	font-size: 20px;
	font-weight: bold;
	font-family: 'Overpass_900';
}
#p11 #c360 .tx-nn-konzeptkonfigurator #div_warenkorb_close{
	display:none;
}
/*#div_paket_wrap, #div_jura_vollmacht_wrap, #div_jura_sorgerecht_wrap, #div_jura_direkt_wrap, #div_website_webanalyse_wrap, #div_website_autoportal_wrap {
	display:flex;
	flex-flow: row wrap;
	padding-bottom:30px;	
}*/

.div_single_price{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
    flex-flow: column;
	align-items: end;
	margin-bottom: 30px;
	right: 33px;
	position: relative;
}
.span_zahl{
	padding-left: 50px;
}
#div_jura_subbox .row-list{
	padding-top: 80px;
}
#span_prospekte_price_markt, #span_mobi_price_markt, #span_jura_sorgerechtsverfuegung_price_markt, #span_jura_service_price_markt, #span_jura_unternehmervollmacht_price_markt, #span_service_26_price_markt, #span_service_29_price_markt, #span_service_28_price_markt, #span_service_27_price_markt {
	text-decoration:line-through;
}
#span_autoportal_price_markt, #span_autoportal_price_atr{opacity:0.4}
#c358 .row-list {
    align-items: end;
}
hr:not([size]) {
    height: 1px;
    background-color: #fff;
    opacity: 1;
	margin: 10px 0 10px 0;
}
.preis-wrap span{
	 flex: 2 1 50%;
	 text-align:end;
} 
.preis-wrap span:nth-child(1){
	text-align:left;
} 

.preis-wrap{
	display:flex;
	display:-webkit-flex;
    display:-moz-flex;
    line-height: 1.2em;
    padding-top: 8px;
	flex-flow: row wrap;
	width: 100%;
}
#span_onetimecost_sum{
	text-align:end;
	color: #FFED1E;
	font-family: 'Overpass_900';
}
#div_konfiguration_onetimecost_sum{
	display:flex;
	display:-webkit-flex;
    display:-moz-flex;
    flex-flow: row wrap;
}
#div_konfiguration_tmarken_wrap{
	font-family: 'Overpass_900';
}
#span_tm_zusatz{
	display: inline-block;
	margin-top: 10px;
}
#div_warenkorb h4{
	font-size: 24px;
	font-weight: bold;
	font-family: 'Overpass_900';
}
#div_konfiguration_pauschalkosten_wrap{
	padding-bottom:50px;
}
#c326, #c356 ,#c357{
	position: absolute;
	top: 0;
	right: 0;
}
#span_website_preis,#span_branchenverzeichnis_preis ,#span_paket_preis,#span_marketing_preis,#span_tmarken_preis, #span_ersparnis_preis, #span_partnergebuehr_preis, #span_fb_preis,#span_monlaufkosten_sum{
	text-align: right; 
}
.div-box-s{
	 background: rgba(255,255,255,0.2);
	 flex:  0 1 calc(20% - 8px);
	 margin: 4px;
	 padding: 15px;
	 position: relative;
	 text-align: center;
	 min-height: 370px;
	 min-width:235px;
}
#div_service_Konzept-Website, #div_service_Online-Verzeichnisse-Service{
	background: rgba(255,255,255,0.4);
}
.div-box-s + label.container{	
	 text-align:center; 
	 font-family: 'Overpass_900';
	 position: relative;
	 height: 188px; 
}
.leistungen{
	display:flex;
	display:-webkit-flex;     
    display:-moz-flex;     
	flex-flow: row wrap;
	margin-bottom: 20px;
}
.div-box-s img{
	width:165px;
	padding: 20px 0;
}
.div_service{
	text-align:center; 
}
.leistungen h5{
	height:40px;
	font-family: 'Overpass_900';
}
.leistungen .container:hover input ~ .checkmark {
  background-color: grey;
}
.leistungen .checkmark {
	top: 59px;
	right: 7px;
	left:unset;
}
/* Style the checkmark/indicator */ 
.leistungen .container .checkmark:after {  
  left: 9px;
  top: 4px;
  width: 8px;
  height: 15px;
  border:  solid #FFED1E ;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leistungen .row-list .container .checkmark:after {  
  left: 9px;
  top: 4px;
  width: 8px;
  height: 15px;
  border:  solid #fff ;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leistungen .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.leistungen .container input:checked ~ .checkmark{
	background-color: #6f6f6f;
}
.leistungen .container input:checked ~ .checkmark::after {
    display: block;
}
.leistungen .pbtn-info{
	border:2px solid #fff;
	border-radius:50%;
	padding:0; 
	background:transparent;
	width: 28px;	
	position: relative;
	display: block;
	text-align: center;
	bottom: 20px;
	position: absolute;
	left: 45%;
	cursor:pointer;
}
.leistungen .popup{
	width:1000px;
	
}
.leistungen .div_image ,.leistungen label,.leistungen input{
	position: relative;

}
.leistungen .div_options_button{
	background-color: rgba(145,145,145,0.8);
	background-image:url('../stift.png'); 
	padding: 2px 10px;
	display: inline-block;
	position: absolute;
	left: 62px;
	bottom: 150px;
	z-index: 9;
	cursor: pointer;
	background-position: 112px;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-right: 30px;
	width: 138px;
	text-align: center;
	display:none; 
}
#p11 .div-box{
	margin: 0 5px;
}
#p11 small {    
    display: block;
}
#p10 .frame-backgroundimage-container, #p10 .frame-backgroundimage { 
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#p101 h1{
	font-size:12vw; 
	margin-top:50px;
}
.div_service_subbox .div_image,.div_service_subbox label,.div_service_subbox input{
	z-index: 10 ; 
}
.popup1,.popup2,.popup3,.popup4{
	display:none;
	width:100vw;
	position:fixed;
	top:0;
	left:0; 
	z-index: 10; 
	background: url("../hintergrund-aklasse-dunkel4.jpg");
    background-size: auto;
	background-size: cover;
	color: #fff;
	min-height: 100vh;
}
.div_service_subbox.active > div.frame-container{
	margin:0 auto;
}
.div_service_subbox.active:before { 
	content:" ";
    position:fixed;
    top:0px;
    left:-5px;
    width:100%;
    height:110vh;
   /* background:rgba(0,48,93,0.6);*/
    z-index:8;
	min-height:800px;
}
.div_service_subbox .close{
    cursor:pointer;
    text-align: center;
	font: italic normal 300 18px/1.2em Overpass;
	letter-spacing: 0px;
	padding: 10px 40px 8px 40px;
	color: #000000;
	background: transparent linear-gradient(180deg, #FFED1E 0%, #FFED1E 100%) 0% 0% no-repeat padding-box;
	z-index:100;
	width: 200px; 
	position: relative;
	left: 80%;
}
.div_service_subbox label[for='checkbox_service_27'] .disabled ~ .checkmark, .div_service_subbox label[for='checkbox_service_27'] .disabled ~ .titel{
	opacity:0.4;
}
.div_service_subbox label[for='checkbox_service_27']  .checkmark{
	/* opacity:1; */
	/* margin-left:40px; */
}
.div_service_subbox label[for='checkbox_service_27']  .titel{
	/* opacity:1; */
	/* margin-left:90px; */
}
.div_service_subbox .div_image {
	float:left;
}
.div_service_subbox .div_image img{
	width: 420px;
}
.row-list{
	display: flex;
	display:-webkit-flex;
     
    display:-moz-flex;
     
	flex-direction: column;
	align-items: center;
	margin: auto;
}
.row-list label{
	display: flex;
	display:-webkit-flex;
     
    display:-moz-flex;
     
	flex-flow: row wrap;
	height:auto;
	padding:10px 0;
	width: 100%;
}
.row-list span{
    flex: 0 0 60%;
}
#div_service_Prospekte .div_service_subbox input[type='radio'] ~ .titel {
    margin-left: 25px; 
}

input[type='range'] {
  -webkit-appearance: none;
  width: 300px;
  height: 8px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

input[type='range']:hover {
  opacity: 1;
}

input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #aac8e4;
  cursor: pointer;
   border-radius:50%;
   border: 3px solid #ffffff; 
}
 
input[type='range']::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #aac8e4;
  cursor: pointer;
   border-radius:50%;
   border: 3px solid #ffffff; 
}
#range_checkbox_prospekte_value, #range_checkbox_mobilitaetsgarantie_caption{
	padding-top:30px;
}
label[for='range_checkbox_prospekte']{
	margin-top:60px;
}
label[for='range_checkbox_mobilitaetsgarantie']{
	margin-top:15px;
}
label[for='checkbox_mobilitaetsgarantie24'] .slider{
	margin-top:60px;
} 
label[for='checkbox_service_27'] {
	margin-top:40px;
}  
label[for='checkbox_mobilitaetsgarantie24'] .titel{ 
	margin-left: 0px;
}

.div_service_subbox .checkmark {
	top: unset;
	right: unset; 
	left: unset;
}
.div_service_subbox .titel{
	font-size:18px;
	text-align: left;
	font-family: 'Overpass';
	margin-left:50px;
}
.div_service_subbox .checkmark {
	border: 3px solid #ffffff;
}
.div_service_subbox input[type='radio'] {
  display: none;
}
.div_service_subbox input[type='radio'] + *::before {
	content: " ";
	display: inline-block;		
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 3px solid #ffffff; 
	background-color: transparent;
	position: relative;
	left: -25px;
	top:7px;
}
.small, span.span_small{
	font-size: 0.9rem;
	font-family:'Overpass';
}
.durch{
	text-decoration: line-through;
}
.bottom_30{
	position: relative;
}
input[type='radio']:checked + *::before {
	background-color: #fff;
}
#p9 #div_warenkorb_view, #p10 #div_warenkorb_view {
	z-index: 99;
	position:fixed;
}

#p11 h2{
	font-weight: 900;
	font-family: 'Overpass_900';
}
#p11 h3.element-subheader {
	color: #FFED1E;
	font-size: 22px;
}
#p11 #div_paket-gold #c392 , #p11 #div_paket-gold #c392 .frame-container, #c391, #c397,#c398, #c398 .frame-container , #c394 .frame-container, #c395 , #c395 .frame-container, #c397, #c397 .frame-container{
	padding:0!important;
	
}
#c392 .frame-container p, #c394 .frame-container p, #c395 .frame-container p , #c389 .frame-container p{
	margin-bottom:1rem;
	line-height:var(--bs-body-line-height);
}

#p11 #c360.frame div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default,#p11 #c389.frame div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default,#p11 #c359.frame div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default{
	padding:0 20px;
}
#p102 #c411{
	/* padding:0 20px; */
}
#c411, #c439, #c419, #c501{
	padding: 42px 20px;
}
#c392, #c394{
	padding-top:0;
}
 #c411 .frame-container, #c409 .frame-container, #c419 .frame-container{
	padding:0!important;
}
#p3 table a{
	/* text-align: center; */
    font: italic normal 300 16px/1.2em Overpass;
    letter-spacing: 0px;
    /* padding: 14px 5px 8px 5px; */
    /*color: #fff;*/
    cursor: pointer;
	/* font-size:16px; */
	/* background: rgba(255,255,255,0.2); */
	display:block;
	height:100%;
	width:100%;
} 
div.tx-nn-konzeptkonfigurator table.tx_nnkonzeptkonfigurator tbody td{
	vertical-align:middle;
}
div.tx-nn-konzeptkonfigurator table.tx_nnkonzeptkonfigurator tbody td:hover{
	background:transparent linear-gradient(180deg, #FFF 0%, #FFF 100%) 0% 0% no-repeat padding-box;
	color: #000 !important;
}
div.tx-nn-konzeptkonfigurator table.tx_nnkonzeptkonfigurator tbody td:hover a{
	color: #000 !important;
	width: 100%;
	height: 100%;
	display: block;
}
#c444{display:none}
#c406 .back{
	width: 350px;
	bottom: 0;
}
#c417 a{
	text-align: center;
    font: italic normal 300 18px/1.2em Overpass;
    letter-spacing: 0px;
    padding: 14px 15px 8px 15px;
    color: #000000;
    cursor: pointer;
    background: transparent linear-gradient(180deg, #FFED1E 0%, #FFED1E 100%) 0% 0% no-repeat padding-box;
	font-size:16px;
}
#c412 .div-box {
    margin: 0 5px;
}
#p102 #div_warenkorb_close{
	display:none;
}
#p102 h2 , #p102 h3{
    font-weight: 900;
    font-family: 'Overpass_900';
	font-size: 1.75rem;
}
#p102 h3.element-subheader {
	color: #FFED1E;
	font-size: 22px;
}
#p102 .tx-nn-konzeptkonfigurator h4 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Overpass_900';
}
#p102.page-102 #c412.frame div.col.div-box{
	background-color:rgba(255,255,255,0.2);
}
#p102.page-102 #c412.frame div.col.div-box:nth-child(3){
	background: linear-gradient(to bottom, rgba(128,140,158,0.8) 0%, rgba(138,148,165,0.7) 70%);
	color:#fff;
}
.vorteile .textpic {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
body.page-13 div.tx-nn-konzeptkonfigurator #form_paket #div_paket.row.pakete small.text-right{margin-top:20px}
body#p11 div.frame-inner div.row div.col.div-box div.frame.frame-type-list div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner div.tx-nn-konzeptkonfigurator div#div_paket-silber.div_paket div#paketSilber.paket div.frame.frame-type-gridelements_pi1 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner div.row div div.frame.frame-type-text,
body#p11 div.frame-inner div.row div.col.div-box div.frame.frame-type-list div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner div.tx-nn-konzeptkonfigurator div#div_paket-gold.div_paket div#paketGold.paket div.frame.frame-type-gridelements_pi1 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner div.row div div.frame.frame-type-text,
body#p11 div.frame-inner div.row div.col.div-box div.frame.frame-type-list div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner div.tx-nn-konzeptkonfigurator div#div_paket-platin.div_paket div#paketPlatin.paket div.frame.frame-type-gridelements_pi1 div.frame-group-container div.frame-group-inner div.frame-container div.frame-inner div.row div div.frame.frame-type-text{padding-top:0}
#p11.page-11 #c388.frame.frame-type-gridelements_pi1 div.col.div-box:nth-child(3){
	background: linear-gradient(to bottom, rgba(128,140,158,0.8) 0%, rgba(138,148,165,0.7) 70%);
	color:#fff;
}
body#p3 div#page-content.bp-page-content.main-section div.section div.frame div.frame-inner div.tx-nn-konzeptkonfigurator table.tx-nn-konzeptkonfigurator tbody tr td:first-child{width:30%}
body#p3 div#page-content.bp-page-content.main-section div.section div.frame div.frame-inner div.tx-nn-konzeptkonfigurator table.tx-nn-konzeptkonfigurator tbody tr td:hover{
	/*background:transparent linear-gradient(180deg, #FFED1E 0%, #FFED1E 100%) 0% 0% no-repeat padding-box;
	color: #000 !important;*/
}
body#p3 div#page-content.bp-page-content.main-section div.section div.frame div.frame-inner div.tx-nn-konzeptkonfigurator table.tx-nn-konzeptkonfigurator tbody tr td:last-child:hover{
	/*background:transparent linear-gradient(180deg, #FFED1E 0%, #FFED1E 100%) 0% 0% no-repeat padding-box;
	color: #000 !important;*/
}
body#p3 div#page-content.bp-page-content.main-section div.section div.frame div.frame-inner div.tx-nn-konzeptkonfigurator table.tx-nn-konzeptkonfigurator tbody tr td:hover a{
	color: #000 !important;
	width: 100%;
	height: 100%;
	display: block;
}
body#p3 div#page-content.bp-page-content.main-section div.section div.frame div.frame-inner div.tx-nn-konzeptkonfigurator table.tx-nn-konzeptkonfigurator tbody tr td:last-child:hover a{
	background:transparent linear-gradient(180deg, #FFED1E 0%, #FFED1E 100%) 0% 0% no-repeat padding-box;
	color: #000 !important;
}
#p13.page-13 #page-content.bp-page-content.main-section div.section.section-default #c15.frame.frame-type-text{padding-top:25px; padding-bottom:0px}
#p13.page-13 #page-content.bp-page-content.main-section div.section.section-default #c15.frame.frame-type-text div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default{padding-left:0; padding-right:0}
div.tx-nn-konzeptkonfigurator form#form_service div.leistungen div#div_service_Online-Rechtsportal.div-box-s span.small.durch{visibility:hidden}
div.tx-nn-konzeptkonfigurator form#form_service div.leistungen div[id*="JURA"].div-box-s span.small.durch{visibility:hidden}
#div_jura_decription{
	text-align: left;
	margin-bottom: 30px;
}
#div_jura_subbox #div_notice{
	text-align: left;
	margin-top: 30px;
}
div.row.buttons-row div.col.div-box{
	background:none;
	padding-left:0;
	padding-right:0;
}
div.row.buttons-row div.col.div-box div{height:100%}
div.row.buttons-row div.col.div-box a.button.yellow{width:172px}
#p11.page-11 #page-content.main-section div.section #c435.frame.frame-type-gridelements_pi1 div.row.buttons-row div.col.div-box #c399.frame.frame-type-html div.text-right a.button.yellow{width:auto}
div.row.buttons-row div.col.div-box > div.frame{padding-top:0; padding-bottom:0}
div.row.buttons-row div.col.div-box > div.frame div.frame-container{padding-left:0; padding-right:0}
div.row.buttons-row div.col.div-box > div.frame div.frame-container p.back{
	position:static;
	display:inline-flex;
}
div.row.buttons-row div.col.div-box:last-child div.frame{float:right}
div.row.buttons-row div.col.div-box:last-child div.text-right{display:inline-flex}
#span_tmonetime_preis{text-align:right}
#span_tmmon_preis{text-align:right}
#c415.frame.frame-type-header{padding-bottom:0}
span.span-yellow{
	color:#FFED1E;
	font-family: 'Overpass_900';
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
}
span.span-green{
	color:#35D30F;
	font-family: 'Overpass_900';
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
}
span.span-left{
	display:inline-block;
	float:left;
}
span.span-right{
	display:inline-block;
	float:right;
}
#clone, #clone2{display:none}
.back a.button.yellow{display:block}
/* #c406{float:left}
#c440{float:right} */
#div_berater_info{display:none}
div.tx-nn-konzeptkonfigurator #form_service div.leistungen div.div-box-s label.container{padding-left:15px; padding-right:15px}
#div_werkstattdata{
	max-width: 1320px;
	margin: 20px auto;
	padding: 0 20px
}

@media (max-width: 1668px){
	#c39 .frame {
		min-height: 190px;
	}
}

@media screen and (max-width: 1440px){
	#c361 #clone {
		font-size: 40px;
		top: 265px;
	}
	#c362 #clone2 {
		font-size: 30px;
		left: 8vw;
		top: 23vw;
	}
}


@media screen and (max-width: 1200px){
	#div_paket{width:100%; margin:0 auto 30px}
	#div_paket *{max-width:100%}
	#div_paket div.row{--bs-gutter-x:0; --bs-gutter-y:0}
	body.page-13 div.main-section div.section div.frame.frame-default.frame-type-list div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default{padding:0}
	body.page-13 div.main-section div.section div.frame.frame-default #form_paket #div_paket div.div-box-p div.div_paket div.paket div.frame.frame-default div.row div.frame.frame-default.frame-type-text div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default{padding:0 20px}
	.pakete .frame-container-default .frame-container-default{
		padding:0 10px;
	}
	.frame-backgroundimage-container, .frame-backgroundimage {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;
	}
	#c362 #clone2 {
		position: relative;
		font-size: 30px;
		left: -6vw;
		top: 20vw;
		transform: perspective(9cm) rotateZ(-1deg) rotateX(6deg) rotateY(-25deg);
	}
	#c299 h2 {
		font-size: 25px;
    }
	#c299 h3 {
		font-size: 25px;
	}
	#c299 .frame-container {
		padding: 15px;
		width: 65%;
	}
	#c290 .frame-container {
		padding: 15px;
		width: 65%;
		top: 22px;
	}
	#c290 h2 {
		font-size: 25px;
    }
	#c290 h3 {
		font-size: 25px;
	}
	#c361 #clone {
		font-size: 40px;
		left: 34vw;
		top: 17vw;
	}
	.popup .close-btn {
		right: 5px;
		top: 5px;
	}
	#c12, #c13, #c14 {
        top: -105px;
	}

}
@media screen and (max-width: 1199px){
	.div-box-betrieb{
		display:flex;
		display:-webkit-flex;
		 
		display:-moz-flex;
		 
		flex-flow:column;
	}
	#div_paket label.container + div.div_paket{min-height:812px}
	.div-box-betrieb .container {
		margin: 10px 0;
	}
	#c39 .frame{
		min-height:210px;
	}
	#c39 .textpic-left .textpic-item{
		width: 100%;
		hyphens: none;
	}
	#c39 .textpic-left .textpic-item.textpic-gallery {
		width: 100%;
	}
	input[type="text"] {
       width: 440px;
	}
	input[type="email"] {
		 width: 440px; 
	}
	input[type="text"]#zip {
		width: 120px;
	}
	input[type="text"]#city {
		width: 307px;
	}
	input[type="password"] {
		width: 440px; 
		height: 35px;
	}
	#c362 #clone2 {
		font-size: 30px;
		left: -8vw;
		top: 17vw;
	}
	#c361 #clone {
		font-size: 30px;
		left: 32vw;
		top: 18vw;
	}
	#c399 div.text-right{
/* 		bottom: 4px;
		position: relative; */
	}
}
@media screen and (max-width: 1080px){
	input[type="text"], input[type="email"]  {
		background: rgb(255, 255, 255);
	}
}
@media screen and (max-width: 1024px){
	#div_paket label.container.active + div.div_paket{position:relative}
	#form_paket #div_paket div.div-left, #form_paket #div_paket div.div-middle, #form_paket #div_paket div.div-right{
		width: 100%;
		flex-direction:column;
	}
	#div_warenkorb_view{
		top: 150px;
		right: 28px;
	}
	#div_paket label.container + div.div_paket{min-height:708px}
	#c39 .textpic-left .textpic-item{
		width: 100%;
	}
	#c39 .textpic-left .textpic-item.textpic-gallery {
		width: 100%;
	}
	#c39 .frame-container-default .frame-container-default{
		padding: 10px;
	}
	#c25 {
		margin-top:0px;	
	}
	#c362 #clone2 {	
		left: -5vw;
		top: 20vw;	
		
	}
	#c361 #clone {
		font-size: 30px;
		left: 34vw;
		top: 16vw;
	}
	#c299 .frame-container {
		top: 30px;
	}
	.div_service_subbox .div_image img {
		width: 340px;
	}
	
	.div-left {
		width: 100%;
	}
	.div-right {
		width: 100%;
	}
	.pakete {
		display: flex;
			display:-webkit-flex;
		 
		display:-moz-flex;
		 
		justify-content: left;
		align-items: center;
		flex-flow: column;
	}
	.pakete .div-left, .pakete .div-middle, .pakete .div-right {
		width: 100%;
		position: relative;
		display: block;
		margin-top: 40px; 
	}
	.row.pakete .container.active ~ .div_paket {
		width: 100%;
		height: auto;
		position: relative;
		min-height: auto;
	}
	.row.pakete .container ~ .div_paket {
		height: auto;
		min-height: auto;
	}
	.row.pakete .container {
			
	}
	
	#c12, #c13, #c14  {
		top: -55px;
	}
	#c39 .frame {
		min-height: 285px;
	}
	#p10 .frame-backgroundimage-container, #p10 .frame-backgroundimage {
		background-position: top;
	}
	input[type="text"], input[type="email"]  {
		background: rgb(255, 255, 255);
	}
}
@media screen and (max-width: 991px){
	#c388 .div-box{
		margin-top:10px;
	}
}
@media screen and (max-width: 800px){
	#c362 #clone2 {	
		left: -6vw;
		top: 18vw;	
		font-size: 18px;		
	}
	#c361 #clone {
		font-size: 20px;
		left: 33vw;
		top: 14vw;
	}
	#div_warenkorb_view{
		top: 174px;
		right: 45px;
	}
	#c39 .frame {
		min-height: 306px;
	}
}
@media screen and (max-width: 768px){
	#c362 #clone2 {	
		left: 0vw;
		top: 19vw;		
	}
}
@media screen and (max-width: 767px){
	.div-box-date {
		padding-top: 50px;
		margin-bottom: 30px;
	}
	#to_form_2 {
		margin-right: 62px;
	}
	.frame-container-default {
		max-width: 700px;
	}
	#c52 {
		width: 200px;
	}
	#c39 .frame {
		min-height: 306px;
	}
}
@media screen and (max-width: 634px){
	div.row.buttons-row div.col.div-box{
		width:calc((100% - 40px) / 3);
	}
	div.row.buttons-row div.col.div-box:nth-child(2){margin-left:20px !important; margin-right:20px !important}
	div.row.buttons-row div.col.div-box:nth-child(2) div.pdf.text-right{text-align:center !important}
}
@media screen and (max-width: 588px){
	div.row.buttons-row div.col.div-box {
		width: calc((100% - 20px) / 3);
	}
	div.row.buttons-row div.col.div-box:nth-child(2) {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
}
@media screen and (max-width: 568px){
	#p11.page-11 #page-content.main-section div.section #c388.frame div.row div.col.div-box{
		width: calc(100% - 10px);
		flex: 1 1 100%;
		box-sizing: border-box;
	}
	div.row.buttons-row div.col.div-box p.back{width:auto}
	div.row.buttons-row div.col.div-box a{width:100%}
}

@media print {
  /* #c412{page-break-before: always} */
  #c444{page-break-before: always}
  #c444.frame.frame-type-gridelements_pi1 div.frame-group-container div.frame-group-inner div.frame-container{margin-left:0; margin-right:0; margin-top:0; padding-left:0; padding-right:0}
  #c412.frame.frame-size-default.frame-default.frame-type-gridelements_pi1.frame-layout-default.frame-background-none.frame-no-backgroundimage.frame-space-before-none.frame-space-after-none div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default div.frame-inner div.row div.col.div-box div#c411.frame.frame-size-default.frame-default.frame-type-list.frame-layout-default.frame-background-none.frame-no-backgroundimage.frame-space-before-none.frame-space-after-none div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default div.frame-inner div.tx-nn-konzeptkonfigurator div#div_werkstattdata{padding-left:0; margin-left:0}
  #c421.frame.frame-size-default.frame-default.frame-type-list.frame-layout-default.frame-background-none.frame-no-backgroundimage.frame-space-before-none.frame-space-after-none div.frame-group-container div.frame-group-inner div.frame-container.frame-container-default{width:100%; margin-left:0}
}