/** ******** FONTS ******** **/

@import url("styles_mobile.css");
@font-face {
	font-family: "BentonSansRegular";
	font-style: normal;
	font-weight: normal;
	src: url("/custom/fonts/BentonSans-Regular.eot?") format("embedded-opentype"), url('/custom/fonts/BentonSans-Regular.woff') format('woff'), url("/custom/fonts/BentonSans-Regular.otf"), url("/custom/fonts/BentonSans-Regular.ttf") format("truetype"), url("/custom/fonts/BentonSans-Regular.svg#web") format("svg");
}

@font-face {
	font-family: "BentonSansMedium";
	font-style: normal;
	font-weight: normal;
	src: url("/custom/fonts/BentonSans-Medium.eot?") format("embedded-opentype"), url('/custom/fonts/BentonSans-Medium.woff') format('woff'), url("/custom/fonts/BentonSans-Medium.otf"), url("/custom/fonts/BentonSans-Medium.ttf") format("truetype"), url("/custom/fonts/BentonSans-Medium.svg#web") format("svg");
}


/** ******** GENERAL ******** **/

body {
	overflow-x: hidden;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	color: #444;
}

p {
	padding-top: 0 !important;
}

b, strong {
	font-size: 13px;
	color: #222;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#bodyRegistration {
	overflow: hidden;
}

.frontendIntroduction h1 {
	font-size: 22px;
	line-height: 24px;
	color: #222;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#Neuer_TN a {
	color: #fff;
	margin: 0;
}

.groupHeadline,
.fieldCaptionMandatory,
.fieldCaption,
.tab-content {
	background: none !important;
}

#frontendStepContainer {
	font-size: 13px;
}

#frontendHead {
	display: none;
}

#frontendMainDiv {
	background: #fcfcfc;
	border: solid 1px #f4f4f4;
	padding: 20px 3%;
	border-radius: 5px;
	padding-bottom: 55px;
	margin: 40px 0;
}

#group_status_absage_zusage,
#div_person_0 div.overviewGroupHeadline:first-child{
	display: none;
}

div.groupHeadline {
	padding: 5px 10px 36px 0;
	font-size: 13px;
	line-height: 24px;
	color: #222;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

span[id^=chkParent_status] {
	vertical-align: middle;
	margin-left: 33px;
}

.nav-tabs {
	border: 0 none;
	clear: both;
}

.pull-right {

}

.groupHeadline font,
 .headline-reg{
	font-size: 22px;
	line-height: 24px;
	color: #222;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.headline-reg{
	margin:40px 0 20px 20px;
}

#frontendMainDiv > div.frontendContent > div > div.frontendIntroduction > div.col-xs-12.col-sm-8.col-md-8.col-lg-8 > div > p {
	font-size: 13px !important;
}

/**Groupheadline #1 ausblenden**/
#gr_1{
	display: none !important;
}

#tr_3220 label[for="param_3220"],
#tr_3223 label[for="param_3223"] {
	display: none;
}

h4 {
	color: #F0AB00;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 24px;
	line-height: 30px;
	padding: 3px 0;
	margin: 0;
}

h5 {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 20px;
	line-height: 30px;
	padding: 3px 0;
	margin: 0;
}

.container {
	width: 960px !important;
	max-width: 100% !important;
}

.groupContainer:not(.box) {
	margin-bottom: 30px;
}

.groupContainer:not(.box):last-of-type {
	margin-bottom: 0px;
}

.customErrorMsg {
	display: none;
}

#frontendBottomNavi {
	margin-top: 15px !important;
}

#counter {
   display: inline-block;
}


/** ******** FOOTER ******** **/

#divFooter {
	background: #e9e9e9;
	padding: 20px 40px 50px 0;
	margin: 0;
}

#foot_l a {
	padding: 0 8px;
	font-size: 12px;
	color: #000;
	line-height: 24px;
	margin: 4px 0;
	display: inline-block;
	font-family: arial;
}

#foot_r {
	text-align: right;
	padding: 0;
}

#foot_r img {
	max-width: 24px;
	margin: 0 4px;
}

#footerSocialLink_ET {
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	display: inline-block;
	font-size: 15px;
	line-height: 32px;
}

#followus {
	display: inline-block;
	margin: 0;
	font: 15px/1.6 BentonSansMedium, Arial, Helvetica, sans-serif;
	width: auto;
	float: none;
	color: #000;
	padding-left: 20px;
	vertical-align: middle;
}


/** ******** HEADER-LOGO ******** **/

