html { height:100%; /*overflow-y:scroll;*/ }

* {
	-webkit-overflow-scrolling: auto;
}

body {
	font-family:museo_sans300, Helvetica, Arial, sans-serif; font-weight:300;
}
form > div + div + div { height:100%; }

ul { margin:0; padding:0; }
li { margin-left:1em; }
p, div, td, li, a, textarea, input { font-size:21px; line-height:1.3; font-weight:normal; }

p {
  color:#00216F;
}

.box_content {
  position:relative;
}

.nossd { display:block; }


.box-logos {
  display:inline-block; 
  position:relative; 
  top:6px; right:-770px;
}
.box-logos div {
  display:inline-block;
}

@media only screen and (max-width : 1200px) {
  .box-logos {
    right:-630px;
  }
}



h1 {
  width:100%;
  margin-bottom:2rem;
	font-family:museo_sans300, Helvetica, Arial, sans-serif; font-weight:300;
  line-height:1.15;
  color:#00327d;
}
.seite-1 h1 {
	color:#FFF;
}

.seite-2 .c-brand-element__text-title, .seite-3 .c-brand-element__text-title {
	margin-bottom:3rem;
}

.c-brand-element__text { padding-bottom:0 !important; }
.c-brand-element__text h1 {	font-size:54px; }

h3 {
	font-family:museo_sans500, Helvetica, Arial, sans-serif; font-weight:500;
  font-size:24px; line-height:1.3;
  /*color:#092768;*/color:#00327d;
}
h4 {
	font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
  font-size:20px; line-height:1.3;
  color:#0078BB;
}


.img-intro {
  width:66%;
  position:relative;
  top:-90px;
  margin-bottom:-105px;
}
.img-intro img {
	border-bottom-left-radius:8px; border-bottom-right-radius:8px
}

.alert, #box-login p.alert { color:#FFFF00; }
/*
.bluebox {
  position:relative; top:-310px; right:-90%;
  padding:1.2rem;
  width:57%; height:auto; min-height:200px;
	background: linear-gradient(to bottom right, rgba(0, 50, 125, 0.9) 20%, rgba(0, 120, 187, 0.9) 70%, rgba(0, 164, 224, 0.9) 100%);
	border-radius:.25rem;
}
*/
.h-intro {
  font-size:38px; line-height:1.1;
	font-family:museo_sans300, Helvetica, Arial, sans-serif; font-weight:300;
  color:#FFF;
}
.h-indent { padding-left:1.1rem; }

.box-login, .box-content {
  position:relative;
  z-index:99;
}
.box-content { padding:3rem 2rem; }

.box-login{
  margin-top:42px;
	text-align:center;
}
.box-content {
  margin-top:-270px;
}
.box-vorteile {
  padding:2rem;
  background-color:#f9f7f6;
}
#btn_forwd {
  display:block;
  float:none;
  max-width:350px; height:auto;
  margin:2rem auto 0;
  padding-top:19px; padding-bottom:19px;
}


/* Formulare */

#form1 { 
	height:100%; 
	margin-bottom:0;
}

.btn, .inp { 
	box-sizing:border-box;
	font-family:Helvetica, Arial, sans-serif;
}

.btn {
	height:64px; width:auto;
  padding-right:56px; padding-left:56px;
	border:none;
	float:left;
	font-family:museo_sans500, Helvetica, Arial, sans-serif !important;
	font-size:18px; font-weight:500;
  text-transform:uppercase;
	color:#FFF;	background-color:#092768;
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:2rem;
}
.btn:hover {
  color:#FFF;
}
.inp {
	float:left;
	width:170px; height:56px;
	margin-bottom:15px;
	border:1px solid #4d70a4;
	border-radius:.125rem;
	padding:1px 9px; padding-top:4px;
	background-color:#FFF; color:#333;
}

#box_tc div { width:583px; height:auto; }

#input_login {
  width:190px;
	padding:1px;
	font-size:34px; letter-spacing:4px; font-weight:700;
	font-family:Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	text-align:center; vertical-align:middle;
	color:#00327d;
}

.popup {
	box-sizing:border-box;
  position:absolute;
	display:table-cell;
	width:360px; height:424px;
	margin:200px 190px 0;
	padding:0 113px 0;
	vertical-align:middle;
	color:#333;
}
#popup_tc {
	width:800px; height:auto;
	background-color:#FFF;
	padding:24px 24px 28px;
}
.wrap-flex {
	display:flex;
	justify-content:center;
	align-items:center;
}
#popup_tc p {
	font-size:17px; line-height:1.2;
	text-align:justify;
	-ms-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;
	hyphenate-limit-chars:6 3 2; -ms-hyphenate-limit-chars:6 3 2;
	-ms-hyphenate-limit-lines:3; -webkit-hyphenate-limit-lines:3; hyphenate-limit-lines:3;
	hyphenate-limit-last:always;
}

