/* normalize.min.css */
@import url(../../css/normalize.min.css);
/* form_components */
@import url(form_components.css);


/* allgemeine formatierung //////////////////////////////// */
#mbst_form *{
	box-sizing: border-box;
  	-webkit-tap-highlight-color: transparent !important;
}

#mbst_form {
    color:#fff;
	font-family: 'MBCorpoSText-Regular-Web', arial;
	font-size: 1.12em;
}

#mbst_form a{
	text-decoration: none;
	color:#fff;
	outline:none !important;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

#mbst_form p{
	text-align: justify;
	line-height: 1.3em;
	font-size: 1em;
}

#mbst_form ul,
ol{
	margin:0;
	padding:0;
	list-style-type: none;
}

#mbst_form h2{
	font-family: 'MBCorpoSText-CondBold', Arial;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1.1em;
	font-size: 2em;
	margin-bottom: 0;
}

#mbst_form h3{
	font-family: 'MBCorpoSText-Bold-Web', Arial;
	font-size: 1.15em;
	margin:0 0 50px 0;
	color: #8A8A8A;
	font-weight: normal;
}

#mbst_form h4{
	font-size: 1.05em;
	margin-bottom: 5px;
	font-weight: normal;
}

#mbst_form address{
	font-style: normal;
}

#mbst_form .small_text{
	font-size: 0.7em;
}

/* scroll elemente*/
#mbst_form .scroll{
	overflow-y: auto;
	height: 300px;
}

/* colors */
#mbst_form .color{
	color: #00adef;
}

.mbst-logo {
	max-width: 960px;
}


/* border */
#mbst_form .border{
border-top: solid 1px #fff;
}

/* kommentar */
#mbst_form .comment{
	display: block;
	color: red;
	font-weight: bold;
	text-align: right;
}


/* schrifft klein */
#mbst_form .small_font{
	font-size: 0.7em;
	opacity: 0.3;
}

#mbst_form .small_font:hover{
	color: #00ADEF;
	opacity: 1;
}

/* überschtrift klein */
#mbst_form .heading{
	font-family: 'MBCorpoSText-Bold-Web', Arial;
	font-size: 1em;
	display: block;
}

/* line */
#mbst_form .line{
	display:block;
	height: 2px;
	background: #fff;
	width:50px;
	margin: 15px 0;
}


/* layout */
/* wrapper //////////////////////////////// */
#mbst_form.wrapper{
    max-width: 1100px;
	margin: 140px auto 0 auto;
}

/* section  //////////////////////////////// */
#mbst_form section{
	padding:30px 0;
}

#mbst_form .d-none{
	display: none;
}

/* flex-box layout //////////////////////////////// */
#mbst_form .flex_container{
    display: flex;
	flex-wrap: wrap;
	gap:25px;
    justify-content: space-between;
	margin: 50px 0;
}

#mbst_form .flex_item{
	width:380px;
}



/* components //////////////////////////////// */
/* tooltip gesamt */
#mbst_form .tooltip {
	position: relative;
	cursor:help;
}

#mbst_form .tooltip .info{
	width: 25px;
	margin-bottom: -5px;
}

/* tooltip box */
#mbst_form .tooltiptext {
	display: none;
	border: none;
	width: 250px;
	background: #000;
	padding:10px 20px;
	font-size: 0.7em;
	/* positionierung tooltiptext ausgerichtet an tooltip */
	position: absolute;
	top:-110px;
	left:-220px;
	z-index: 1;
	animation: fade-in 0.3s ease-in-out;
	-webkit-transition: fade-in 0.3s ease-in-out;
	-moz-transition: fade-in 0.3s ease-in-out;
	-ms-transition:fade-in 0.3s ease-in-out;
	-o-transition:fade-in 0.3s ease-in-out;
	transition: fade-in 0.3s ease-in-out;
}

#mbst_form .tooltiptext span:after {
	border-radius: 5px;
	display: none !important;
	content: '';
	margin-top: 20px;
}

#mbst_form .tooltip p{
	text-align: left;
}

#mbst_form .tooltiptext .color{
	font-weight: bold;
}

