.skip-link {position: absolute;top: -40px;left: 0;background: #000;color: #fff;padding: 8px;z-index: 100;text-decoration: none;transition: top 0.3s;}
.skip-link:focus {top: 0;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.sr-only-focusable:active,.sr-only-focusable:focus {position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;}

@charset "utf-8";
/* CSS Document */


/* remember to define focus styles! */
:focus, a:hover {
    outline: 1px dotted #000000 !important;
}

#linkeSpalte .article .title h1 {font-size: 19px !important;line-height: 21px;}

body { background: url(../images/bg_body.png); color: #555555; margin: 0px; padding: 0px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
img {border: 0px;}
#clear {clear: both;}
.clear {clear: both;}
.titlemargin {padding-top: 21px; margin-bottom: 10px; font-size: 15px;}


#wrap {display: block; margin: 20px;}
#wrap > .website {display: block; min-width: 320px; max-width: 1000px; background-color:#FFF; padding-bottom: 0px; box-shadow: 3px -3px 15px #a1a1a1;}

#wrap > .website .header {display: block; width: 100%;}
#wrap > .website .header > .head { display: block; padding: 20px 0px 0px 20px; }
#wrap > .website .header > .head .logo {display: block; margin-right: 0px;}
#wrap > .website .header > .head .logo img {max-width: 100%; }
#wrap > .website .header > .head .backto {font-size: 12px; font-weight: bold; padding-left: 5px; margin-bottom: 20px;}
#wrap > .website .header > .head .backto a {color:#a32021; background: url(../images/arrow_red_left.png) no-repeat 0px 3px; padding-left: 15px; text-decoration: none;}
#wrap > .website .header > .head .backto a:hover {text-decoration: underline; }
/*#wrap > .website .header .line {max-width: 100%; border-top: 2px dotted #A0A0A0; display: none;}*/

#wrap > .website .header > .menu {padding-left: 26px; padding-right: 0px; max-width: 100%; border-top: 2px dotted #A0A0A0; border-bottom: 2px dotted #A0A0A0; padding-top: 4px; padding-bottom: 3px;}
#wrap > .website .header > .menu ul {display: table; list-style-type: none; margin: 0px;padding: 0px; width: 100%; white-space: nowrap;}
#wrap > .website .header > .menu ul li {display: table-cell; color: #9B9B9B; font-size: 18px; width: 1px; white-space: nowrap;}
#wrap > .website .header > .menu ul li.dash {display: table-cell; color: #000000; font-size: 16px; padding-left: 10px; padding-right: 10px; width: 1px; white-space: nowrap;}
#wrap > .website .header > .menu ul li.kontakt {display: none;}
#wrap > .website .header > .menu ul li.home {padding-right: 10px;}
#wrap > .website .header > .menu ul li.home .homeicon { display: inline-block}
#wrap > .website .header > .menu ul li.home .homefont { display: none; }
#wrap > .website .header > .menu ul li.ltab {width: 100%;}
#wrap > .website .header > .menu ul li a { color:#9B9B9B; font-weight: bold; text-decoration: none;}
#wrap > .website .header > .menu ul li a:hover { color:#B12D30;}
#wrap > .website .header > .menu > .f43-3 {display: none;}

#linkeSpalte .article .title {margin-left: 15px; display: block;}
#linkeSpalte .article .textklappbox {border:1px solid #C7BEBB; display: block; margin-left: 0px; padding: 15px;}
#linkeSpalte .article .textklappbox > .textAbo {}
#linkeSpalte .article .textklappbox > .textInfo {}
#linkeSpalte .article .textklappbox > .textopen {display: block;}
#linkeSpalte .article .textklappbox > .textclose {display: none;}
#linkeSpalte .article .text a {font-size: 13px; font-weight: bold; color:#555555; background: url(../images/inhalt_pfeil_grau_s.png) no-repeat; padding-left: 16px; margin-left: 3px; text-decoration:none;}
#linkeSpalte .article .text a:hover {color:#a32021;}

#wrap > .website .RechteSpalte { float: right;  width: 220px;}
#wrap > .website .RechteSpalte > .block {padding: 20px 0px 20px 15px;}
#wrap > .website .RechteSpalte a {color: #393939; text-decoration: none; font-size: 12px; line-height: 16px;}
#wrap > .website .RechteSpalte a:hover { color: #a32021;}
#wrap > .website .RechteSpalte .fliesstext_lb {text-align: left;}
#wrap > .website .RechteSpalte p { color: #9b9b9b; font-size: 12px; margin-bottom: 0px; min-width: 160px; margin: 0px; padding: 0px;}
#wrap > .website .RechteSpalte p > span { line-height: normal !important;}
.georgia_fettkursiv_rot {font-family: Georgia; color: #a32021; font-weight: bold; font-style: italic; font-size: 15px;}
.fett_grau1 {color: #393939; font-weight: bold; font-size: 12px;}
.fett_grau3 {color: #757575; font-weight: bold; font-size: 12px;}
.standard_grau1 {color: #393939;}
.leerzeile_4px {height: 4px;}


#wrap > .website .LinkeSpalte { max-width: 879px !important; width: auto !important; display: block; margin-right: 220px; border-right: 1px #C3C3C3 solid; margin-top: 20px; padding-right: 0px; float: none !important;}
#wrap > .website .LinkeSpalte .block {padding: 0px 15px 0px 20px;}
#wrap > .website .LinkeSpalte .bigimage {float: none; width: 100%; background: url('../images/big_box.png') no-repeat; background-position: bottom 0px right 0px;}
#wrap > .website .LinkeSpalte .bigimage > .block {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#wrap > .website .LinkeSpalte .bigimage > .block > .rahmen { border: 1px #C3C3C3 solid; padding: 10px 10px 10px 10px;margin: 0px 0px 10px 0px; }
#wrap > .website .LinkeSpalte .bigimage > .block > .rahmen img { max-width: 100%; }
#wrap > .website .LinkeSpalte .article {clear: none !important;}
#wrap > .website .LinkeSpalte .probelesen {text-align:center; margin-top:10px;margin-bottom:10px;}
#wrap > .website .LinkeSpalte .probelesen a {display:inline-block; height: 36px; background:url(../images/button_login.png) center right no-repeat;margin-right:25px;margin-left:25px;padding-right:50px;line-height:36px;font-family:Georgia;font-style:italic;font-weight:bold;font-size:18px;text-decoration:none;color:#a32021;padding-top:10px;padding-bottom:10px;}
#wrap > .website .LinkeSpalte .probelesen a:hover {text-decoration:underline;}


#wrap > .website .LinkeSpalte .miniboxen { width: 100%; float: left; margin-top: 3px; margin-bottom: 3px;}
#wrap > .website .LinkeSpalte .miniboxen > .box {display: block; float: left; width: 50%; display: inline-block; margin-bottom: 10px;}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen { display: block; margin-left:5px; margin-right:5px; border: 2px dotted #a32021;}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .topic { display: block; background-color: #a32021; color: #FFF; font-family: "Lucida Grande", Arial, Helvetica,sans-serif; font-size: 20px; font-weight: bold; text-align: center; padding-top: 3px; padding-bottom: 3px;}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content {display: block; overflow:hidden; width: 100%; height: 158px; background: url('../images/miniboxen_bg.png') center top no-repeat;}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content > .contentLINK { position: relative; margin-top: 0px; margin-left: 0px; z-index: 500;}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content > .contentLINK a {}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content > .contentLINK img { height: 158px; width: 100%;}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content > .contentCTA {position: absolute; b}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content > .contentMEDIA { position: relative; margin-top: -160px; margin-left: 0px; width: 100%; text-align:center; vertical-align:middle}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content > .contentMEDIA img { overflow: hidden; width: 80%;}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content > .verschenken img { width: 100% !important;}
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content > .studenten img { width: 100% !important;}

#wrap > .website .LinkeSpalte .bestellung_intro {}
#wrap > .website .LinkeSpalte .bestellung_intro .image { float: left; width: 220px; margin-right: 0px;}
#wrap > .website .LinkeSpalte .bestellung_intro .image img {border: 1px solid #C2C2C2; margin: 0px; max-width: 100%; min-width: 50%;}
#wrap > .website .LinkeSpalte .bestellung_intro .content { display: block; max-width: 435px; min-width: 200px; margin-left: 240px; padding-top: 5px; font-size: 13px; line-height: 18px; font-family: "Lucida Grande", Arial, Helvetica,sans-serif; color: #555555;}
#wrap > .website .LinkeSpalte .bestellung_intro .content h2 { color: #b12d30; font-family: Georgia,serif; font-size: 20px; font-style:italic; letter-spacing: 0.3px; margin: 0 0 20px 0; display: block; font-weight: bold; line-height: 28px;}

/* images korrigieren */
@media screen and (max-width:1020px) {
#wrap > .website .LinkeSpalte .bestellung_intro .image { width: 180px; }
#wrap > .website .LinkeSpalte .bestellung_intro .content   {margin-left: 200px;}
}
@media screen and (max-width:900px) {
#wrap > .website .LinkeSpalte .bestellung_intro .image { width: 140px; }
#wrap > .website .LinkeSpalte .bestellung_intro .content   {margin-left: 160px;}
#wrap > .website .LinkeSpalte .probelesen a {margin-right:0px;margin-left:0px;}
}
@media screen and (max-width:850px) {
#wrap > .website .LinkeSpalte .bestellung_intro .image { width: 110px; }
#wrap > .website .LinkeSpalte .bestellung_intro .content   {margin-left: 130px;}
}
@media screen and (max-width:800px) {
#wrap > .website .LinkeSpalte .bestellung_intro .image { width: 80px; }
#wrap > .website .LinkeSpalte .bestellung_intro .content   {margin-left: 100px;}
}
@media screen and (max-width:680px) {
#wrap > .website .LinkeSpalte .bestellung_intro .image { width: 150px; }
#wrap > .website .LinkeSpalte .bestellung_intro .content   {margin-left: 170px;}
}
@media screen and (max-width:600px) {
#wrap > .website .LinkeSpalte .bestellung_intro .image { width: 130px; }
#wrap > .website .LinkeSpalte .bestellung_intro .content   {margin-left: 150px;}
}
@media screen and (max-width:540px) {
#wrap > .website .LinkeSpalte .bestellung_intro .image { width: 100px; }
#wrap > .website .LinkeSpalte .bestellung_intro .content   {margin-left: 110px;}
}
@media screen and (max-width:450px) {
#wrap > .website .LinkeSpalte .bestellung_intro .image { width: 80px; }
#wrap > .website .LinkeSpalte .bestellung_intro .content   {margin-left: 90px;}
#wrap > .website .LinkeSpalte .probelesen a {padding-right:40px;font-size:16px;}
}
/* images korrigieren */


#wrap > .website .LinkeSpalte .bestellung_formular {margin-top: 20px;}
#wrap > .website .LinkeSpalte .bestellung_formular .klappbox {border: 1px solid #726865; margin-bottom: 12px;}
#wrap > .website .LinkeSpalte .bestellung_formular .klappbox  > .title {padding: 3px 0px 3px 16px;font-family: Georgia;font-size: 15px;font-style: italic;font-weight: bold;display: block;}

#wrap > .website .LinkeSpalte .bestellung_formular .klappopen {border: 1px solid #A32021; background-color: #ffffff;}
#wrap > .website .LinkeSpalte .bestellung_formular .klappopen > .title {color: #ffffff; background-color: #A32021;}
#wrap > .website .LinkeSpalte .bestellung_formular .klappopen > .content {display: block;}
#wrap > .website .LinkeSpalte .bestellung_formular .klappclose {background-color: #EEEDEC;}
#wrap > .website .LinkeSpalte .bestellung_formular .klappclose > .title {color: #726865;}
#wrap > .website .LinkeSpalte .bestellung_formular .klappclose > .content {display: none;}

.klappbox { border: 1px solid #C7BEBB; margin-bottom: 12px; width: 100%;}
.klappbox >   .title {padding: 3px 0px 3px 16px; font-family: Georgia; font-size: 15px; font-style: italic; font-weight: bold; display: block; color: #A32021;}
.klappclose > .title { color: #978D89; }
.klappopen  > .title {color: #A32021; background-color:#A32021; }

.klappclose > .arrow {padding-left: 18px; background: url('../images/arrow.png') 0px 2px no-repeat; cursor: pointer;}
.klappopen  > .arrow {padding-left: 18px; background: url('../images/arrow_c.png') 0px 2px no-repeat; cursor: pointer;}

.klappclose {background-color: #E5E0DE; }
.klappopen {background-color: #ffffff; border: 1px solid #A32021;}

.klappclose > .content { display: none;}
.klappopen  > .content {display: block;}

.klappbox > .content { padding-bottom: 14px;}
.klappbox > .content img {}
.klappbox > .content .anmelden { margin: 15px 16px 3px 16px; border: 1px solid #C7BEBB; background-color: #F7F5F4; padding-bottom: 14px; }
.klappbox > .content .anmelden:hover { margin: 15px 16px 3px 16px; border: 1px solid #C7BEBB; background-color: #ffffff; }
.klappbox > .content .anmelden .formbox > .button > button.next { border: 1px solid #C7BEBB; background-color: #E5E0DE; color: #978D89; margin-left: 10px;}
.klappbox > .content .anmelden:hover .formbox > .button > button.next { border: 1px solid #A32021; background-color: #A32021; color: #ffffff; margin-left: 10px;}
.klappbox > .content .anmelden .formbox > .form input[type='text'] {border: 1px solid #C7BEBB; background-color: #E5E0DE; }
.klappbox > .content .anmelden .formbox > .form input[type='password'] {border: 1px solid #C7BEBB; background-color: #E5E0DE; }
.klappbox > .content .anmelden:hover .formbox > .form input[type='text'] {border: 1px solid #C7BEBB; background-color: #ffffff; }
.klappbox > .content .anmelden:hover .formbox > .form input[type='password'] {border: 1px solid #C7BEBB; background-color: #ffffff; }


#linkeSpalte .article .klappboxresponsive .text {float: left; margin-left: 0px !important;width: 45%; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; color:#555555; font-style: normal; font-weight: normal; }
#linkeSpalte .article .klappboxresponsive .textlong {float: none; width: 95%; }
.klappboxresponsive {margin-left: 0px; margin-right: 0px;}
.klappboxresponsive .content {}
.klappboxresponsive .content .textbox {width: 95% !important; float: none !important;}
.klappboxresponsive .content ul.p {padding:0px;margin:0px; padding-top: 10px !important;}
.klappboxresponsive .content li {padding:0px;margin:0px; clear: both; margin-bottom: 20px; color: #A32021 !important; font-family: Georgia; font-size: 15px; font-style: italic; font-weight: bold;}
.klappboxresponsive .content div.image {float:right;width: 50%;}
.klappboxresponsive .content div.image > img { border: 1px solid #C3C3C3; width: 95%;}
.klappboxresponsive .textboxlast {margin-top: 20px !important; margin-bottom: 0px !important;}

#frage_allgemein_4 {display:none;}
#kontaktfooter {display:none; margin-top: 10px; padding-bottom: 20px; font-size: 11px;}
#kontaktfooter .kontaktfooterUL {}
#kontaktfooter .kontaktfooterUL ul {margin:0px; padding:0px;}
#kontaktfooter .kontaktfooterUL li { list-style: none; float: left;}
#kontaktfooter .kontaktfooterUL li.item1 {width: 29%;}
#kontaktfooter .kontaktfooterUL li.item2 {width: 35%;}
#kontaktfooter .kontaktfooterUL li.item3 {width: 35%;}
#kontaktfooter .kontaktfooterUL a {font-style: normal;font-weight:normal;}
@media screen and (max-width:560px) 
{
#kontaktfooter {font-size: 13px;}
#kontaktfooter .kontaktfooterUL li { float: none;}
#kontaktfooter .kontaktfooterUL li.item1 {width: 100%;}
#kontaktfooter .kontaktfooterUL li.item2 {width: 100%;}
#kontaktfooter .kontaktfooterUL li.item3 {width: 100%;}    
}
.systemvoraussetzungen {display: block; margin-top: 0px;}
.systemvoraussetzungen .text {padding-right: 10px;}
.kontaktbox {display: block;}

.klappbox > .content .linie {margin: 16px 16px 16px 16px; border-bottom: 1px dashed #A32021;}
.klappbox > .content .title {margin: 15px 16px 3px 16px; font-family: Georgia; font-size: 15px; font-style: italic; font-weight: bold; display: block; color: #4B4442;}
.klappbox > .content .textbox { float: left; width: 200px; font-size: 15px; line-height: 20px; color: #555555; }
.klappbox > .content .anmelden > .textbox {width: 170px;}
.klappbox > .content .textbox2 { width: 225px !important;}
.klappbox > .content .textbox > .text { margin: 10px 0px 10px 14px;}
.klappbox > .content .textbox > .text p {margin-bottom: 5px;}

.klappbox > .content .formbox { float: right; display: block; width: 430px; margin-right: 10px; margin-top: 10px; }
.klappbox > .content .formbox > .text { font-size: 13px; line-height: 16px; color: #555555;}
.klappbox > .content .formbox > .radio { margin-top: 5px; clear: both; font-size: 13px; line-height: 16px; color: #555555; }
.klappbox > .content .formbox > .sepa { margin-bottom: 10px !important; }
.klappbox > .content .formbox > .span { margin-top: 30px !important; }
.klappbox > .content .formbox > .sub { margin-top: 5px; clear: both; font-size: 13px; line-height: 16px; color: #978D8B; }
.klappbox > .content .formbox > .step6 { margin-top: 15px; }
.klappbox > .content .formbox > .sub sub { font-size: 25px;  color: #A32021; }
.klappbox > .content .formbox > .form {margin-bottom: 5px;text-align: left;}
.klappbox > .content .formbox > .form input[type='text'], input[type='password'], select, textarea {  margin: 0px !inportant; padding: 3px 5px 3px 5px; width: 100%; border: 1px solid #C7BEBB; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.klappbox > .content .formbox > .form select {margin: 0px !inportant; padding: 3px 5px 3px 5px; width: 100%; border: 1px solid #C7BEBB; }
.klappbox > .content .formbox > .form input[type='text'].m {width: 85%; }
.klappbox > .content .formbox > .form input[type='text'].s {width: 10%; }
.klappbox > .content .formbox > .form input[type='text'].t:first-child { float: left; }
.klappbox > .content .formbox > .form input[type='text'].t:last-child { float: right; }
.klappbox > .content .formbox > .form input[type='text'].bic { max-width: 218px; letter-spacing: 10px; text-transform: uppercase; font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;  border: solid 0px #000;  background: url(../images/bic-background.png) no-repeat; padding: 5px 5px 5px 5px; }
.klappbox > .content .formbox > .form input[type='text'].iban { max-width: 325px; letter-spacing: 6px; text-transform: uppercase; font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; border: solid 0px #000; background: url(../images/iban-background.png) no-repeat; padding: 5px 5px 5px 5px; }

.klappbox > .content .formbox > .form select.m {margin: 0px !inportant; padding: 3px 5px 3px 5px; width: 48% !important; border: 1px solid #C7BEBB; }
.klappbox > .content .formbox > .form select.m:first-child { float: left; }
.klappbox > .content .formbox > .form select.m:last-child { float: right; }

.klappbox > .content .formbox > .form select.s {float: left;margin: 0px !inportant; padding: 3px 5px 3px 5px; width: 30%; border: 1px solid #C7BEBB; margin-right: 10px; }
.klappbox > .content .formbox > .form select.s:last-child { margin-right: 0px; }

.klappbox > .content .formbox > .button { text-align: right; margin-top: 30px;}
.klappbox > .content .formbox > .button > button { width: 175px; border: 1px solid #C7BEBB; background-color: #E5E0DE; cursor: pointer; padding-top: 2px; padding-bottom: 2px; color: #978D89; margin-top: 0px; margin-bottom: 5px;}
.klappbox > .content .formbox > .button > button.next { border: 1px solid #A32021; background-color: #A32021; color: #ffffff; margin-left: 10px;}


.klappbox > .content .clear { clear: both; margin-bottom: 0px;}
.klappbox > .content ul.p { }
.klappbox > .content ul.p li {margin-left: 14px; list-style-type: decimal;font-size: 13px; line-height: 16px; color: #555555;}

.klappbox .frage a { font-style: normal !important;}
.frage_antwort a {font-style: normal !important; font-weight: normal !important; color: #A32021 !important; }
.frage_antwort a:hover { text-decoration: underline !important; }
.klappbox ul.fragen {margin: 10px 0 0 15px !important; padding: 0px;}
.klappbox li.frage {clear: none; display: block; list-style:none; border-top: 1px dotted #A32021; border-bottom: 0px dotted #A32021; color:#393939; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 0 !important; padding: 3px 0 3px 3px !important;}
.klappbox li.frage:first-child { border: none; }
.klappbox li.frage:last-child { border-top: 1px dotted #A32021; }
.klappbox li.frage > .show_antwort {float: left; display: inline-block; width: 15px; padding-bottom: 0px !important;}
.klappbox li.frage > .show_antwort a.showopen {background: url(../images/inhalt_pfeil_grau_s.png) no-repeat; padding-left: 12px;}
.klappbox li.frage > .show_antwort a.showclose {background: url(../images/inhalt_pfeil_grau.png) no-repeat; padding-left: 12px;}
.klappbox li.frage > .frage_antwort {clear: both; font-size: 12px; font-weight: normal; padding: 0px; margin: 5px 5px 5px 15px; display: none; height: auto;}
.klappbox li.frage > .clear {clear: both; display: block; width: 547px; padding: 0px; margin: 0px; display: block; height: 1px;}



/*miniboxen korrigieren */
@media screen and (max-width:920px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content {height: 100px;}	
}
@media screen and (max-width:825px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content {height: 158px;}
#wrap > .website .LinkeSpalte .miniboxen > .box {float: none; width: 100%; }
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen { margin-left:0px; margin-right:0px;}
}
@media screen and (max-width:680px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content {height: 100px;}
#wrap > .website .LinkeSpalte .miniboxen > .box {float: left; width: 50%; }
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen { margin-left:5px; margin-right:5px;}
}
@media screen and (max-width:450px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .content {height: 158px;}
#wrap > .website .LinkeSpalte .miniboxen > .box {float: none; width: 100%; }
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen { margin-left:0px; margin-right:0px;}
}
@media screen and (max-width:850px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .topic { font-size: 18px;}	
}
@media screen and (max-width:800px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .topic { font-size: 20px;}	
}
@media screen and (max-width:600px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .topic { font-size: 18px;}	
}
@media screen and (max-width:500px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .topic { font-size: 16px;}	
}
@media screen and (max-width:450px) {
#wrap > .website .LinkeSpalte .miniboxen > .box > .rahmen > .topic { font-size: 20px;}
}
/*miniboxen korrigieren */

#wrap .footer {color: black; margin-bottom: 18px; border-top: 1px solid #9b9c98; border-bottom: 1px solid #9b9c98; min-width: 320px; max-width: 1000px; margin-top: 18px;font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica,sans-serif;}
#wrap .footer > .box { padding: 4px 10px 4px 10px; text-align: center;}
#wrap .footer > .box a { color: #393939; margin-right: 33px; text-decoration: none; }
#wrap .footer > .box a:hover { color: #a32021; }

#wrap .footerlinks {font-size: 11px; color: #555555; font-family: "Lucida Grande", Arial, Helvetica,sans-serif;}
#wrap .footerlinks > ul {margin:0px;padding:0px; }
#wrap .footerlinks > ul li {width: 140px; margin: 0px 0px 8px 0px; float: left; list-style-type: none; list-style-position: outside; list-style-image: none; }
#wrap .footerlinks > ul li.small {width: 80px !important;}
#wrap .footerlinks > ul li.big {width: 150px !important;}
#wrap .footerlinks a { color: #393939; margin-right: 0px; text-decoration: none;}
#wrap .footerlinks a:hover { color: #a32021; }

#footer {max-width: 1000px;width: unset;font-size: 11px !important;}
#wrap .newfooter > .footerleiste {color: black; margin-bottom: 18px; border-top: 1px solid #9b9c98; border-bottom: 1px solid #9b9c98; min-width: 320px; max-width: 1000px; margin-top: 18px;font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica,sans-serif;padding-bottom: 7px;}
#footer > .footerleiste {height: unset;}
#wrap .newfooter > .footerleiste > .about { padding: 4px 10px 4px 10px; text-align: center;font-size: 11px;float: none;width: auto;}
#wrap .newfooter > .footerleiste > .about a { color: #393939; margin-right: 33px; text-decoration: none;}
#wrap .newfooter > .footerleiste > .about a:hover { color: #a32021; }
#wrap .newfooter > .footerleiste > .social { display:none; }

#wrap .newfooter > ul {margin:0px;padding:0px; font-size: 11px; color: #555555; font-family: "Lucida Grande", Arial, Helvetica,sans-serif;}
#wrap .newfooter > ul li {width: 145px; margin: 0px 0px 8px 0px; float: left; list-style-type: none; list-style-position: outside; list-style-image: none; }
#wrap .newfooter > ul li.small {width: 90px !important;}
#wrap .newfooter > ul li.big {width: 160px !important;}
#wrap .newfooter > ul li.none {display:none;}
#wrap .newfooter a { color: #393939; margin-right: 0px; text-decoration: none; }
#wrap .newfooter a:hover { color: #a32021; }

input.optoutbutton {border: 1px solid #A32021; background-color: #A32021; color: #ffffff; width: 61px; padding-top: 2px; padding-bottom: 2px; float: left; margin-top: 5px; cursor: pointer;}
div.optouttext { margin-left: 20px; width: 450px; display: inline-block; clear: both;}

input.optinbutton {border: 1px solid #A32021; background-color: #A32021; color: #ffffff; width: 61px; padding-top: 2px; padding-bottom: 2px; float: left; margin-top: 5px; cursor: pointer;}
div.optintext {margin-left: 20px; width: 450px; display: inline-block; clear: both;}


/* Menü austauschen */
@media screen and (max-width:680px) {
#wrap > .website .header .line {display: block;}


#wrap > .website .LinkeSpalte { margin-right: 0px; border-right: 0px #C3C3C3 solid;}
#wrap > .website .LinkeSpalte > .block {padding: 0px 20px 0px 20px;}
#wrap > .website .RechteSpalte { float: none; width: 100%; display: none; }


#wrap .footer > .box a { line-height: 25px;  margin-right: 18px; }
#wrap .footer > .box span { line-height: 25px; display: inline-block; }
#wrap .footer {font-size: 12px; }



.systemvoraussetzungen {display:none;}
.kontaktbox {display: none;}
#frage_allgemein_4 {display:block;}
#kontaktfooter {display:block;}
}
/* Menü austauschen */


/* Footer korrigieren */
@media screen and (max-width:1020px) {
#wrap .footerlinks {display: none;}
#wrap .newfooter > ul {display: none;}
}
@media screen and (max-width:640px) {
#wrap > .website .header > .menu {padding-left: 0px; }
#wrap > .website .header > .menu > .f43-3 {}
#wrap > .website .header > .menu ul {display: block;}
#wrap > .website .header > .menu ul li {display: block; border-top: 1px dotted #C3C3C3 !important; width: 99%;}
#wrap > .website .header > .menu ul li div {margin: 3px 26px 3px 26px;}
#wrap > .website .header > .menu ul li:first-child {border-top: 0px dotted #C3C3C3 !important;}
#wrap > .website .header > .menu ul li.home {}
#wrap > .website .header > .menu ul li.home .homeicon {display:none;}
#wrap > .website .header > .menu ul li.home .homefont {display: block;}
#wrap > .website .header > .menu ul li.dash {display:none;}
#wrap > .website .header > .menu ul li.ltab {display:none;}
}
/* Footer korrigieren */


/* Smarphone */
@media screen and (max-width:540px) {
body {  margin:5px;}
#wrap { margin: 0px;}
#wrap > .website {box-shadow: none; border: 1px #A9ABAC solid; }
#wrap > .website .header > .menu ul li div {margin: 3px 20px 3px 16px;}

#wrap > .website .header > .head { display: block; padding: 20px 20px 0px 10px; }
#wrap > .website .LinkeSpalte > .block {padding: 0px 10px 0px 10px;}

#wrap .footer > .box a { line-height: 20px;  margin-right: 15px; }
#wrap .footer > .box span { line-height: 20px; display: inline-block; }
#wrap .footer {font-size: 10px; }
}


@media screen and (max-width:380px) {
.klappbox > .content .formbox > .form input[type='text'].iban { max-width: 300px; background: url(../images/iban-background_m.png) no-repeat; padding: 5px 5px 5px 5px; letter-spacing: 4px;}
}


@media screen and (min-width:541px) {
#wrap > .website .header > .menu {right: 40px; top: 83px;}	
}
/* Smarphone */


@media screen and (max-width:500px) {
#linkeSpalte .article .klappboxresponsive .text {float: none; width: 95%; margin-bottom: 5px;}
.klappboxresponsive .content div.image {float:left;width: 95%; margin-bottom: 20px;}
.klappboxresponsive .textboxlast {margin-top: 0px !important;}
#linkeSpalte .article li:last-child {margin-bottom: 0px;}
.klappbox > .content > .textbox {margin-top: 0px !important;}
#wrap .newfooter > .footerleiste > .about { padding: 4px 10px 19px 10px; text-align: left;width: unset;    float: none;}
#wrap .newfooter a { position: absolute; margin-top: 15px; margin-left: 80px;}
#wrap .newfooter a:first-child {margin-left: 0px;}
#wrap .newfooter a:last-child {margin-left: 160px;}
}


.layerbackground {position:absolute; top: 0px; left: 0px; padding-top:140px; background:#AAA url(../images/overlay_bg.png); opacity:1; background-color: transparent !important; display: block; width: 100%; min-height: 2000px; text-align: center;z-index: 1001;}
.layerbackground > .layer {max-width: 650px; min-width: 300px; margin: 0px auto; text-align: left;z-index: 1002; }
.layerbackground > .layer > .rahmen {display: block; min-width:290px; background-color: #ffffff; border: 3px solid #C3C3C3; margin-left: 20px; margin-right: 20px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif;}
.layerbackground > .layer > .rahmen > .header {max-width: 650px; min-width: 290px; text-align: right; height: 0px;}
.layerbackground > .layer > .rahmen > .header a {position: relative; top: -21px; right: -12px; background: url(../images/close.png) top right no-repeat;padding-right:27px !important; padding-bottom: 16px; text-transform: uppercase !important; color:#9b9b9b !important; font-size: 11px !important; height:30px !important; line-height:16px !important; text-decoration:none !important; font-weight:bold !important; font-style: normal !important;}
.layerbackground > .layer > .rahmen > .inhalt {margin: 10px;}
.layerbackground > .layer > .rahmen > .inhalt > .left  {width: 48%;  }
.layerbackground > .layer > .rahmen > .inhalt > .right {width: 49%; border-left: 1px dashed #A32021; }
.layerbackground > .layer > .rahmen > .inhalt > .box {float: left; }
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox {}
.layerbackground > .layer > .rahmen > .inhalt > .left  > .innerbox  {margin-right: 5px; }
.layerbackground > .layer > .rahmen > .inhalt > .right > .innerbox { margin-left: 13px; }
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .title {font-family: Georgia; color: #a32021; font-weight: bold; font-style: italic; font-size: 15px; margin-bottom: 15px; margin-top: 5px; line-height: 20px;}
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .title span {display: inline-block;}
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .text {color: #555555; font-size: 13px; line-height: 17px;}
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .link {margin-top: 20px; margin-bottom: 20px; height: 22px;}
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .link a {border:1px solid #A32021;background-color:#A32021; color:#ffffff !important; margin-left:0px; padding-top:2px; padding-bottom:2px; margin-bottom: 0px; font-style: normal !important; padding: 5px 20px 3px 20px; font-weight: normal !important;}
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .link a:hover {border:1px solid #A32021 !important; background-color:#ffffff !important; color:#A32021 !important;}
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .buttons {padding-left: 15px; margin-top: 20px; max-width: 236px;}
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .buttons ul {margin: 0px; padding: 0px; list-style: none;}
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox > .buttons li { float: left; margin-left: 5px;}
.layerbackground > .layer > .rahmen > .inhalt > .faq {border-top: 1px dashed #A32021;margin-top: 15px; padding-top: 10px; padding-bottom: 3px; text-align: center;}
.layerbackground > .layer > .rahmen > .inhalt > .faq a {font-style: normal !important; font-weight: normal !important; color: #a32021 !important; text-decoration: none !important;}
.layerbackground > .layer > .rahmen > .inhalt > .faq a:hover {text-decoration: underline !important;}

@media screen and (max-width:680px) {
.layerbackground > .layer > .rahmen > .inhalt > .box {float: none; width: 100%; }
.layerbackground > .layer > .rahmen > .inhalt > .box   > .innerbox {margin:0px;}
.layerbackground > .layer > .rahmen > .inhalt > .right {border-left: 0px dashed #A32021; border-top: 1px dashed #A32021; margin-top: 10px; padding-top: 10px; }
.layerbackground > .layer {max-width: 290px; min-width: 290px;}
.layerbackground > .layer > .rahmen > .header {max-width: 280px; min-width: 280px; }
}
@media screen and (max-width:450px) {
.layerbackground > .layer {margin-left: 30px !important;}
}
@media screen and (max-width:410px) {
.layerbackground > .layer {margin-left: 10px !important;}
}
@media screen and (max-width:370px) {
.layerbackground > .layer {margin-left: -5px !important;}
}