.popup_close_wrap {
	position:absolute; 
	width:25px; height:25px;
	top:16px; right:-5px;
}

#options label {
	width:520px;
	margin-top:12px;
}
#options input { 	margin-top:18px; margin-right:12px; }

/*.adr {
	width:885px;
	margin-top:24px;
}*/
.adr label { margin-top:9px; }

#box_Beratung {
	margin:1.5rem 0 0.25rem;
}
#box_Anrede label, #box_Beratung label {
  margin-top:9px; margin-right:16px; margin-bottom:1.5rem;
}
#box_Beratung label {
  margin-bottom:0;
	font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
}

/*#box_Anrede label, */#box_Beratung label {
  padding-bottom:27px;
}

.box_Anrede input, #box_Beratung input { margin-top:15px; }

.fldShort  { width:50px; }
.fldLong   { width:370px; }
.fldMarginLeft { margin-left:15px; }

input {
	float:left;
	font-family:museo_sans300, Helvetica, Arial, sans-serif;
}
label { 
  float:left;
  width:auto; height:auto;
  font-family:museo_sans300, Helvetica, Arial, sans-serif; font-weight:500;
}
.label_checkbox { 
	margin-left:7px; /*margin-bottom:8px;*/
}
#box_Beratung label, #label_Teilnahmebedingungen {
	display:block;
}

.label_radio { margin-left:8px; margin-right:20px; }

#box_tc { 
	width:885px;
	margin-top:0; margin-bottom:100px;
}
#box_tc td { 
	width:582px;
	border-top:1px solid #D11F34;
	padding-top:24px;
}
#wrapper td.msg {
	width:303px;
	border-top:none;
	padding-left:15px;
	color:#FF0000;
}
td.msg label { float:none; }

.t_adr {
	margin-top:2rem;
}

.t_adr label {
  width:178px;
  /*margin-top:22px; margin-right:20px;*/
  margin-top:15px; margin-right:20px;
  color:#00216F;
}
.t_adr .inp {
  height:56px; width:800px;
  background-color:#FFF;
  border:1px solid #4d70a4;
	border-radius:.125rem;
}

label#label_Teilnahmebedingungen, #box_Beratung label { margin-top:0; margin-right:20px; padding-bottom:20px; }

.t_options #label_Teilnahmebedingungen, .t_options #label_Infos { margin-top:0; }

.checkbox_space { display:block; margin-right:6px; }

#AnredeHerr { margin-left:16px; }

#AnredeHerr, #AnredeFrau, .t_options input { 
  margin-top:15px;
}
.td_validation label, #t_adr .td_validation label, .t_options .td_validation label {
	display:block; 
	margin-top:-12px;
	float:none;
	font-size:13px;
	font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
	color:#FF0000;
}
.td_validation { padding-left:10px; }


#label_Nr { 
  width:30px;
  margin-left:60px;
}
#Strasse { width:530px; }
#Nr { width:160px; }

#label_Ort { 
  width:90px;
  margin-left:60px;
}
#Ort { width:470px; }
#PLZ { 
  width:160px;
}
.de #label_Ort { 
  width:50px;
}
.de #Ort { width:510px; }



.adr-flt {
  float:left;
}
.adr-pad-1 {
  padding-right:1rem;
}
.adr-pad-2 {
  padding-right:0;
}
.adr-7-1 {
  width:14%;
}
.adr-7-2 {
  width:28%;
}
.adr-7-3 {
  width:42%;
}
.adr-7-4 {
  width:56%;
}
.adr-7-5 {
  width:71%;
}

.legende {
  margin-top:2rem;
  border-top:1px solid #CCC;
  padding-top:1rem;
	font-size:smaller;
	text-align:right;
}
.adr-5-1 {
  width:20%;
}
.adr-5-2 {
  width:40%;
}
.adr-5-3 {
  width:60%;
}
.adr-5-4 {
  width:80%;
}

.box-main p {
  max-width:890px;
}

.box-btn {
  max-width:890px;
  margin-top:3rem;
  padding:1rem;
  background-color:#f4f4f4;
}
.box-btn p { 
  font-size:22px;
  font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
}