/* triangle an tooltiptext ausrichten */
#mbst_form .tooltiptext:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom:-10px;
	top: auto;
	left:222px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid black;
	transform: rotate(180deg);
}

/* durch hover wird tooltip sichtbar */
#mbst_form .tooltip:hover .tooltiptext {
	display:inherit
}

/* keyframes für hover von none / inherit */
@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* tooltip in sup */
#mbst_form sup .tooltip .info{
	width: 14px;
	margin: 5px 0 0 0;
}

#mbst_form sup .tooltiptext {
	top:-122px;
	left:-203px;
	font-size: 1em !important;
}

#mbst_form sup .tooltiptext:after {
	left:200px;
}

/* tooltip in description  */
#mbst_form .desrciption sup .tooltiptext {
	top:-140px;
	width: 150px;
	left:-120px;
	font-size: 1.2em !important;
}

#mbst_form .desrciption sup .tooltiptext span {
	margin-bottom: 5px;
	font-size: 1.2em !important;
}

#mbst_form .desrciption sup .tooltiptext span:after {
	margin-top: 5px;
}

#mbst_form .desrciption  sup .tooltiptext:after {
	left:116px
}

/* tooltip in radio-buttons  */
#mbst_form .radio-buttons .tooltiptext{
	top:-90px;
	width: 150px;
	left:-135px;
	width: 250px;
}

#mbst_form .radio-buttons .tooltiptext::after{
	left:145px
}

/* buttons */
#mbst_form button{
	border:none;
	background: none;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

/* basic buttons */
#mbst_form .btn{
	padding:8px 55px;
	letter-spacing: 0.4px;
	display: block;
	text-align: center;
	border-radius:2px ;
	background: #333333;
	min-width: 180px;
	font-family: 'MBCorpoSText-Regular-Web', arial;
}

#mbst_form .btn_blue:hover{
	background-color: #00ADEF;
}


/* icons */
#mbst_form .icons_wht{
	-webkit-filter: invert(1);
	filter: invert(1);
	width:20px;
	height: auto;
}

#mbst_form .pin{
	content: url(../images/icons/pin.svg);
}

#mbst_form .call{
	content: url(../images/icons/call.svg);
}

#mbst_form .mail{
	content: url(../images/icons/email.svg);
}

#mbst_form .clock{
	content: url(../images/icons/time.svg);
}

#mbst_form .download{
	content: url(../images/icons/download.svg);
	width:28px
}

#mbst_form .language{
	content: url(../images/icons/language.svg);
}

#mbst_form .info{
	content: url(../images/icons/info.svg);
	width:20px
}

#mbst_form .link{
    content: url(/images/icons/link.svg);
    width: 20px;
    height: 20px;
}

#mbst_form .login{
	content: url(../images/icons/login.svg);
	width: 22px;
    height: 22px;
}

#mbst_form .checkmark{
	content: url(../images/icons/checkmark.svg);
}

#mbst_form .user{
	content: url(../images/icons/user.svg);
}

#mbst_form .price{
	content: url(../images/icons/price.svg);
}

#mbst_form .truck{
	content: url(../images/icons/truck.svg);
}

#mbst_form .mb_star{
	content: url(../images/icons/mb_star.svg);
}

#mbst_form .settings{
	content: url(../images/icons/settings.svg);
}

#mbst_form .locked{
	content: url(../images/icons/locked.svg);
	margin-top: -3px;
}

#mbst_form .calendar_icon{
	content: url(../images/icons/calendar.svg);
	width: 21px;
}

#mbst_form .left{
	content: url(../images/icons/left.svg);
}

#mbst_form .right{
	content: url(../images/icons/right.svg);
}

#mbst_form .edit{
	content: url(../images/icons/edit.svg);
}

/* bullet listen */
/* list mit checkicons */
#mbst_form .list_checkmark{
 	margin:30px auto 60px;
	max-width: 600px;
}

#mbst_form .list_checkmark li{
	display: flex;
	align-items: center;
	border-bottom:solid 1px #eee;
	padding: 10px 0;
}

#mbst_form .list_checkmark li:last-child{
	border:none;
}


