ul, li {
  margin-left: 0.5rem;
  position: relative;
}

.formRow {
  margin: 20px 0;
  position: relative;
  width: 100%;
  border: none;
}

.formRow1 {
  width: 50%;
}
.formRow2 {
  width: 15%;
}

.formRow1, .formRow2 {
	display: inline-block;
}
.marginLeft1rem {
	margin-left: 1rem;
}

.formRow--item {
  display: block;
  width: 100%;
}
.formRow--input {
  background-color: transparent;
  position: relative;
  padding: 15px 20px 11px;
  width: 100%;
  outline: none;
  border: none;
  border-bottom: solid 1px #95989a;
  color: #2c3235;
  letter-spacing: .2px;
  font-weight: 400;
  font-size: 16px;
  resize: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.formRow--input-wrapper {
  position: relative;
  display: block;
  width: 100%;
}
.formRow--input-wrapper.active .placeholder {
  top: -5px;
  background-color: transparent;
  color: #fd999a;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-size: 11px;
  line-height: 14px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover) ~ .placeholder {
  color: #fec8c9;
}
.formRow--input-wrapper .formRow--input:focus, .formRow--input-wrapper .formRow--input:hover {
  border-color: #fd999a;
}
.formRow .placeholder {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  padding: 0 10px;
  color: #95989a;
  white-space: nowrap;
  letter-spacing: .2px;
  font-weight: normal;
  font-size: 16px;
  -webkit-transition: all, .2s;
  transition: all, .2s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

* {
	margin:0px; 
	padding:0px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}

@font-face {
	font-family: Questrial; 
	src: url('../font/Questrial-Regular.ttf');
	font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
	width: 100%;
	font-family: 'Questrial', Brocha, Helvetica, sans-serif;
	lang: de;
	font-size: 15px;
}

#hinterGrund {
	position: relative;
}

.posRel {
	position: relative;
	margin: 0.5rem 0;
}

.posRelE {
	position: relative;
}

.farbe1 {
	color: #ECF0F5;
}

.hgFarbe1, .geschlechtAktiv, .partnerMenuePunkt:hover:not(.partnerMenueAusgewaehlt), .empfohlenEdit:hover, .empfohlenDelete:hover, .loadProvisionPDF:hover, .partnerAbrechnungenInnenWrap:hover, .buchungLizenz {
	background-color: #ECF0F5;
}

.hoverClass {
	background-color: #ECF0F5!important;
}

.border1 {
	border-color: #ECF0F5;
}

.farbe2, .formRow--input-wrapper.active .placeholder, .formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover) ~ .placeholder {
	color: #B7C4D8;
}

.hgFarbe2, #Anmelden:hover, .knopfExtra:hover, .knopfFenster:hover, .angebot, .partnerMenueAusgewaehlt, .buchungLizenz:hover:not(.buchungLizenzSelect) {
	background-color: #B7C4D8;
}

.deleteCode:hover {
	background-color: #FFF;
}

.border2, .formRow--input-wrapper .formRow--input:focus, .formRow--input-wrapper .formRow--input:hover {
	border-color: #B7C4D8;
}

.farbe3 {
	color: #7A8FB1;
}

.hgFarbe3, .buchungLizenzSelect, .knopfLogin:hover {
	background-color: #7A8FB1;
}

.border3 {
	border-color: #7A8FB1;
}

.farbe4 {
	color: #49648F;
}

.hgFarbe4 {
	background-color: #49648F;
}

.border4 {
	border-color: #49648F;
}

.farbe5 {
	color: #03060C;
}

.hgFarbe5 {
	background-color: #03060C;
}

.border5 {
	border-color: #03060C;
}

.farbeA {
	color: #FFDFA3;
}

.hgFarbeA, .angebot:hover, #registrationAbschluss, .angebot:hover .banner, .fehlerClassLogin {
	background-color: #FFDFA3;
}

.borderA {
	border-color: #FFDFA3;
}

.farbeB {
	color: #E2B96E;
}

.hgFarbeB, .angebot.angebotAusgewaehlt:hover, .angebotAusgewaehlt {
	background-color: #E2B96E;
}

.borderB, .fehlerClassLogin {
	border-color: #E2B96E;
}

.farbeC {
	color: #AA8239;
}

.hgFarbeC, .fehlerClassLogin .knopfLogin:hover {
	background-color: #AA8239;
}

.borderC, .fehlerClassLogin .knopfLogin, .bezahlBeschreibung {
	border-color: #AA8239;
}

.farbeD {
	color: #735215;
}

.hgFarbeD {
	background-color: #735215;
}

.borderD {
	border-color: #735215;
}

.farbeE {
	color: #3C2802;
}

.hgFarbeE {
	background-color: #3C2802;
}

.borderE {
	border-color: #3C2802;
}

.trennung {
	clear: both;
}

.schulVerknuepfung {
	margin-top: 10px;
}

.registerWrap {
	margin: 1rem 0;
	width: 400px;
	float: left;
}

.floatLinks {
	float: left;
}

.floatRechts {
	float: right;
}

.registerSuperWrap {
	max-width: 1400px;
    margin: 0 auto;
}

#codeEingabeWrap {
	margin-top: 2.5rem;
}

.indexLogo {
	background-image: url('../Bilder/svg/Logo/Logo-weich-oR.svg');
	background-position: center;
	background-repeat:no-repeat;
	background-size: 40%;
	width: 50%;
	max-width: 300px;
	height: 100px;
}

.indexLogoSchule {
	background-size: 40%;
	width: 40%;
	max-width: 200px;
	height: 80px;
	text-align: center;
	margin-left: 2rem;
	margin-right: 2rem;
	padding-top: 3rem;
}

.logoIndividuell {
	width: 75%;
	height: auto;
}