#divLogotext {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100vw;
	background: #000;
	height: 70px;
	z-index: 0;
}

.header img {
	position: absolute;
	top: 15px;
	z-index: 90;
	max-height:40px;
}


/** ******** NAVIGATON ******** **/

nav {
	border: 0 !important;
	margin: 0 !important;
	margin-left: 100px !important;
	background: none !important;
	height: 70px;
}

#top-menu {
	margin: 0;
}

#navbar-collapse {
	width: 100%;
}

#navbar-collapse li {
	display: inline-block;
	padding: 0 3% 0 0;
}

#navbar-collapse li a {
	background: none !important;
	color: #fff;
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 70px;
	border: none;
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
}

#navbar-collapse li .dropdown-menu {
	display: none;
}

#navbar-collapse li:hover .dropdown-menu {
	display: block;
	background: #f4f4f4;
	box-shadow: none;
	border: none;
	border-radius: 0;
	padding: 8px 0;
	margin: 0;
}

#navbar-collapse .dropdown-menu li {
	display: block;
	padding: 2px 15px;
}

#navbar-collapse .dropdown-menu a {
	display: block;
	padding: 7px 0;
	font-size: 13px;
	font-weight: normal;
	color: #000 !important;
	border-top: 1px solid #ddd;
	line-height: 13px;
}

#navbar-collapse .dropdown-menu li:first-child a {
	border-top: none;
}

.navbar-toggle,
.micrositeNavigationMainEntry {
	display: none !important;
	/*Es wird ja keine Navigation benötigt!!*/
}

.navbar-toggle {
	display: none;
	background: url(/custom/img/microsite/navigation-icon.png);
	background-size: 100% 100%;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 20px;
	top: 24px;
	margin: 0;
	border: 0;
	padding: 0;
	opacity: 0.8;
}

.navbar-toggle:hover {
	opacity: 1;
}

#navigationToggleLabel {
	display: none;
}


/** ******** Language ******** **/

.fa-language:before {
	content: '';
}

li#naviLanguage {
	float: right;
	width: 14%;
}


/** ******** BANNER ******** **/
#banner {
	position: relative;
}
	#banner #banner-img img {
		display: block;
		width: 100%;
	}
		#banner #banner-img .banner_md,
		#banner #banner-img .banner_lg {
			display: none;
		}
	#banner #banner-text {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: absolute;
		width: 100vw;
		top: 0;
	}
		#banner #banner-text.banner_pos_middle {
			justify-content: center;
		}
		#banner #banner-text.banner_pos_right {
			justify-content: flex-end;
		}
		#banner #banner-text > div {
			flex: 1;
			font-size: 15px;
			font-weight: bold;
			margin: 50px 0;
			padding: 20px;
			max-width: 480px;
			background-color: rgba(255, 255, 255, 0.93);
		}
		#banner #banner-text.white > div,
		#banner #banner-text.weiß > div {
			color: #FFFFFF;
			background-color: transparent;
		}
		#banner #banner-text.white > div h4,
		#banner #banner-text.weiß > div h4 {
			color: #FFFFFF;
			font-size: 34px;
		}
		#banner #banner-text.white > div h5,
		#banner #banner-text.weiß > div h5 {
			font-size: 24px;
			padding-top: 10px;
		}
		#banner #banner-text.white > div p,
		#banner #banner-text.weiß > div p {
			font-size: 20px;
		}
		#banner #banner-text.anthracite > div,
		#banner #banner-text.anthrazit > div {
			color: #444444;
			background-color: rgba(255, 255, 255, 0.93);
		}
		/*#banner #banner-text.anthracite h4 > div {
			color: #444444;
			font-size: 34px;
		}
		#banner #banner-text.anthracite h5 > div {
			font-size: 24px;
			padding-top: 10px;
		}
		#banner #banner-text.anthracite p > div {
			font-size: 20px;
		}*/

@media(min-width: 768px) {
	#banner #banner-img .banner_sm {
		display: none;
	}
		#banner #banner-img .banner_md {
			display: block;
		}
	#banner #banner-text {
		top: 50%;
		transform: translateY(-50%);
		width: 50vw;
        height: fit-content;
	}
		#banner #banner-text > div {
			margin: 0;
		}
}

@media(min-width: 1280px) {
	#banner #banner-img .banner_md {
		display: none;
	}
		#banner #banner-img .banner_lg {
			display: block;
		}
}