#mbst_form .list_checkmark li .checkmark{
	width: 40px;
	height: auto;
	margin: 0 3px 0 -8px;
}


/* step one /////////////////*/
#mbst_form #step_one .tooltip{
	margin: 0 5px 0 -5px ;
}

/* label grösser wegen textinhalt */
#mbst_form #step_two .radio_flex label {
	width: 200px;
	padding: 5px 0;
}

#mbst_form .description_sup{
	margin-right: 3px;
}

#mbst_form .radio_flex .description_sup{
	margin-left: 3px;
}

/* kaufoption GS: kaufen tooltip ausrichten */
#mbst_form #margin_tooltip .tooltiptext{
	top:-68px
}


/* ul flexbox mit anzahl teilnehmer und art der führung */
#mbst_form .coupons_participant select{
	width: 415px;
}


/* kaufoption mit gutschein */
#mbst_form .coupons .radio_flex{
	flex-wrap: wrap;
	width: 410px;
}

/* gutsvhein wird durch js eingeblendet */
#mbst_form #coupons_amount_box {
  display: none;
}

#mbst_form #step_two #margin{
	margin-top: 5px;
	font-size: 0.65em;
}

#mbst_form #step_two #margin sup{
	margin-left: 2px;
}

/* step three /////////////////*/
#mbst_form .toggle_language{
	margin-bottom: 30px;
}

#mbst_form .toggle_language label{
	width: 185px;
}


#mbst_form #step_three .radio-buttons .desrciption{
	margin-left: -2px;
}

#mbst_form #timetable label.radio-button{
	border-bottom: solid 1px #1A1A1A;
}

/* Style the labels as buttons */
#mbst_form #timetable .radio_flex label {
	display: flex;
	padding: 5px 15px;
	width: 120px;
	justify-content: center;
}

#mbst_form #timetable label.radio-button:last-child{
	border-bottom: none;
}

#mbst_form #timetable .radio-circle{
	border: 2px solid #1A1A1A;
	background: #1A1A1A;
}

#mbst_form #timetable .radio-buttons{
	margin-top: 0px;
}


/* step_four /////////////////*/
#mbst_form .login_layout h4{
	margin: 20px 0 0 0;
	font-family: 'MBCorpoSText-Bold-Web', Arial;
}

#mbst_form .login_layout .margin{
	margin-top: 75px;
}

#mbst_form .login_layout .divider{
	margin-top: 20px;
}

#mbst_form .login_layout .flex_container{
	margin:0;
}

#mbst_form .login_layout .flex_item .radio-buttons{
	margin-top: 30px;
}

#mbst_form .login_layout  label.radio-button{
	border:none
}


#mbst_form .container_form{
	gap:0 25px;
}

#mbst_form .accounting_data{
	align-items: center;
}

#mbst_form .accounting_data .flex_item{
	width: auto;
}

#mbst_form .accounting_data input{
	width: 380px;
}

#mbst_form .accounting_data .small_text{
	margin-top: 45px;
	font-size: 0.8em;
	color:#00adef;

}


/* hinweis: Die Rechungsanschrift wird automatisch
anhand der Abrechnungsdaten ermittel */
#mbst_form .details{
	line-height: 1.2em;
	display: inline-block;
	margin: 10px 0 0 0;
}


/* step_five /////////////////*/
#mbst_form #step_five 	.desrciption{
	margin:20px 0 0 0;
	border-bottom: solid 1px #333333;
	padding-bottom: 10px;
	font-size: 1em;
	font-family: 'MBCorpoSText-Bold-Web', Arial;
}

#mbst_form #step_five 	p{
	margin-bottom: 50px;
}

#mbst_form #step_five .color{
	margin-bottom: 0;
}

/* Teilnehmer liste*/
#mbst_form .participant{
	margin:0;
	padding:15px 0 0;
	justify-content: flex-start;
	gap: 5px 25px;
}

#mbst_form .participant .flex_item{
	width: 290px;
}

#mbst_form .participant .label_icon{
	margin:0px 0 5px 0;
}

#mbst_form #step_five .small_agb{
	margin: 30px 0 0;
}