#fehlermeldung, #fehlermeldungPaket, #fehlermeldungAbschluss, #fehlermeldungMailAendern {
	color: yellow;
	background-color: #D00;
	padding: 1.5rem;
	font-weight: 600;
	text-align: center;
	margin: 2rem 0;
	font-size: 1.2rem;
	line-height: 150%;
}

#fehlerMeldungErfahrung {
	color: yellow;
	background-color: #D00;
	padding: 1rem;
	font-weight: 600;
	text-align: center;
	margin: 1rem 0;
	font-size: 1rem;
	line-height: 100%;
	display: none;
}

.falschAccept {
	color: red;
	font-weight: 600;
}

.buttonClass:not(:disabled):hover, .buttonClassKlein:not(:disabled):hover {
	background-color: #B7C4D8!important;
	color: #03060C;
}

.checkBoxClass {
	float: left;
	margin-top: 1px;
}

.labelWrap {
	margin-left: 20px;
}

.rechtsTeilWrap {
	margin: 1px 0;
}

#newsletterGrab {
	margin: 20px 0;
}

#rechtsWrap {
	margin: 20px 0;
}

.registerForm {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 0;
}

.registerInput {
	width: 100%;
	padding: 0.5rem 0.5rem;
	margin: 0.3rem 0;
}

.registerWrapKlein {
	margin: 0.5rem 0;
	width: 100%;
}

.rechtsRegister {
	margin-left: 100px;
}

.lizenzWrap {
	clear: both;
}

.buttonClass {
	padding: 20px;
	display: block;
	margin: 1rem 0 1rem;
	background-color: #FFF;
	border: 1px solid #999;
	cursor: pointer;
	width: 200px;
	text-align: center;
}

.buttonClassKlein {
	padding: 0.2rem 0.5rem;
	display: block;
	background-color: #FFF;
	border: 1px solid #999;
	cursor: pointer;
	width: 200px;
	text-align: center;
}

.buttonMitte {
	margin: 2rem auto 1rem;
}

.buttonMitte1 {
	margin: 1rem auto;
}

.saveButton {
	float: right;
} 

.buttonClass:disabled {
	opacity: 0.5;
	cursor: default;
}

.zurueckButton {
	float: left;
}

.clearBoth {
	clear: both;
}

.verstecktInit {
	display: none;
}

.registerGruppe {
	border-width: 1px;
	border-style: solid;
	padding: 0.5rem 10% 1rem;
	max-width: 400px;
	position: relative;
}

.registerGruppeLabel {
	position: absolute;
	left: 10%;
	top: -1rem;
	background-color: #FFF;
	padding: 0.5rem;
	color: #95989a;
}

#geschlechtsWahlKleinWrap {
	margin-top: 2rem;
}

.geschlechtWahl {
	width: 150px;
	padding: 20px;
	text-align: center;
	border: 1px solid #B7C4D8;
	color: #B7C4D8;
	cursor: pointer;
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;	
}

.geschlechtWahlKlein {
	width: 75px;
	padding: 5px;
	text-align: center;
	border: 1px solid #B7C4D8;
	color: #B7C4D8;
	cursor: pointer;
	float: left;
	margin: 5px;
}

.geschlechtAktiv {
	color: #000;
	font-weight: 600;
}

.infoFestHier.geschlechtAktiv {
	background-color: transparent;
	font-weight: 100;
}

.erklaerungRegister {
	color: #95989a;
	font-size: 1rem;
	padding: 5px 20px;
	clear: both;
	text-align: right;
}

.fehlerFeld, .fehlerFeldP {
	border-color: red!important;
	color: red!important;
	background-image:url('../Bilder/svg/falschAn.svg');
	background-repeat:no-repeat;
    background-position: 95% center;
    background-size: 15px;
}

.richtigFeld, .richtigFeldP {
	border-color: green!important;
	color: green!important;
	background-image:url('../Bilder/svg/richtigAn.svg');
	background-repeat:no-repeat;
    background-position: 95% center;
    background-size: 15px;
}

.richtigFeldP, .fehlerFeldP {
	padding-right: 2rem;
	margin-bottom: 1rem;
}

#payPalLos {
	background-image:url('../Bilder/paypal.png');
	background-repeat:no-repeat;
    background-position: 10px center;
    background-size: 80px auto;
	padding-left: 100px;
	padding-right: 100px;
}

#abschlussBericht p {
	margin: 0.3rem 0;
}

#mailNachrichtWegGrab {
	margin-top: 1rem;
}

.textCenter {
	text-align: center;
}

.font2 {
	font-size: 2rem;
	margin: 1rem;
}

#registrationsStatusWrap {
	padding: 20px;
	padding-right: 40px;
	font-size: 0;
}

.registerStation3er {
	padding: 20px 30px 20px 50px;
	width: 32%;
	margin-right: 1%;
	position: relative;
	height: 60px;
	background-color: #ECF0F5;
	text-align: center;
	display: inline-block;
	font-size: 1rem;
	cursor: pointer;
}

.registerStation {
	padding: 20px 30px 20px 50px;
	width: 48%;
	margin-right: 1%;
	position: relative;
	height: 60px;
	background-color: #ECF0F5;
	text-align: center;
	display: inline-block;
	font-size: 1rem;
	cursor: pointer;
}

.registerStation1er {
	width: 100%!important;
	margin: 0!important;
}

.registerStation::after, .registerStation3er::after {
	content: ' ';
	position: absolute;
	right: -29px;
	top: 0;
	width: 0; 
 	height: 0; 
  	border-top: 30px solid transparent;
  	border-bottom: 30px solid transparent;
    border-left: 30px solid #ECF0F5;
}