#form1 label.error {
	margin-top:15px;
  color:#F00;
  font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
}	
#box_TB label.error {
	margin-top:0;
}
	#box-errors { 
  margin-top:1rem; margin-bottom:1rem;
  padding:1rem;
  background-color:#F00; color:#FFF;
}
#box-errors label.error {
  display:block; width:100%; float:none; 
  font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
  color:#FFF;
}
.inp.error {
  background-color:#FFCDCD;
}
.parent-error label:first-child {
  color:#F00;
  font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
}


/* Popup */

#modal1 {
	width:535px; min-height:270px;
	padding:20px;
	position:relative;
	vertical-align:middle;
	background-color:#FFF; color:#333;
}
#popup_close {
	position:absolute;
	top:0; right:20px;
	font-family:museo_sans300, Helvetica, Arial, sans-serif !important;
}
#popup_close {
	color:#000;
	text-decoration:none;
}
#btn_close_ssd { 
	display:none;
	text-decoration:none;
}




.footnote {
	margin-top:0; 
	font-size:16px;
}
.box_content p.footnote {
	text-align:right;
}

  
#LogImage, #mailFrame { position:absolute; left:-10000px; visibility:hidden; }

.ssd { display:none; }


.t_options td {
	padding-top:0.3em;	padding-bottom:0.3em;
}
.chbox { margin-top:0; margin-left:0; }

#form-intro {
	max-width:440px;
	color:#000;
}

p { line-height:1.4; }


#Teilnahmebedingungen, #box_Beratung input { margin-top:6px; margin-right:3px; }

#box_Beratung input { margin-left:0; }

#label_AnredeHerr, #label_AnredeFrau, #label_Teilnahmebedingungen, #box_Beratung label { width:auto; }

#label_Anrede { margin-bottom:20px; }


.t_options p { margin:0; }

.td_chbox {	width:22px; }

#wrap-btn {
	width:48%; height:60px;
	float:left;
}
#wrap-btn a {	width:230px; }

#wrap-txt {
	width:50%;
	float:left;
}
#wrap-txt p {
	margin-top:5px;
	color:#00A7E0;
	font-weight:bold; font-family:museo_sans700, Helvetica, Arial, sans-serif;
}
#btn_close_tc { display:inline-block; margin:auto; float:none; }



#box_login .inp, #box_login #btn_login, #input_login, #btn_login {
  float:none;
  display:inline;
  margin-bottom:0;
}
#btn_login {
  margin-left:20px;
}
.msg_login {
  /*margin-top:2rem; margin-bottom:1.6rem;*/
}

.navbar {
  padding:0;
}
.fr #Ort, .it #Ort  {
  width:510px;
}
.fr #label_Ort, .it #label_Ort  {
  width:100px;
  margin-left:25px; margin-right:5px;
}

#btn_weiter {
	display:block;
	float:none;
	margin:0 auto;
	white-space: normal; /* Umbruch! */
}

.wrap-preis { margin-top:-42px; }

.wrap-preis-img {
	width:40%;
	float:left;
	margin-top:-24px;
	text-align:center;
}
.preis-text {
	width:60%;
	float:left;
}
.seite-2 .wrap-stopper {
	/*position:absolute;*/
}

.seite-2 .stopper {
	position:relative;
	/*top:-252px; left:19px;*/
	/*padding-top:46px;*/
	top:38px; right:50px;
  width:160px; height:160px;
  padding:2px; padding-top:36px;	
	z-index:999;
	font-size:18px;
	font-family:museo_sans700, Helvetica, Arial, sans-serif !important;
}
.seite-2 .stopper div {
	position:relative;
	top:-33px; left:46px;
	transform:rotate(10deg);
}

.seite-1 .stopper {
	top:-102px;
	padding-top:37px;
}
.seite-2.it .stopper {
	padding-top:54px;	
}

#stopper1-1 { display:none; }
#stopper2-1 { display:block; }



@media only screen and (max-width: 960px), only screen and (min-device-width: 320px) and (max-device-width: 960px) {

	html { overflow-y:scroll; }
	
	body, form, form > div { width:100%; }

	#form1 .ssd_hide, .nossd { display:none; }

	#btn_close_ssd {
    display:block;
    float:none;
    margin:0 auto;
		padding-top:20px;
		text-align:center;
  }
	#btn_weiter {
		margin-top:2rem;
	}

}

@media only screen and (max-width: 1391px) {
	
	.seite-2 label, .seite-2 .inp {
		float:none;
		width:100% !important;
		margin-top:0 !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	
  #AnredeFrau, #AnredeHerr {
    margin-top:2px;
    margin-right:12px;
  }
  
	#label_AnredeFrau, #label_AnredeHerr { width:auto !important; }
  
	#Teilnahmebedingungen { 
		float:left;
		margin-left:0.5em; margin-right:0.7rem;
	}
	#label_Teilnahmebedingungen { 
		/*width:80% !important;*/
		margin-left:0.5em;
	}
	#box_Anrede input, #box_Anrede label, .t_options input, .t_options label { float:left; }
	
	#box_Anrede label, #box_Beratung label { width:auto; }
	
	.c-brand-element__text h1 {	font-size:48px; }


}