#mbst_form .missing_dates{
	margin-top: 15px;
}

#mbst_form .missing_dates .tooltiptext{
	top:-200px;
	left:-208px;
	padding: 20px;
}

/* step_six /////////////////*/

#mbst_form #step_six .flex_container{
	align-items: center;
}

#mbst_form #step_six .flex_container textarea,
#step_six .flex_container select{
	margin-top: 5px;
}


#mbst_form #step_six .flex_container .flex_item:nth-child(3){
	width: auto;
	margin-top: 20px;
}



/* step_seven /////////////////*/
#mbst_form .accordion {

}

/* accordion listenpunkkt */
#mbst_form .accordion li {

}

/* button accordion */
#mbst_form .accordion_trigger {
  width: 100%;
  display: block;
  cursor: pointer;
  border: none;
  display:flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  padding:20px 0;
  font-family: 'MBCorpoSText-Bold-Web', Arial;
  border-bottom:solid 1px #333333;
  background: none;
  font-size: 1.1em;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}


#mbst_form .accordion li:last-child .accordion_trigger,
.accordion li:nth-child(9n) .accordion_trigger{
	border: none;
}

/* accordion + / - */
#mbst_form .accordion_trigger:after {
  content: "\002B";
  font-size: 1.05em;
  background: #1A1A1A;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:8px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* accordion + / - activ */
#mbst_form .accordion_trigger.active_accordion:after {
	content: '\2212';
}


/* inhalt accordion */
#mbst_form .accordion_content {
  display: none; /* wird über js eingeblendet */
  padding: 20px 0;
}

#mbst_form .accordion_content .flex_container{
	margin: 0;

}


#mbst_form .accordion_content .flex_item{

}


/* tooltip ausrichten */
#mbst_form .edit_box sup .tooltip .info{
	width: 14px;
	margin: 5px 0 0 0;
}

#mbst_form .edit_box sup .tooltiptext {
	top: -105px;
	left:-101px;
	font-size: 1em !important;
	width: 400px;
	font-family: 'MBCorpoSText-Regular-Web', arial;
}

#mbst_form .edit_box sup .tooltiptext::after{
	left: 93px;
}

#mbst_form .edit_box  sup .tooltip .info{
	margin: 5px 0 0 -5px;
}

#mbst_form .summary_box{
	display: flex;
	align-items: flex-start;
	gap: 0 20px;
}

#mbst_form .accordion_content .scroll{
	height:125px
}

#mbst_form .tour_details{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	width: 100%;
}

#mbst_form .tour_details li{
	display: flex;
	align-items: center;
}

#mbst_form .tour_details li .icons_wht{
	margin-right: 10px;
}


/* tabelle */
#mbst_form .summary_box.margin{
	margin: 40px 0;
}

#mbst_form .summary_table {
	width: 100%;
	border-collapse: collapse;
}

#mbst_form .summary_table td,
.summary_table th {
	text-align: left;
	padding: 8px 0;
	width: 35%;
}

#mbst_form .summary_table th{
	font-weight: normal;
	font-size: 1.1em;
}

#mbst_form .summary_table tr:nth-child(even) {
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
}

#mbst_form .summary_table tr:last-child{
	border-bottom:none;
}

#mbst_form .product_summary_table{
	margin: 50px 0 0;
}

#mbst_form .product_summary_table td,
.product_summary_table th{
	width: 26%;
	padding: 10px  5px;
}



#mbst_form .product_summary_table th{
	background: #333333;
	padding: 5px;
}

#mbst_form .product_summary_table tr:nth-child(even) {
	border: none;
}


/* bemerkungen zur Buchung */
#mbst_form .summary_comments{
	margin-bottom: 30px;
}

#mbst_form .accordion_content .summary_comments:last-of-type{
	margin-bottom: 0;
}



/* input gutschein einlösen */
#mbst_form .coupon_btn_container{
	align-items: center;
}

#mbst_form .coupon_btn_container .flex_item{
	width: auto;
}

#mbst_form .coupon_btn_container .btn{
	width: 350px;
	margin-top: 21px;
	background: #00ADEF;
}