.registerStation::before, .registerStation3er::before {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 0; 
 	height: 0; 
  	border-top: 30px solid transparent;
  	border-bottom: 30px solid transparent;
    border-left: 30px solid #FFF;
}

.registerStation.aktStation, .aktStation.registerStation3er {
	background-color: #7A8FB1;
	color: #FFF;
}

.aktStation.registerStation::after, .aktStation.registerStation3er::after {
	border-left: 30px solid #7A8FB1;
}

#paketeWrap {
	width: 100%;
	font-size: 0;
	margin: 3rem 0;
}

.bezahlArtWrap {
	padding: 0.5rem;
	margin: 0.5rem 0;
}

.marginTop4 {
	margin-top: 4rem!important;
}

.bezahlArt {
}

.bezahlArtZusatz {
	margin-top: 1rem;
	padding: 0 3rem 2rem;
	border: 1px solid #CCC;
	max-width: 450px;
	margin: -20px auto 0;
}

#abweichenderKontoinhaberWrap {
	margin: 2rem 1rem 1rem;
}

#labelKontoinhaberWechsel {
	margin-left: 1.5rem;
}

.angebot {
	width: 42%;
	display: inline-block;
	font-size: 1rem;
	text-align: center;
	vertical-align: top;
	padding: 2rem 1rem;
	height: 620px;
	margin: 1rem 3.5%;
	position: relative;
	box-shadow: 0.5rem 0.5rem 1rem rgba(50, 50, 50, 0.4);
	color: #FFF;
	transition-duration: 0.5s;
	cursor: pointer;
}

.angebotBisFest {
	position: absolute;
	top: -0.9rem;
	left: 0;
	width: 100%;
	color: red;
	font-size: 0.8rem;
	text-align: center;
	width: 100%;
}

.bannerInside {
	position: relative;
}

.testphase {
	text-align: center;
	text-decoration: underline;
	color: red;
}

.hoeheExtra1 {
	height: 440px;
}

.hoeheExtra2 {
	height: 460px;
}

.hoeheExtra3 {
	height: 480px;
}

.hoeheExtra4 {
	height: 500px;
}

.hoeheExtra5 {
	height: 520px;
}

.hoeheExtra6 {
	height: 540px;
}

.banner {
	position: absolute;
	top: 200px;
	left:-20px;
	right: -20px;
	padding: 0.5rem;
	height: 70px;
	background-color: #FFF;
	border-bottom: 1px solid #999;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
	color: #000;
}

.angebotAusgewaehlt {
	transform: scale(1.1);
}

.angebotNixAusgewaehlt {
	transform: scale(0.9);
	opacity: 0.5;
}


.monatsKnopfText {
  margin: 2.5rem 0 1rem;
  font-size: 1.4rem;
}

.bezahlInfo {
	margin-top:1rem;
}

.monatsKnopfWrap {
	position: relative;
}

.monatsKnopf {
	position: relative;
	width: 24%;
	height: 2.3rem;
	display: inline-block;
	margin: 0 0.5%;
}

.monatsKnopfInnen {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0.5rem 0.3rem;
	text-align: center;
	border: 1px solid #999;
	transition-duration: 0.5s;
	line-height: 18px;
}

.monatGewaehlt {
	transform: scale(1.3);
  	background-color: green;
	color: #FFF;
	z-index: 100;
	-webkit-box-shadow: 0.2rem 0.2rem 0.3rem rgba(0,0,0,0.5);
	-moz-box-shadow: 0.2rem 0.2rem 0.3rem rgba(0,0,0,0.5);
	box-shadow: 0.2rem 0.2rem 0.3rem rgba(0,0,0,0.5);
	border: none;
}

.monatsKnopfText {
	margin: 2rem 0 1rem;
	font-size: 1.4rem;
}

.monatsKnopfInnen:not(.monatGewaehlt):hover {
	background-color: #FFF;
	transform: scale(1.1);
	cursor: pointer;
	color: #000;
}

.monateGross {
	font-size: 2rem;
}

.monateMittel {
	font-size: 1.4rem;
}

.monateKlein {
	font-size: 0.8rem;
}

.tempHeight {
	height: 120px;
}

.kleinerAbsatz {
	margin-top: 0.5rem;
}

.angebotAbschnitt {
	padding: 1.5rem;
}

.angebotAbschnittTrennung {
	border-bottom: 2px solid #FFF;
	width: 50%;
	margin: 0 auto;
}

.banner:before {
	content:"\A";
	width: 0; 
	height: 0; 
	border-top: 0px solid transparent;
	border-bottom: 20px solid transparent; 
	border-right:20px solid #999;	
	position: absolute;
	bottom: -20px;
	left: -1px;
}

.banner:after {
	content:"\A";
	width: 0; 
	height: 0; 
	border-top: 0px solid transparent;
	border-bottom: 20px solid transparent; 
	border-left:20px solid #999;	
	position: absolute;
	bottom: -20px;
	right: -1px;
}

.registerStation.ausgeschaltet, .registerStation3er.ausgeschaltet {
	opacity: 0.5;
	cursor: default;
}

.preisAngebot {
	padding: 1rem 0.5rem 1rem;
	font-weight: 600;
	font-size: 3rem;
}

.beschreibungAngebot {
	padding: 1rem;
}

.alterPreis {
	min-height: 1rem;
	margin-right: 0.5rem;
}

.preisDurchgestrichen {
	text-decoration: line-through;
	color: red;
}

.nahDran {
	margin-top: 0!important;
}

#preisXS {
	margin-top: 4.4rem;
}

.beschreibungAngebot p {
	line-height: 120%;
	margin: 1rem 0;
}

.angebotDauer {
	font-size: 2.6rem;
	margin-bottom: 1rem;
}

.angebotWrap {
	margin-bottom: 1rem;
}

#preistabelle {

}