/*body:not(.new-header) #banner {
	position: relative;
}

body:not(.new-header) #banner #banner-img {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	background-position: center;
	display: block;
	min-height: 400px;
	background-repeat: no-repeat;
}

body:not(.new-header) #banner #banner-img:before {
	z-index: -1;
	position: relative;
}

*/

/*
#banner{
		background-image: url('{{ v:eventcontent_B_General_Banner_SM }}');
		background-size: 100% 100%;
		min-height: 400px;
	}
	#banner-img:before{
		content: '';
		display: block;
	}
	@media(min-width: 768px){
		#banner-img{
			background-image: url('{{ v:eventcontent_B_General_Banner_MD }}');
		}
	}
	@media(min-width: 1280px){
		#banner-img{
			background-image: url('{{ v:eventcontent_B_General_Banner_LG }}');
		}
	}
*/


/** ******** KLAPPBOXEN ******** **/

.box.last {
	border-bottom: solid 1px #d6d6d6;
	margin-bottom: 20px;
	padding: 0;
}

.box-header {
	border-top: solid 1px #d6d6d6;
	padding: 18px 0;
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
}

.box-header > div {
	font-size: 18px !important;
	line-height: 22px !important;
	margin-left: 20px !important;
	padding: 0 30px !important;
	font-weight: normal !important;
	background: url(/custom/img/microsite/dark-acoordian-arrow.png) no-repeat left 0px !important;
}

.box-header > div:hover {
	background-position: 0px -178px !important;
	text-decoration: underline;
}

.box-content {
	padding: 0 5%;
	margin: 0px;
	background: #fff;
}

.box-content > div:first-child {
	padding-top: 25px;
}

.box-content > div:last-child {
	padding-bottom: 25px;
}

.box-content .frontendFieldContainer {
	float: none;
	margin-bottom: 0;
}


/** ******** INPUTS ******** **/

input[type="text"],
input[type="email"],
select,
textarea {
	background: none repeat scroll 0 0 #fff !important;
	border: 1px solid #d2d2d2;
	height: 34px;
	line-height: 28px;
	padding: 6px 4px;
	border-radius: 3px;
	width: 100% !important;
	color: #444;
}

.inputRadioGroup .checkboxInput {
	margin-left: 20px;
	width: auto !important;
}

.checkboxInput,
.checkboxCaption {}

.checkboxInput input {
	vertical-align: sub;
}

label {
	font-size: 13px;
	font-weight: normal;
}

.frontendFieldContainer {
	margin-bottom: 25px;
}


.fieldCaptionMandatory,
.fieldCaption {
	float: left;
	border: 0;
	width: auto;
}

.fieldCaptionMandatory label,
.fieldCaption label {
	min-width: 200px;
}

.star {
	font-size: 14px;
}

.checkboxInput .frmInvalid {
	background: inherit !important;
}

.errorMsg {
	position: absolute;
	color: #FF0000;
	font-style: italic;
	font-size: 12px;
	float: left;
	font-family: arial;
	clear: both;
}

.inputRadioGroup .checkboxContainer {
	display: flex;
	vertical-align: sub;
}

.inputRadioGroup .checkboxContainer .checkboxInput {
	margin: 0 10px 0px 0px;
}

.inputRadioGroup .checkboxInput,
.inputRadioGroup .checkboxCaption {
	display: inline-block;
	float: none !important;
}

.inputCheckboxGroup,
.inputCheckboxGroupLabel,
.inputCheckboxGroup .checkboxInput,
.inputCheckboxGroup .checkboxCaption {
	display: table-cell;
	padding-left: 3px !important;
	float: none;
}

.inputCheckboxGroup input {
	margin-right: 5px;
}

.inputCheckboxGroupLabel {
	margin-right: 20px;
	float: left;
}

.inputCheckboxGroup .checkboxCaption {
	width: 100%;
	position: relative;
	float: initial;
   /* white-space: nowrap;*/
}

*:placeholder {
	color: #444 !important;
	font-size: 13px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
}

*::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #444 !important;
	font-size: 13px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
}

*::-moz-placeholder {
	/* Firefox 19+ */
	color: #444 !important;
	font-size: 13px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
}

*:-ms-input-placeholder {
	/* IE 10+ */
	color: #444 !important;
	font-size: 13px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
}

*:-moz-placeholder {
	/* Firefox 18- */
	color: #444 !important;
	font-size: 13px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
}


#param_2353 {
	display: none;
}

/** ******** TOOLTIP ******** **/