@media only screen and (max-width: 992px) {

  .bluebox {
    top:-230px; right:-90%;
    width:62%;
  }
  .h-intro {
    font-size:28px;
  }
  .box-logos {
    right:-470px;
  }
  
  #logo-css img { width:80px; height:auto; }

  .t_adr .inp {
    width:100%;
  }
  #label_Nr {
    margin-top:-28px; margin-left:20px;
  }
  #Nr {
    margin-left:20px;
  }
  #Strasse {
    width:590px;
  }
  #PLZ {
    width:150px;
    margin-left:-190px; margin-top:39px;
  }
  #label_Ort {
    margin-left:-20px;
  }
  #Ort {
    width:540px;
    margin-left:170px;
  }
	
	.c-brand-element__text h1 {	font-size:46px; } 
  
}


@media only screen and (max-width : 768px) {
	
	p, div, td, li, a, textarea, input { font-size:18px; line-height:1.25; }

  .box-content.inner_content { margin-top:100px; }
  
  .box-logos {
    right: 0;
  }  
  .box-logos img {
    width:auto;
  }
 .box-login {
   position:static;
   margin-top:120px;
  }
  .img-intro {
    position:relative;
    width:100%;
    top:20px;
  }
  .nossd { display:none; }
  
  h1 {
    font-size:30px;
  }
  #input_login, #btn_login {
    width:90%;
    margin-left:0;
  }
  #btn_login {
    margin:1rem 0;
  }
    
  .seite_2 label, .seite_2 .inp { 
    float:none;
    width:100% !important;
    margin-top:0 !important; margin-left:0 !important; margin-right:0 !important;
  }
  
	#btn_close_tc, #btn_close_tc a { display:block; }
	
	#btn_close_tc a {	padding-top:14px; padding-bottom:14px; }
				
	#popup_tc {
		width:92% !important;
		margin:45px 4% 0 !important;
		box-sizing:border-box !important;
		top:0 !important; left:0 !important;
		padding:17px 17px 10px !important;
	}
  
  #AnredeFrau, #AnredeHerr {
    margin-right:12px;
  }
  
	#label_AnredeFrau, #label_AnredeHerr, #label_KundeJa, #label_KundeNein { width:auto !important; }
	
	#label_KundeJa {
		padding-right:20px;
	}
  .t_options {
    margin-bottom:1rem;
  }
	#AnredeFrau, #AnredeHerr, #Teilnahmebedingungen, #box_Beratung input { margin-top:3px; }

	#Teilnahmebedingungen { 
		float:left;
		margin-left:0; margin-right:0.7rem;
	}
	#label_Teilnahmebedingungen { 
		/*width:80% !important;*/
		margin-left:0.5em;
	}
	#box_Anrede input, #box_Anrede label, .t_options input, .t_options label { float:left; }
	
	#box_Anrede label {	width:auto; }
  
  .box-btn .adr-7-2, .box-btn .adr-7-5 {
    width:100%;
  }
  .box-btn img {
    display:block; 
    margin:0 auto;
  }
  
  #btn_forwd {
    padding-left:2rem; padding-right:2rem;
  }
	
	.box-vorteile {
		margin-top:24px;
	}

	.wrap-preis { margin-top:0; }

	.wrap-preis-img, .preis-text {
		width:100%;
		float:none;
	}
	.wrap-preis-img {
		margin-bottom:1rem;
	}
	
	.seite-2 .wrap-stopper { position:relative; }

	
	.seite-2 .stopper {
		top:-58px; left:74px;
		margin-bottom:9px;
		padding-top:34px;
		font-size:18px;
	}
	.seite-2 .stopper div { 
		top: -44px;
		left: 22px;
	}
	
	#box_Beratung label, #label_Teilnahmebedingungen {
		padding-left: 1.75rem;
	}
	
	#form1 label.error {
		margin-top:0;
	}
	
	

}



#l-main {
	top:-50px;
}
.topline {
	display:none;
	/*display:inline-block;*/
	/*margin:2.3rem auto 0;*/
	margin:auto auto;
}/*
.topline p {
	display:table-cell;
	padding:2px 0 0 2.2rem;
  vertical-align:middle;
	font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
	font-size:0.875rem;
}*/
.topline a {
	font-family:museo_sans700, Helvetica, Arial, sans-serif; font-weight:700;
	font-size:0.875rem;
	text-decoration:none;
}
.topline svg {
	display:inline;
  max-width:17px;
	margin-right:0.5rem;
}