.preisHier {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.preisLinks {
	padding: 5px;
	text-align: right;
	vertical-align: top;
}

.durchgestrichen {
	text-decoration: line-through;
}

.alterPreis {
	text-decoration: line-through;
	color: red;
	opacity: 0.8;
}

.infoKleiner {
	font-size: 0.8rem;
}

.einheitAngebot {
	font-size: 2rem;
}

.angebotGross {
	font-size: 2rem;
}

.angebotMittel {
	font-size: 1.5rem;
}

.angebotKlein {
	font-size: 1rem;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.uebersichtZeile {
	font-size: 1rem;
	margin: 0 0 0.2rem;
	padding: 0.2rem;
	margin-left: 120px;
}

.wasLinks {
	float: left;
	color: #999;
	padding-top: 0.2rem;
	text-align: right;
	width: 110px;
}

.absatz {
	margin-top: 1.5rem;
}

#uebersichtHier, #paketInformationen, #lastschriftInfoWrap {
	margin-top: 1rem;
	border-style: solid;
	border-width: 1px;
	padding: 2rem;
	position: relative;
}

#lastschriftInfoWrap {
	margin-top: 2rem;
}

#lastschriftAccept {
	float: left;
}

.informationLabel {
	position: absolute;
	left: 2rem;
	top: -1rem;
	padding: 0.5rem;
	background-color: #FFF;
}

#rabattInformationen, #codeListeWrap {
	padding: 20px;
	margin: 20px 0;
	border-style: solid;
	border-width: 1px;
	position: relative;
}

.codeWrap {
	padding: 20px;
	margin: 5px 0;
	position: relative;
}

.ungueltigerCode {
	background-color: red;
}

.nurBestimmteErklaerung {
	font-size: 0.8rem;
	text-align: center;
	margin: 0.3rem 0;
	color: #FFF;
	font-weight: 600;
}

.deleteCode {
	right: 5px;
	top: 5px;
	position: absolute;
	background-image: url(../Bilder/weg-damit.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px auto;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	cursor: pointer;
}

.rabattLeft {
	float: left;
	text-align: right;
	width: 80px;
}

.aktCode {
	margin-left: 90px;
}

.kleinText {
	font-size: 0.8rem;
}

.borderRot {
	border: 3px solid red;
}

.falscherCode {
	background-color: red;
	color: #FFF;
}

.richtigerCode {
	background-color: green;
	color: #FFF;
}

.preisInformationen {
	margin: 20px 0;
	padding: 20px;
}

.preisWeiterUnten {
	margin-top: 8rem;
}

.datenZusammenfassungWrap {
	margin: 2rem auto;
	max-width: 500px;
	position: relative;
	padding: 2rem;
}

.noPadding {
	padding: 0;
}

#mailAendern {
	padding-bottom: 3rem;
}

#bezahlWrap {
	margin: 2rem auto 3rem;
	padding: 2rem;
	font-size: 1.2rem;
	border: 1px solid #CCC;
}

.zahlKlein {
	font-size: 1.5rem;
	vertical-align: text-top;
	margin-top: 0.3rem;
	display: inline-block;
}

#codeAufklaerung {
	width: 100%;
	padding: 1rem;
	position: absolute;
	-webkit-box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.8);
	-moz-box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.8);
	box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.8);
}

.linkText, .linkTextWeiss {
	cursor: pointer;
	text-decoration: underline;
	background-image:url('../Bilder/icon-erklaerung.png');
	background-repeat:no-repeat;
    background-position: 2px center;
    background-size: 15px;
	padding: 1px 2px 1px 18px;
}

.linkTextWeiss:not(.linkAus):hover {
	background-color: #FFF;
}

.linkAus {
	cursor: default;
	color: #AAA;
}

#preisInternTable {
}

#preisInternTable .links, #preisInternTable .rechts {
	padding: 0.2rem 0.5rem;
	text-align: left;
}

.zusatzvereinbarung {
	font-weight: 600;
	color: red;
}

#Anmelden, .knopfExtra {
	padding: 0.5rem;
	margin: 0.5rem 0;
	width: 100%;
	padding: 0.5rem;
	text-align: center;
	margin-top: 0.5rem;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
}

.zurueckUntenRechts {
	padding: 0.2rem;
	cursor: pointer;
	text-align: right;
	font-size: 0.8rem;
	color: #666;
	margin-top: 0.5rem;
	position: absolute;
	bottom: 1rem;
	right: 2rem;
}

.zurueckUntenRechts:hover {
	color: #000;
}

#statusWrap {
	padding: 2rem 2rem 3rem;
    margin: 2rem auto 2rem;
    max-width: 400px;
	position: relative;
}

.akzeptierenWrap {
	padding: 2rem;
}

.knopfFenster {
	width: 50%;
	padding: 1rem;
	text-align: center;
	cursor: pointer;
	border-top: 1px solid #CCC;
}

#saveAccept {
	position: fixed;
	max-width: 400px;
	z-index: 1000;
	display: none;
	background-color: #FFF;
	padding-top: 3rem;
}

#block {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: 0.8;
	display: none;
	z-index: 500;
}

.knopfFensterR {
	float: right;
}

.knopfFensterL {
	float: left;
	border-right: 1px solid #CCC;
}

.preisLinks {
	color: #666;
    font-variant: small-caps;
}

.smallFont {
	font-size: 0.8rem;
	line-height: 100%!important;
    margin-top: -0.8rem!important;
}

.smallFontAbstand {
	font-size: 0.8rem;
	line-height: 100%!important;
    margin-top: 1rem!important;
}

.angebotWas {
	font-variant: small-caps;
	font-size: 1rem;
	margin-right: 0.5rem;
}

.beschreibungKonto {
	float: left;
	width: 35%;
	padding-right: 0.5rem;
	text-align: right;
}

