body {
    padding-top: 130px;
    font-family: Arial,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.toTop {
    margin-top: -110px;
}

h1 {
    color: #3c657c;
    font-weight: normal;
    margin-top: 7px;
}

h2 {
    color: #775C4F;
    font-weight: normal;
}

h6 {
    font-size: 20px;
    color: #775C4F;
}

.errorheader {
    color: #C00;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.fm2 {
    background-color: #01BBDC;
}

.fm2Textcolor {
    color: #01BBDC;
}

.fm3 {
    background-color: #A2CF6D;
}

.fm3Textcolor {
    color: #A2CF6D;
}

.fm4 {
    background-color: #FE8F00;
}

.coloredContainer1 {
    background-color: #F7F7F7;
}

.coloredContainer2 {
    background-color: #E7E7E7;
}

.coloredContainer3 {
    background-color: #DADADA;
}

.coloredContainer4 {
    background-color: #E7E7E7;
}

.jumbotron {
    background-image: url("img/HeaderStartseite.jpg");
    background-size: cover;
    min-height: 200px;
    margin-top: -40px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 0 5px #aaa;
}

.jumbotronGedaechtnis {
    background-image: url("img/HeaderGedaechtnis.jpg");
    background-size: cover;
    min-height: 200px;
    margin-top: -60px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 0 5px #aaa;
}

.jumbotron p {
    font-size: 16px;
    font-weight: 150;
    color: #666;
    text-shadow: 0 0 6px #fff;
}

.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel .carousel-inner .active {
    opacity: 1;
}

.carousel .carousel-inner .active.left,
.carousel .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel .carousel-inner .next.left,
.carousel .carousel-inner .prev.right {
    opacity: 1;
}

.carousel .carousel-control {
    z-index: 2;
}

.callme {
    color: #CCC;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ccc;
}

.navbar-inverse,
.nav b,
.navbar-nav,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:visited,
.navbar-inverse .navbar-nav > .open > a:active,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #2F4F4F;
}

.navbar-inverse .navbar-brand {
    color: #A2CF6D;
}

.infobox {
    box-shadow: 0 0 3px #aaa;
}

.infobox img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.infobox h2 {
    font-size: 140%;
    text-align: center;
    color: darkslategray;
    font-weight: bold;
}

.infobox p {
    color: darkslategray;
    text-align: center;
}

.infobox a {
    color: #808080;
}

.partnerBanner img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.statistics {
    background-color: #555;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    color: #fff;
}

.statistics .number {
    font-size: 240%;
    color: white;
}

.statistics .features {
    width: 145px;
    height: 145px;
    padding: 15px;
    position: relative;
    text-align: center;
    display: inline-block;
    border-radius: 5%!important;
    background: rgba(95,95,95,0.5);
    margin-bottom: 12px;
    margin-top: 12px;
}

.footer {
    background-color: darkslategrey;
    color: whitesmoke;
    font-size: 90%;
    font-weight: lighter;
    padding-right: 20px;
}

.footer a {
    color: gainsboro;
}

.footer .firma {
    color: white;
    font-size: 110%;
    font-weight: bold;
}

.footerAdresse {
    text-align: right;
}

.footerShortKeywords {
    background-color: #253D3D;
}

.footerShortKeywords h2 {
    color: darkgray;
    font-size: 90%;
    text-align: center;
}

.footerKeywords {
    background-color: #C0C0C0;
    color: #AEAEAE;
    font-size: 70%;
    text-align: center;
}

table.vergleich {
    width: 90%;
    border: 1px solid yellowgreen;
    background-color: #F5F5F5;
    vertical-align: middle;
    font-size: 90%;
}

table.vergleich td {
    border: 1px solid #C0C0C0;
    padding: 3px 7px 3px 7px;
    text-align: center;
}

table.vergleich .bereich {
    text-align: left;
}

table.vergleich th {
    border: 1px solid #C0C0C0;
    padding: 10px 7px 10px 7px;
    font-weight: bold;
    background-color: yellowgreen;
}

.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
    font-size: 22px;
}

.headline h2,
.headline h3,
.headline h4 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #72c02c;
}