.topline-icon, .topline-text { float:left; }

.topline-icon {
	width:25px;
}
.topline-text {
	margin-top:4px;
	font-size:0.875rem;
}

.seite-1 .m-stage-overview .has-brand-element .c-brand-element, 
.seite-3 .m-stage-overview .has-brand-element .c-brand-element {
  /*top:125px;*/ top:200px; right:0;
	margin:auto;
}
.seite-3 .m-stage-overview.l-wide-extra { /*margin-bottom:125px;*/ }



.box-login p {
	color:#FFF;
}

.stopper {
  position: absolute;
  top:-45px; right:50px;
  width:160px; height:160px;
  padding:2px; padding-top:24px;
  border-radius:50%;
  color:#FFF; background-color:#ff548c;
  font-size:18px; line-height:1.2;
  font-family:museo_sans700, Helvetica, Arial, sans-serif !important;
  text-align:center;
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform:rotate(-10deg) translate3d(0px,0px,1px);
}

.btn-fwd {
	height:auto; min-height:64px;
	margin-top:4rem;
	padding-top:1.2rem; padding-bottom:1.3rem;
}


.btn a {
	color:#FFF;
	text-decoration:none;
}

.btn-a {
	padding:0;
}
.btn-a a {
	padding:1.3rem 2rem;
}

.header-bar-left {
	width:100%;
}





@media only screen and (max-width: 768px) {
	
	.seite-1 .m-stage-overview .has-brand-element .c-brand-element {
	  /*top:48px;*/
		top:118px;
	}
	.seite-3 .m-stage-overview .has-brand-element .c-brand-element {
	  top:80px;
	}
	.c-image__image {
		/*width:80%; */
		/*top:-20px !important;*/
		/*top:50px !important*/
		/*object-fit:contain !important;*/
		width:190vw !important;
	}
	.box-login {
		margin-top:5px;
	}
	.stopper {
		width:130px; height:130px;
		padding:2px; padding-top:18px;
		top:-81px; right:-18px;
	  font-size:14px; line-height:1.2;
	}
	
	.seite-2 .stopper {
		width: 122px; height: 122px;
    padding-top: 26px;
    top: 8px; right: 9px; left: auto;
    font-size: 13px;
    line-height: 1.2;
	}
	.seite-2.it .stopper {
    padding-top:39px;
		font-size:16px;
	}
	
	.seite-1 .m-stage-overview .has-brand-element .c-image, .seite-1 .m-stage-overview .has-brand-element .skeleton-wrapper, 	
	.seite-2 .m-stage-overview .has-brand-element .c-image, .seite-2 .m-stage-overview .has-brand-element .skeleton-wrapper, 
	.seite-3 .m-stage-overview .has-brand-element .c-image, .seite-3 .m-stage-overview .has-brand-element .skeleton-wrapper {
		/*height:34rem !important;*/
		height:0 !important;
	}
	
	.c-brand-element__text h1 {	/*font-size:38px;*/font-size:31px; }

	.box-login p {
		margin-top:1rem;
		font-size:16px;
	}
	
	.seite-3 .m-stage-overview.l-wide-extra { /*margin-bottom:25px;*/margin-bottom:0; }
	
	
	#stopper1-1 { 
		display:block;
		width:122px; height:122px;
		top:7px; right:30px;
	}
	#stopper1-2 { display:none; }
		

	
}


@media only screen and (min-width:80rem) {
	
	/*.seite-2 .stopper { top:-282px; }*/
	
}







/* Generische Formatierungen */

a img { border:none; }
table { border-collapse:collapse; }
td { 
  padding:0;
  vertical-align:top; 
}

.bd, .bd a, strong { font-weight:bold; font-family:museo_sans700, Helvetica, Arial, sans-serif; }
.nm { font-weight:normal; font-family:museo_sans300, Helvetica, Arial, sans-serif; }
.nom  { margin:0; }
.nomt { margin-top:0; }
.nomb { margin-bottom:0; }
.mmt  { margin-top:0.5em; }
.mmb  { margin-bottom:0.5em; }
.clr { clear:both; }
.thinsp { font-size:0.5em; }
.hide { display:none; }
.upc { text-transform:uppercase; }
.lwc { text-transform:lowercase; }
.ihc { text-transform:none; }
.fltlft { float:left;  }
.fltrt  { float:right; }
.url { hyphens:none; }