.beschreibungKonto2 {
	float: left;
	width: 23%;
	padding-right: 0.5rem;
	text-align: right;
}

.beschreibungKonto1, .beschreibungKonto, .beschreibungKonto2 {
	font-variant: small-caps;
	color: #999;
}

.absatzKonto {
	margin-top: 0.6rem;
}

.extraAbsatzKonto {
	margin-top: 1.6rem;
}

.absatzKontoUnten {
	margin-bottom: 0.6rem;
}

.tableKonto {
	margin: 0.5rem;
	font-weight: 600;
}

.infoKontoAbgesetzt {
	font-weight: 600;
	margin: 0.5rem 0 0.5rem 2rem;
}

#kontoInfo, #kontoInfo1 {
	margin-top: 1rem;
}

.abstandUnten {
	margin-bottom: 0.5rem;
}

.abstandOben {
	margin-top: 1.5rem;
}

.paypalBild {
	margin-left: 0.5rem;
}

#kleingedrucktes, #kleingedrucktes1, #kleingedrucktes2 {
	padding: 1rem;
	margin: 1rem 3.5%;
	font-size: 0.8rem;
	text-indent: 30px;
	position: relative;
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
}

#kleingedrucktes2 {
	text-indent: 0;
}


.textRechtsKlein {
	text-indent: 40px;
}

.grossFont {
	font-size: 2.2rem;
	position: absolute;
	left: 0px;
	top: -4px;
	text-align: right;
	width: 25px;
	text-indent: 0;
}

.grossFont1 {
	font-size: 2.2rem;
	position: absolute;
	left: 0px;
	top: -6px;
	text-align: right;
	width: 35px;
}

.allgemeineBeschreibung {
	margin-top: 1.5rem!important;
}

#bildPfeil {
	background-image:url('../Bilder/Gif/pfeil9.gif');
	background-repeat:no-repeat;
    background-position: center center;
    background-size: contain;
	width: 40px;
	height: 50px;
	float: left;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.marginLeft50 {
	margin-left: 50px;
}

#mailKontoInfo {
	margin-top: 1rem;
}

#pflichtfelder {
	color: #666;
	text-align: right;
	margin-right: 20px;
}

.unterTitel {
	text-align: center;
	margin-bottom: 2rem;
}

.marginTop2rem {
	margin-top: 2rem;
}

.marginBottom2rem {
	margin-bottom: 2rem;
}

.fehlerCheckbox {
	background-color: red;
}

.rechtsTeilWrap  {
	padding: 0.5rem;
}

.zusatzVereinbarungCode {
	font-size: 0.8rem;
	margin: 0.5rem 0;
	color: red;
	font-weight: 600;
}

.codesZusatz {
	color: #000;
}

#empfehlungWrap {
	max-width: 400px;
}

.empfehlungWrap {
	padding: 0.2rem;
}

#empfehlungWrap input {
	margin-right: 0.5rem;
}

#nutzerEmpfehlungWrap p, #flyerEmpfehlungWrap p {
	font-size: 0.8rem;
	margin-top: 0.5rem;
}

.nutzerEingebenWrap fieldset {
	margin-top: 0.3rem;
}

#titelErfahrung {
	margin-bottom: 1rem;
	text-align: center;
}

#empfehlung {
	margin: 3rem 0;
	padding: 2rem 2rem 1rem;
	background-color: #FFF;
	display: none;
}

#empfehlungDanke {
	margin: 1rem 0;
}

#newsletterGrabTest {
	margin-top: 3rem;
}

#nutzerName {
	width: 100%;
	border: none;
	border-bottom: 1px solid #999;
}

.nutzerEingebenWrap {
	margin-left: 1.5rem;
	display: none;
	max-width: 300px;
}

#nutzerName {
	padding: 15px 20px;
	font-size: 16px;
	font-weight: 400;
}

.buttonKlein {
	padding: 1rem;
	width: 40%;
	max-width: 180px;
}

#telefonischerKontaktWrap {
	display: none;
	margin-top: 0.5rem;
	border: 1px solid #999;
	padding: 0 1rem 1rem;
	margin-top: -0.5rem;
}

#beratungNachricht, #inhaltsangabe, #umfrageInfo, #frageInfo {
	resize: none;
	width: 100%;
	padding: 0.5rem;
}

#stichwortAuswahl {
	width: 100%;
	margin-top: 2rem;
}

#blockStichwort, #blockSeminar, #blockTermine {
    padding: 1rem;
    border: 1px solid #666;
    margin-top: 2rem;
	min-height: 100px;
}

#blogLadenWrap, #umfrageLadenWrap, #frageLadenWrap, #terminLadenWrap {
	max-width: 600px;
	margin: 0 auto 2rem;
	padding: 1rem 1rem 0.2rem;
	border: 1px solid #666;
}

.blogLadAuswahl, .umfrageLadenAuswahl, .frageLadenAuswahl, .terminLadenAuswahl {
	background-color: green;
	color: #FFF;
}

.blogListeWrap, .umfrageListeWrap, .frageListeWrap, .terminListeWrap {
	padding: 0.2rem 0.4rem;
	cursor: pointer;
}

.blogListeWrap:not(.blogLadAuswahl):hover, .umfrageListeWrap:not(.umfrageLadenAuswahl):hover, .frageListeWrap:not(.frageLadenAuswahl):hover, .terminListeWrap:not(.terminLadenAuswahl):hover {
	background-color: #EEE;
}

#stichwortAuswahl, #seminareAuswahl {
	padding: 0.2rem 0.4rem;
	width: 100%;
}

.sichpunktWrap {
	position: relative;
	padding: 0.2rem 0.4rem;
}