.pricing {
    border-radius: 3px;
    position: relative;
    border: 2px solid #afafaf;
    margin-bottom: 30px;
    box-shadow: 2px 2px 5px #aaa;
    background: #fff;
    overflow: hidden;
}

.pricing .hint {
    color: #930;
}

.pricing p {
    padding-top: 10px;
    font-size: 11px;
}

.pricing-head {
    color: #fafafa;
    border-radius: 3px 3px 0 0;
    text-align: center;
    margin: 0;
}

.pricing-head .productcover {
    background: #fff;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pricing-head .product {
    padding: 12px 0;
    font-size: 25px;
    font-weight: bold;
    text-shadow: 0 1px 0 #32a20f;
    line-height: normal;
    margin-left: 10px;
    margin-right: 10px;
}

.pricing-head a {
    color: white;
    padding: 12px 0;
    font-size: 25px;
    font-weight: bold;
    text-shadow: 0 1px 0 #32a20f;
    line-height: normal;
    margin-left: 10px;
    margin-right: 10px;
}

.pricing-head .subtitle {
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    text-shadow: 0 1px 0 #32a20f;
    padding-bottom: 10px;
}

.pricing-content {
    margin-bottom: 0;
}

.pricing-content li {
    list-style-image: url("img/ListChar.png");
    color: #888;
    font-size: 12px;
    border-bottom: solid 1px #f5f9e7;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 25px;
    margin-right: 10px;
    line-height: 1.8;
}

.pricing-content .empty {
    border-bottom: solid 0 #f5f9e7;
    list-style-image: none;
}

.pricing .links {
    color: #72c02c;
    text-align: center;
    font-size: 11px;
    margin: 10px 5px 20px 5px;
}

.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 2px 0 19px;
    border-radius: 0 0 3px 3px;
}

.pricing-footer .price {
    background: #efefef;
    color: #999;
    font-size: 55px;
    padding: 5px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 #fff;
    line-height: normal;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}

.pricing-footer .preiserlaeuterung {
    font-size: xx-small;
    text-align: center;
    margin: 0 5px 5px 5px;
    text-shadow: none;
}

.productBox {
    text-align: center;
    border-radius: 3px;
    position: relative;
    border: 2px solid #afafaf;
    margin-bottom: 30px;
    box-shadow: 2px 2px 5px #aaa;
    overflow: hidden;
    background-color: #fff;
    color: #808080;
}

