.page-with-modal #termin_modal.modal .modalinner {max-width: 1000px !important;}
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#termin_modal .modal-header {
  padding: 15px 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--awb-border-color,#e5e5e5);
  min-height: 16.53846154px;
}
#termin_modal .anrufen p{padding: 0;}
#termin_modal .anrufen a{display: flex;justify-content: space-between;border-bottom: 1px dashed;}
#termin_modal .anrufen a:hover{font-weight:800}

.termin_auswahl_box{background-color:#fff;transition:all .4s;border:3px solid #fff;margin-bottom:30px;width: 100%;padding:20px;border-radius: 20px;box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.04);}
.termin_auswahl_box:hover{cursor:pointer;border-color:#88150C}
.termin_auswahl_box_title{font-weight: 700;display: inline-block;font-size: 26px;}
.termin_auswahl_box.checked_box{border-color: #88150C;}
.termin_auswahl_box.checked_box .termin_circle{background-color:#88150C}
.termin_auswahl_box .termin_circle{margin-right:10px;display: inline-block;width:20px;height:20px;border-radius:50%;background-color:#D9D9D9}
@media screen and (max-width: 980px){
	.termin_auswahl_box_title{font-size: 20px;}
}

.termin_statusbar {display:flex;justify-content: space-around;}
.termin_statusbar > li.current_step {background-color: #88150c; color: white;}
.termin_statusbar > li {position: relative;background-color: #fff;padding: 10px 40px;margin-right: 10px;font-size: 20px;font-weight: bold;clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%);min-width: 120px;text-align: center;margin: 0 0 10px;width: 100%;}
.termin_statusbar > li:first-child {clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);}
/*.termin_statusbar > li:last-child {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%, 10% 50%);}*/
@media screen and (max-width: 980px){
	.termin_statusbar > li {font-size: 18px;padding: 6px 30px;} 
}

@media screen and (max-width: 500px){
	.termin_statusbar {flex-direction: column;}
}
  
.termin_nav_container{margin-top:20px;display:flex;justify-content: space-between;}
.termin_nav_container button{border: 2px solid #88150C;width: 125;border-radius: 25px;font-weight:700;font-size:16px;padding: 6px 20px;}
.termin_nav_container button:hover{cursor:pointer;outline-offset: 2px;outline-style: solid;outline-color: #88150C;outline-width: 2px;}
.termin_nav_container button.forward{order:2;background-color: #88150C;color:#fff;}
.termin_nav_container button.backward{order:1;background-color: #fff;}

#onlinetermin2 .daten_container{max-width: 750px;margin: 0 auto;display:flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
#onlinetermin2 .daten_container .daten_left{font-size:24px;}
#onlinetermin2 .daten_container .daten_right{display:flex;width: 400px;}
#onlinetermin2 .daten_container .daten_checkbox{padding: 20px 60px;text-align:center;box-sizing: border-box;border: 1px solid #000;margin: 5%;transition: all .4s;}
#onlinetermin2 .daten_container .daten_checkbox:hover{cursor:pointer;border-color:#88150C}
#onlinetermin2 .daten_container .daten_checkbox.ch_active{background-color:#88150C;color:#fff}
#onlinetermin2 .daten_container #select_fachgeschaeft{text-align:center;padding: 20px 0;border: 1px solid #000;margin: 5%;background-color: transparent;font-size: 18px;color: #000;width: 85%;}

@media screen and (max-width: 980px){
	#onlinetermin2 .daten_container .daten_left{font-size:20px;margin-top: 10px;}
	#onlinetermin2 .daten_container .daten_checkbox{padding: 10px 30px;}
}

/*ALT:*/
.active_frage{opacity:1!important;display:block!important}
.frage_container{padding: 40px 20px 20px;width:100%;max-width: 600px;text-align:center;opacity:.4;display:none;margin: 0 auto 50px;}
.kontakt_container{padding: 20px 20px 20px;max-width: 800px;width: 100%;text-align:left;opacity:1;display:none;margin: 0 auto 50px;}
.frage{margin-bottom: 20px;font-size:20px;}
.frage_button{width: 40%;float: left;padding: 20px;box-sizing: border-box;border: 1px solid #000;margin: 5%;transition:all .4s}
.frage_button_2{padding: 10px 5px;box-sizing: border-box;border: 1px solid #000;transition:all .4s}
.start_button{display:block;text-align:center;padding: 20px;box-sizing: border-box;border: 1px solid #000;margin: 5%;transition:all .4s}
.frage_button:hover, .frage_button_2:hover, .start_button:hover{background-color:#aaa;cursor:pointer}
.zurueck_button{font-size:15px;margin-top:25px;}
.zurueck_button:hover{cursor:pointer}
.anrufen p{border-bottom: 1px dotted #ccc;margin: 0;line-height: 35px;}
.anrufen a span > i::before{font-family: 'ETmodules';content: "\e090";margin-right:5px;}

/*
.onleanfrage_modal .modal-body{
	background-image:url('https://schmelzer-hoersysteme.de/wp-content/uploads/2017/06/Nie-wieder-Batterien2.jpg');
	background-size: cover;
}
*/

#kontaktbereich{position:relative;}
.fullwidth{width:100%;padding:6px 15px}
.thirdwidth{width:33.33%;float:left;padding:6px 15px}
.halfwidth{width:50%;float:left;padding:6px 15px}
.fourwidth{width:23%;float:left;margin: 1%;}
.threewidth{width:31.33%;float:left;margin: 1%;}
#kontaktbereich input[type="text"],
#kontaktbereich input[type="email"],
#kontaktbereich input[type="tel"],
#kontaktbereich textarea
{font-size: 15px;border-radius: 2px;width:100%;padding:10px 5px;border: none;background:#fff;color:#000}
#kontaktbereich input[type="submit"] {margin-top: 5px;margin-right: 2%;padding: 8px 29px !important;background: transparent !important;border: 1px solid #000 !important;color: #000 !important;font-size: 20px;}
#kontaktbereich input[type="submit"]:hover{opacity:.8;cursor:pointer}

.active_error_input{border-color:red!important;outline: 1px solid red}
.active_error{display:block!important;}


@media screen and (max-width: 900px){
	.halfwidth{width:100%!important;padding: 6px 0px;}
	.frage_button_2.fourwidth{width:48%;}
}
@media screen and (max-width: 550px){
	.anrufen p{font-size:14px;}
	.kontakt_container {padding: 20px 0px 20px!important;}
	.frage_button_2.fourwidth{width:98%!important;}
}