.dasHierWeg {
	position: absolute;
	right: 0.2rem;
	top: 0.2rem;
	width: 1rem;
	height: 1rem;
	background-image: url('../Bilder/svg/close.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	cursor: pointer;
	border-radius: 0.5rem;
	opacity: 0.75;
	transition: all .3s ease-in-out;
	z-index: 20;
}

.dasHierWeg:hover {
    opacity: 1;
    background-color: #A8BDE7;
    transform: scale(1.2);
}

.marginOben1 {
	margin-top: 1rem!important;
}

#codeInfo {
	display: none;
	margin-bottom: 1rem;
}

.fehlerCodeTest {
	background-color: red;
	color: yellow;
	padding: 1rem;
}

.infoCodeTest {
	background-color: green;
	color: yellow;
	padding: 1rem;
}

.meldungWrap {
    font-size: 3rem;
    text-align: center;
    margin-top: 5rem;
}

.verlaengerDataWrap {
	font-size: 1.2rem;
	max-width: 300px;
	margin: 0 auto;
}

.verlangerungsAbsatz, .kursBuchenAbsatz {
	font-size: 1.2rem;
    max-width: 300px;
    margin: 0.5rem auto;
	text-align: right;
}

.kursBuchenAbsatz {
	font-size: 1rem;
	text-align: left;
}

.kursbeschreibung, .bezahlAuswahl {
	max-width: 300px;
    margin: 1rem auto;
	padding: 1rem;
	border: 1px solid #999;
	text-align: left;
	position: relative;
}

.bezahlAuswahl {
	margin-top: 1.5rem;
}

.ueberschriftPos {
	position: absolute;
	top: -0.5rem;
	left: 0.5rem;
	background-color: #FFF;
	padding: 0 0.5rem;
	color: #999;
}

.verlangerungsAbsatz1, .verlangerungsAbsatz2 {
	font-size: 1.2rem;
    max-width: 500px;
    margin: 0.5rem auto;
	padding: 0 1rem;
}

.verlangerungsAbsatz2 {
	padding: 0;
}

#selectVerlaengerMonate {
	font-size: 1.2rem;
	padding: 0.2rem 0.5rem;
	border: none;
	border-bottom: 1px solid #666;
}

.verlaengerDataWrap p {
	margin: 1rem 0;
}

.textRechts {
	text-align: right;
}

#gesamtPreisHier {
	font-weight: 600;
	border-bottom: 4px double #000;
}

.bezahlBeschreibung {
	margin-bottom: 1rem;
    padding: 1rem;
	background-color: #FFDFA3;
	border-width: 1px;
	border-style: solid;
}

.zusatzBeschreibung {
	margin: 0.5rem -0.5rem 1rem 1rem;
    padding: 1rem;
	background-color: #ECF0F5;
	border: 1px solid #999;
	font-size: 1rem;
}

.buttonWrapi {
	margin-top: 0.5rem;
	padding: 0.2rem 0.5rem;
	cursor: pointer;
	border: 1px solid #000;
	margin: 1rem auto 0;
    text-align: center;
	width: 270px;
}

.buttonWrapi:hover {
	background-color: #FFF;
}

.spezialInput, .spezialLabel {
	width: 49%;
	display: inline-block;
}

.spezialLabel {
	text-align: right;
}

.umfrageInfoWrap {
	max-width: 600px;
	width: 100%;
	padding: 1rem;
	margin: 1rem auto;
}

.umfrageUeberschrift {
	text-align: center;
	max-width: 600px;
	margin: 1rem auto;
}

.umfrageInfo {
	padding: 1rem;
	border: 1px solid #666;
	margin: 1rem auto;
	width: 300px;
}

.frageInfo {
	padding: 0.5rem;
	border: 1px solid #666;
	font-size: 0.8rem;
	margin-top: 0.2rem;
}

.umfrageAntwortGewaehlt {
	background-color: #BBF;
}

.umfrageFrageWrap {
	width: 610px;
	margin: 3rem auto;
	border-top: 5px solid #EEE;
    padding-top: 0.5rem;
}

.umfrageFrageWrapOkay {
	border-top-color: green;
}

#umfrageFertigSpeichern, #zurueckZurTerminfindung {
	margin: 1rem auto 2rem;
}

.bemerkungFrageWrap {
	width: 100%;
	margin: 0.5rem auto 0;
	position: relative;
}

.bemerkungFrageText {
	position: absolute;
	left: 1rem;
	top:0;
	background-color: #FFF;
	padding: 0 0.2rem;
}

.bemerkungFrage {
	resize: none;
	padding: 1rem;
	height: 100px;
	width: 100%;
	margin-top: 0.5rem;
}

.umfrageFrage, .umfrageAnfrageWrap {
	width: 300px;
	display: inline-block;
	vertical-align: top;
}

.umfrageFrage {
	padding: 0.2rem 1rem 0.2rem 0;
	text-align: right;
}

.umfrageAntwort {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0.2rem 0.5rem;
	cursor: pointer;
}

.umfrageAntwort:not(.umfrageAntwortGewaehlt):hover {
	background-color: #EEE;
}

.antwortSmiley {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
}

.themaWrap {
	text-align: center;
	margin-top:-1rem;
	max-width: 600px;
	margin: -1rem auto 1rem;
}

.antwortSmiley0 {
    background-image: url(../Bilder/svg/Smiley/smiley1.svg);
}

.antwortSmiley1 {
    background-image: url(../Bilder/svg/Smiley/smiley2.svg);
}

.antwortSmiley2 {
    background-image: url(../Bilder/svg/Smiley/smiley3.svg);
}

.antwortSmiley3 {
    background-image: url(../Bilder/svg/Smiley/smiley4.svg);
}

.antwortSmiley4 {
    background-image: url(../Bilder/svg/Smiley/smiley5.svg);
}