.productBox .productcover {
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.productBox .productName {
    padding: 12px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    margin-left: 10px;
    margin-right: 10px;
}

.productBox .subtitle {
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    padding-bottom: 10px;
}

.productBox-navigation {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    padding: 2px 0 19px;
}

.productBox .links {
    color: #72c02c;
    font-size: 11px;
    margin: 5px 5px 10px 5px;
}

.productBox .price {
    color: #999;
    font-size: 45px;
    padding: 5px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 #fff;
    line-height: normal;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}

.productBox .preiserlaeuterung {
    font-size: 11px;
    text-align: center;
    margin: 0 5px 5px 5px;
    text-shadow: none;
}

.productBox .preiserlaeuterungGross {
    text-align: center;
    font-size: 13px;
    margin: 0 5px 5px 5px;
}

.productBox .hinweise {
    font-size: 12px;
    text-align: center;
    margin: 0 7px 7px 7px;
    text-shadow: none;
}

.bestWeiterButton {
    margin-left: 15px;
}

.bestFormBox {
    background: #FFF;
    border: thin #AACC87 solid;
    box-shadow: 2px 2px 5px #aaa;
    padding: 15px;
}

.bestFormBox .price {
    color: #999;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: normal;
    font-weight: bold;
}

.bestFormBox .productName {
    color: #555;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
}

.bestFormBox .feldLabel {
    color: #555;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    text-align: right;
}

.bestFormBox .feldEndsumme {
    background: darkseagreen;
    color: white;
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    text-align: right;
}

.bestFormBox .feldErrechnet {
    color: #555;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    text-align: right;
}

.bestFormBox .orderSummary {
    color: #555;
    font-weight: normal;
    font-size: 15px;
    line-height: normal;
    text-align: right;
}

.bestFormBox .smallHint {
    color: #777;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 0;
    line-height: normal;
    font-weight: normal;
    font-style: italic;
}

input.mandatoryField,
textarea.mandatoryField {
    background-color: #EFF5E9;
}

input.mandatoryField,
select.mandatoryField {
    background-color: #EFF5E9;
}

form .note {
    font-size: 90%;
    color: #aaa;
}

.HinweisDatenschutz {
    font-size: 10px;
}

div .systemvoraussetzungen {
    text-align: center;
    color: #999;
    background: #FFF;
    font-size: 10px;
    padding: 2px;
    margin: 4px;
}

div .systemvoraussetzungen h1 {
    font-size: 14px;
    color: #888;
    margin-bottom: -4px;
}

.gallerynavi {
    text-align: left;
    padding: 10px 0 20px 15px;
    font-size: 12px;
}

.uebungsbild {
    margin-bottom: 30px;
    text-align: right;
}

.uebungsbild img {
    box-shadow: 2px 2px 4px #888;
}

div.kognitiveBereiche {
    margin: 30px 0 30px 0;
    padding: 10px;
    font-style: italic;
    border: thin #aaa solid;
    box-shadow: 1px 1px 2px #ccc;
}

.frb-group {
    margin: 0;
}

.frb ~ .frb {
    margin-top: 15px;
}

.frb input[type=radio]:empty,
.frb input[type=checkbox]:empty {
    display: none;
}

.frb input[type="radio"] ~ label:before,
.frb input[type="checkbox"] ~ label:before {
    content: url("img/Unchecked1.png");
    margin-top: 5px;
    position: absolute;
    left: 10px;
    font-size: 22px;
}

.frb input[type="radio"]:checked ~ label:before,
.frb input[type="checkbox"]:checked ~ label:before {
    content: url("img/Checked1.png");
}

.frb input[type="radio"] ~ label,
.frb input[type="checkbox"] ~ label {
    position: relative;
    cursor: pointer;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f2f2f2;
}

.frb input[type="radio"] ~ label:focus,
.frb input[type="radio"] ~ label:hover,
.frb input[type="checkbox"] ~ label:focus,
.frb input[type="checkbox"] ~ label:hover {
    box-shadow: 0 0 3px #333;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
    color: #fafafa;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
    background-color: #f2f2f2;
}

.frb.frb-default input[type="radio"]:checked ~ label,
.frb.frb-default input[type="checkbox"]:checked ~ label {
    color: #333;
}

.frb.frb-primary input[type="radio"]:checked ~ label,
.frb.frb-primary input[type="checkbox"]:checked ~ label {
    background-color: #337ab7;
}

.frb.frb-success input[type="radio"]:checked ~ label,
.frb.frb-success input[type="checkbox"]:checked ~ label {
    background-color: #5cb85c;
}

.frb.frb-info input[type="radio"]:checked ~ label,
.frb.frb-info input[type="checkbox"]:checked ~ label {
    background-color: #5bc0de;
}

.frb.frb-warning input[type="radio"]:checked ~ label,
.frb.frb-warning input[type="checkbox"]:checked ~ label {
    background-color: #f0ad4e;
}

.frb.frb-danger input[type="radio"]:checked ~ label,
.frb.frb-danger input[type="checkbox"]:checked ~ label {
    background-color: #d9534f;
}

.frb input[type="radio"]:empty ~ label span,
.frb input[type="checkbox"]:empty ~ label span {
    display: inline-block;
}

.frb input[type="radio"]:empty ~ label span.frb-title,
.frb input[type="checkbox"]:empty ~ label span.frb-title {
    font-size: 16px;
    font-weight: 700;
    margin: 5px 5px 5px 50px;
}

.frb input[type="radio"]:empty ~ label span.frb-description,
.frb input[type="checkbox"]:empty ~ label span.frb-description {
    font-weight: normal;
    font-style: italic;
    color: #665;
    margin: 5px 5px 5px 50px;
}

.frb input[type="radio"]:empty:checked ~ label span.frb-description,
.frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
    color: #fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description,
.frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
    color: #333;
}