a.fa-question {
	background: url(/custom/img/microsite/btn-help.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 15px;
	text-decoration: none;
	width: 15px;
	z-index: 100;
	position: absolute;
	top: 0;
	right: 0;
}

a.fa-question:before {
	content: "";
}

.tooltip {
	width: 100%;
	float: right;
	opacity: 1 !important;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #f0ab00 !important;
}

.tooltip-inner {
	float: right;
	background: #f0ab00;
	text-align: left;
	color: #fff;
	padding: 10px;
	font-size: 11px;
	margin-right: 10px;
	border-radius: 0;
	line-height: 14px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
}


/** ******** BUTTONS ******** **/

#frontendBottomNavi,
.frontendBottomNaviButtonContainer {
	float: none !important;
	margin-left: 0 !important;
}

.buttonNextStep,
.buttonPreviousStep,
.iconText {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #FDB913;
	border: 0px !important;
	color: #fff;
	font-size: 17px;
	line-height: 23px;
	font-weight: normal !important;
	text-align: center;
	padding: 7px 20px !important;
	margin: 15px 0px 0px 0;
	display: inline-block;
	float: none !important;
	cursor: pointer;
	margin: 0 0 0 10px;
	height: auto;
}

.buttonPreviousStep {
	float: left !important;
}

.buttonNextStep:hover,
.buttonPreviousStep:hover,
.iconText:hover {
	background: #008fd3;
}


/** ******** SPEZIALFÄLLE ******** **/


/*Ich stimme zu...*/

#tr_2336 label,
#tr_2337 label {
	display: none;
}

#tr_2336 .inputCheckboxGroupLabel,
#tr_2337 .inputCheckboxGroupLabel {
	margin-right: 5px;
}

label[for=param_2975], label[for=param_2977], label[for=param_2981]{
	display: none;
}

#tr_2976 {
   margin-left: 21px;
}



#tr_2977 {
   margin-left: 18px;
}

#tr_2978 {
margin-top: 0 !important;

}

#tr_3025{
	padding-left: 0;
	margin-top: 30px;
	margin-bottom: 0;
}
#tr_3025 label{
	margin: 0;
}

.inputCheckboxGroupLabel {
	margin-right: 0;
}

#tr_2976 .inputRadioGroup:after{
	content: '';
	display: table;
	clear: both;
}
	#tr_2976 .fieldCaptionMandatory,
	#tr_2976 .fieldCaption{
		float: none;
	}
	#tr_2976 .inputRadioGroup .checkboxContainer{
		clear: none;
		float: left;
		width: 150px;
	}

/** ******** OVERVIEW ******** **/

.overviewFieldContainer {
	margin-bottom: 5px !important;
	float: none !important;
}

.overviewFieldContainer.empty,
.overviewGroupHeadline.empty {
	/* display: none; */
}

.overviewFieldContainer .fieldCaption {
	display: table-cell;
	width: 200px;
	float: none;
}

.overviewFieldContainer .frontendFieldValue {
	display: table-cell;
}

.overviewFieldContainer .frontendFieldValue .iconText {
	margin-left: 0;
}

.overviewGroupHeadline {
	margin-top: 50px;
}


/** ******** ZAHLEN ******** **/

iframe#iPayment {
	height: 550px !important;
}


/* #213911: desktop styles banner */
/*@media(min-width: 768px){
	body:not(.new-header) #banner {
		background: none !important;
	}
}*/


/* *** makuettn | 20240312 | #422140 [2339] Darstellung Feldhinweis/Farbe Button *** */
div.frontendFieldContainer {
	display: block;
}

.info-toggle {
	color: #007DB8;
	cursor: pointer;
	margin-left: 10px;
	padding: 1px 7px;
	background-color: #FFF;
	border: 1px solid #007DB8;
	border-radius: 4px;
	transition: background-color .2s ease-in;
}
	.info-toggle:hover,
	.info-toggle.open {
		color: #FFF;
		background-color: #007DB8;
	}
	.info-toggle:before {
		content: '\f128';
		font-family: fontAwesome;
	}
	.info-toggle.open:before {
		content: '\f00d';
	}
.info-content {
	overflow: hidden;
	height: 0;
	transition: height .2s ease-in;
}
	.info-content .info-content-text {
		margin: 10px 0;
		padding: 10px;
		background-color: #FFF;
		border: 1px solid #007DB8;
		border-radius: 4px;
	}

.checkboxContainer .checkboxCaption {
	position: relative;
}
	.checkboxContainer .checkboxCaption .info-toggle {
		position: absolute;
	top: -1px;
	right: -35px;
	}
.checkboxContainer .info-content {
	display: block;
}