.seminarListeWrap, .termineListeWrap {
	position: relative;
	padding: 0.2rem 30px 0.2rem 0.5rem;
}

.seminarLoeschen:hover {
	background-color: #EEE;
}

.seminarLoeschen {
	cursor: pointer;
	position: absolute;
	right: 2px;
	top: 0;
	background-image:url('../Bilder/svg/close.svg');
    background-repeat:no-repeat;
    background-position:center center;
	background-size: 10px 10px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
}

.seminarWrap {
	text-align: left;
	margin: 0.5rem auto 2rem;
	max-width: 600px;
}

.einleitungsWrap {
	max-width: calc(600px - 2%);
	margin: 1rem auto 0.5rem;
	padding: 1rem;
	border: 1px solid #999;
}

.wichtigeMeldung {
	max-width: calc(600px - 2%);
	margin: 1rem auto 1rem;
	padding: 1rem;
	border: 1px solid #999;
}

.seminarTermin, .termineHier {
	width: 47%;
	margin: 0.2rem 1.5% 0.3rem;
	padding: 1rem;
	background-color: #999;
	color: #FFF;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	opacity: 0.8;
	vertical-align: top;
}

.seminarTermin:hover, .termineHier:hover {
	opacity: 1;
}

.seminarTerminJa, .termineHierJa {
	background-color: #0B0;
}

.auswahlFarbe2 {
	color: #0B0;
}

.auswahlFarbe1 {
	color: #BB0;
}

.auswahlFarbe0 {
	color: #999;
}

.termineHierEvtl, .seminarTerminEvtl {
	background-color: #BB0;
}

.seminarkommentarWrap, .terminkommentarWrap {
	width: 47%;
	margin: 0.2rem 1.5% 0.3rem;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.seminarkommentar, .terminkommentar {
	width: 100%;
	height: 3rem;
	border: 1px solid #666;
	padding: 0.5rem;
	resize: none;
}

.seminarkommentar {
	height: 4rem;
}

.seminarkommentarText, .terminkommentarText {
	position: absolute;
	left: 0.5rem;
	top: -0.5rem;
	background-color: #FFF;
	padding: 0 0.5rem;
	color: #666;
}

.seminarAuswahlWrap, .termineAuswahlWrap {
	margin: 1rem 0;
}

.hervorgehobenSeminar {
	padding: 1rem 0.5rem 0.5rem;
	border: 3px solid red;
}

#zusammenfassungTerminfindung {
	margin: 2rem 0;
}

#zusammenfassungTerminfindung p {
	margin: 0.5rem 0;
}

.marginTop1 {
	margin-top: 1.5rem!important;
}

#zusammenfassungTerminfindung .smallTitel {
	color: #999;
}

.seminarTerminInfoHier {
	margin: 0rem 1.5% 1rem;
    padding: 1rem;
    background-color: #999;
}

#einloggPartner {
	width: 250px;
	left: 50%;
	position: fixed;
	margin-left: -125px;
	top: 50%;
	margin-top: -70px;
	padding: 20px;
	border-width: 1px;
	border-style: solid;
	-webkit-box-shadow: 0.2rem 0.5rem 0.5rem rgba(0,0,0,0.5);
	-moz-box-shadow: 0.2rem 0.5rem 0.5rem rgba(0,0,0,0.5);
	box-shadow: 0.2rem 0.5rem 0.5rem rgba(0,0,0,0.5);
	background-color: #FFF;
}

.passwortFeld {
	width: 100%;
	border: none;
	border-bottom: 1px solid #B7C4D8;
	padding: 0.5rem;
}

.nameEinlogg {
  	text-align: center;
  	font-weight: 600;
  	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}

#Anmelden {
	margin-top: 1rem;
}

.seminarArtClass {
	color: #DDD;
	text-decoration: underline;
	font-size: 0.8rem;
	margin-bottom: 0.2rem;
}

#menuePartner {
	max-width: 700px;
	margin: 1rem auto;
	border-bottom: 1px solid #CCC;
	width: 100%;
}

.partnerMenuePunkt {
	display: inline-block;
	padding: 0.2rem 0.5rem;
	cursor: pointer;
}

.partnerMenueAusgewaehlt {
	color: #FFF;
}

.editDatenPartner {
	border: none;
	border-bottom: 1px solid #999;
}

#neueEmpfehlungWrap {
	width: 300px;
	margin: 1rem auto;
	padding: 1rem;
	border: 1px solid #999;
}

#nameEmpfohlenListe {
	margin: 1rem 0
}

#partnerAnWenEmpfohlen {
	width: 400px;
	display: inline-block;
	vertical-align: top;
}

#partnerUebersichtWrap {
	width: 100%;
	max-width: 700px;
	margin: 1rem auto;
}

#betragUebersicht {
	width: 250px;
	margin-right: 25px;
	display: inline-block;
	vertical-align: top;
	padding: 1rem;
	border: 1px solid #999;
}

#betragWrap {
	margin: 1rem auto;
	text-align: center;
}

#betragZahlHier {
	display: inline-block;
	font-size: 4rem;
}

#betragWaehrung {
	display: inline-block;
	font-size: 2rem;
	margin-left: 0.2rem;
}

.partnerAngabenFeld {
	width: 33%;
	display: inline-block;
	padding: 0.2rem;
	vertical-align: top;
}

.partnerAngabeInnerWrap {
	margin-right: 60px;
}

.partnerAbrechnungenInnenWrap {
	margin-right: 30px;
	cursor: pointer;
}

.loadProvisionPDF {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	width: 28px;
	height: 28px;
	float: right;
	cursor: pointer;
}

.loadProvisionPDF {
	background-image:url('../Bilder/pdf-icon1.png');
}