#mbst_form .coupon_btn_container .btn:hover{
	background: #333333;
}


#mbst_form .coupon_cash .tooltiptext {
	top:-80px;
	left:-100px;
}

#mbst_form .coupon_cash .tooltiptext:after {
	bottom:-10px;
	left:97px;
}

#mbst_form .coupon_cash_input {
	width:380px;
	margin-bottom: 30px;
}



/* step_nine /////////////////*/
#mbst_form .payment_options .radio-button{
	border: none;
}



#mbst_form .payment_options .tooltiptext {
	top: -98px;
	left:-96px;
	font-size: 1em;
	width: 350px;
	font-family: 'MBCorpoSText-Regular-Web', arial;
}

#mbst_form .payment_options .tooltiptext::after{
	left: 93px;
}

#mbst_form .spam_protection .flex_item.spam_input_wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#mbst_form .spam_protection .flex_item.spam_input_wrapper  input {
	width: unset;
	flex-grow: 1;
}

#mbst_form .spam_protection .flex_item.spam_input_wrapper .error {
	width: 100%;
}

#mbst_form .spam_protection .flex_item.spam_input_wrapper .spam_equal {
	margin: 0 10px;
}

#mbst_form .spam_protection .flex_item.spam_input_wrapper .spm {
	white-space: nowrap;
}



/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 825px) {
	/* innerbox //////////////////////////////// */
	#mbst_form .innerbox{
		padding:0%;
	}
}/* ende breakpoint 825px */


/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 450px) {

}/* ende breakpoint 1075px */





/* fonts /////////////////*/
/* schrift hero_new  */
@font-face {
	font-family: 'MBCorpoSTitle-CondBold-Web';
	font-display:swap;
	/*src:
		url('../fonts/MBCorpoSTitle-CondBold-Web.woff2');
	*/
	src: local(''),
		url('../../fonts/MBCorpoSTitle-CondBold-Web.woff2') format('woff2'),
		url('../../fonts/MBCorpoSTitle-CondBold-Web.woff') format('woff');
}

/* mb_font serifen schrift */
@font-face {
	font-family: 'MBCorpoATitleCond-Regular-Web';
	font-display:swap;
	/*src:
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff2');
	*/
	src: local(''),
		url('../../fonts/MBCorpoATitleCond-Regular-Web.woff2') format('woff2'),
		url('../../fonts/MBCorpoATitleCond-Regular-Web.woff') format('woff');
}

/* heading*/
@font-face {
	font-family: 'MBCorpoSTitle-Bold-Web';
	font-display:swap;
	/*src:
		url('../fonts/MBCorpoSTitle-Bold-Web.woff2');
	*/
	src:
		local(''),
		url('../../fonts/MBCorpoSTitle-Bold-Web.woff2') format('woff2'),
		url('../../fonts/MBCorpoSTitle-Bold-Web.woff') format('woff');
}

/* subheading*/
@font-face {
	font-family: 'MBCorpoSText-Bold-Web';
	font-display:swap;
	/*src:
		url('../fonts/MBCorpoSText-Bold-Web.woff2');
	*/
	src: local(''),
		url('../../fonts/MBCorpoSText-Bold-Web.woff2') format('woff2'),
		url('../../fonts/MBCorpoSText-Bold-Web.woff') format('woff');
}

/* subheading neu*/
@font-face {
	font-family: 'MBCorpoSText-CondBold';
	font-display:swap;
	/*src:
		url('../fonts/MBCorpoSText-Bold-Web.woff2');
	*/
	src: local(''),
		url('../fonts/MBCorpoSText-CondBold-Web.ttf') format('woff2'),
		url('../fonts/MBCorpoSText-CondBold-Web.ttf') format('woff');
}

/* fliestext */
@font-face {
	font-family: 'MBCorpoSText-Regular-Web';
	font-display:swap;
	/*
	src:
		url('../fonts/MBCorpoSText-Regular-Web.woff2');
	*/
	src: local(''),
		url('../../fonts/MBCorpoSText-Regular-Web.woff2') format('woff2'),
		url('../../fonts/MBCorpoSText-Regular-Web.woff') format('woff');

}