.empfohlenEdit {
	background-image:url('../Bilder/svg/editStift.svg');
	background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: right;
}

.empfohlenDelete {
	background-image:url('../Bilder/svg/muelleimer.svg');
	background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: right;
}

.listeEmpfohlenWrap {
	padding: 0.2rem 1rem;
	font-size: 0.8rem;
	margin-bottom: 1rem;
}

#partnerEinloggFehler {
	margin-top: 0.5rem;
	color: red;
	text-align: center;
}

.erklaerungWrap {
	max-width: 300px;
	width: 100%;
	padding: 1rem;
	margin: 1rem auto;
}

#mwstWrap {
	padding: 5px 0 5px 20px;
}

.adressDaten {
	width: 300px;
    margin: 0 auto 2rem;
}

.adressDaten1 {
	margin: 0 auto 2rem;
}

.klickeHier {
	color: blue;
	text-decoration: underline;
}

.klickeHier:hover {
	color: lightblue;
	cursor: pointer;
}

#buchungLizenzWrap {
	text-align: center;
	margin: 2rem 0;
}

.buchungLizenz {
	display: inline-block;
	padding: 1rem;
	transition-duration: 0.5s;
	cursor: pointer;
	margin: 0.5rem 1%;
	width: 45%;
    max-width: 300px;
}

.buchungLizenzSelect {
	transform: scale(1.2);
	cursor: default;
	color: #FFF;
	z-index: 10;
	position: relative;
}

.verlVermittlerInfo {
	font-size: 0.8rem;
	margin-top: 0.2rem;
}

.labelInfoFest {
	padding: 10px;
	display: inline-block;
	width: 150px;
	letter-spacing: .8px;
	font-size: 11px;
	text-align: right;
	color: #B7C4D8;
	text-transform: uppercase;
}

.wertInfoFest {
	display: inline-block;
	color: green;
	font-size: 16px;
	padding: 10px;
}

#nutzerRegisterText {
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-width: 1px;
	border-style: solid;
}

.linkRegister {
	display: inline-block;
	cursor: pointer;
	color: #F00;;
}

.knopfLogin {
	padding: 0.2rem;
	border-radius: 0;
	border: 1px solid green;
	background-color: transparent;
	cursor: pointer;
}

.knopfLogin:hover {
	color: #FFF;
}

#formRegister {
	margin-top: 1rem;
	text-align: center;
}

.linkRegister:hover {
	color: #F99;
}

.einloggElementWrap {
	margin-right: 80px;;
}

#knopfLogin {
	float: right;
	width: 75px;
}

.einloggElement {
	background-color: transparent;
	border: none;
    border-bottom: 1px solid #999;
	padding: 0.2rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.einloggElement50 {
	width: 45%;
	margin: 0 2.5%;
}

.angebotRadioZeit {
	position: absolute;
	left: 3px;
	top: 9px;
}

.angebotZeitWrap {
	padding-top: 6px;
}

.angebotZeitWrapClass, .angebotZeitWrapClass select {
	color: #CCC;
}

.angebotZeitWrapAuswahl, .angebotZeitWrapAuswahl select {
	color: green;
}

@media screen and (max-width: 950px) {
	
	#untenRegister {
		margin-top: 4rem;
	}

	#fehlermeldung, #fehlermeldungPaket, #fehlermeldungAbschluss, #fehlermeldungMailAendern {
		margin: 2rem 1.5rem;
	}
	
	.registerWrap {
		float: none;
		margin: 1rem auto;
	}
	
	.extraMarginTop {	
		margin-top: 2rem;
	}
	
	.registerGruppe {
		margin-top: 3rem;
	}
	
	#geschlechtsWahlWrap {
		width: 350px;
		margin: 0 auto;
	}
	
	.zurueckButton {
		margin-left: 20px;
	}
	
	.saveButton {
		margin-right: 20px;
	}
	
	.erklaerungRegister {
		margin-right: 20px;
	}
	
	#bezahlWrap {
		margin: 2rem 1.5rem;
	}
}

@media screen and (max-width: 850px) {
	
	.stationText {
		display: none;
	}
	
	.registerStation3er {
		width: 30%;
    	margin-right: 3%;
	}
	
	.registerStation {
		width: 47%;
    	margin-right: 3%;
	}
	
	
	.bezahlArtZusatz
	{
		margin: 0 auto;
	}
	
	.angebot {
		width: 90%;
		height: auto;
		margin: 2rem auto;
		max-width: 400px;
		display: block;
	}
	
	.banner {
		left: -20px;
	}
	
	.preisInfoWrapTemp {
		display: none;
	}
	
	#kleingedrucktes {
		width: 90%;
		margin: 3rem 5% 1rem;
	}
}

@media screen and (max-width: 620px) {
	.umfrageFrageWrap {
		width: 300px;
	}
	
	.seminarTermin, .termineHier, .terminkommentarWrap, .seminarkommentarWrap, .einleitungsWrap, .umfrageInfoWrap {
		width: 90%;
		min-width: 280px;
		margin: 1rem auto;
		display: block;
	}
}
	
@media screen and (max-width: 470px) {
	
	
	.registerWrap {
		width:300px;
	}
	
	.geschlechtWahl, .buttonClass {
		width: 120px;
	}
	
	#fehlermeldung, #fehlermeldungPaket, #fehlermeldungAbschluss, #fehlermeldungMailAendern {
		margin: 2rem 1rem;
	}
	
	.bezahlArtZusatz {
		padding: 0 1rem 1rem;
	}
	
	#bezahlWrap {
		margin: 2rem 0;
		padding: 1rem;
	}
	
	.beschreibungKonto, .beschreibungKonto2 {
		float: none;
		width: inherit;
		padding-right: 0;
		text-align: left;
	}
	
	.buchungLizenz {
		width: 100%;
}