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

/*FIREFOX am umranden von geklickten elementen hindern*/
a:focus, a:hover, a:active { 
    outline:none
}

img {
    max-width: 100%;
}

img.daten {
    width: 500px;
    max-width: 100%;
}

img.workshop {
    width: 900px;
    max-width: 100%;
}

body {
    background-color: #F5F5F5;
    font-family: Oxygen, sans-serif;
    font-weight: 300;
}

h1,
h2,
h3 {
    font-family: Raleway, cursive;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

h1 {
    font-size: 5em;
    padding: 1em .5em 0 .5em;
}

h3 {
    font-size: 2em;
    padding: 2em .5em 0 .5em;
}

a {
    text-decoration: none;
    color: #000;
    -webkit-transition: color .5s;
    transition: color .5s;
}

.rightForm {
    float: right;
}

p {
    font-size: 1.375em;
    max-width: 45em;
    text-align: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    margin: 0 auto;
    padding: 2em 1em;
    line-height: 1.5;
}

.left {
    float: left;
}

.right {
    float: right;
    padding-right: 1em;
}

.clear {
    clear: both;
}

.leftAlign {
    text-align: left;
}

.leftAlign a {
    color: goldenrod;
}

.imgTop {
    height: 100%;
}

.goldenLight {
    background: rgba(220, 220, 220, .55)
}

.slider {
    height: 100%;
    overflow: auto;
    position: relative;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

#love {
    padding-top: 1.5em;
    font-size: 1.625em;
}

.as-prev-arrow,
.as-next-arrow {
    background: url(arrows.png) no-repeat;
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 40px;
    z-index: 10;
}

.as-prev-arrow {
    left: 2%;
    background-position: 0 50%;
}

.as-next-arrow {
    background-position: -40px 50%;
    right: 2%;
}

.slider:hover .as-prev-arrow,
.slider:hover .as-next-arrow {
    filter: alpha(opacity=1);
    opacity: 1;
}

nav {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    font-family: Raleway, Helvetica, Arial, sans-serif;
    font-weight: 500;
    background: rgba(244, 244, 244, 1);
    transition: all .5s ease;
}

nav a {
    color: #222;
    text-decoration: none;
}

nav:hover {
    background: rgba(100, 100, 100, 1);
}

nav ul li {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .75em;
    text-decoration: none;
    display: block;
    float: left;
    padding: 2em 1.25em;
}

.home {
    font-size: .75em;
    float: left;
    padding: 1.0625em .5em 0 2em;
}

.smallSlider {
    height: 80%;
}

.row {
    text-align: center;
    width: 100%;
    padding-bottom: 3em;
}

.third {
    float: left;
    width: 33.33333%;
    text-align: center;
    padding: 1em;
}

.row h2 {
    font-size: 3em;
    font-weight: 300;
    text-transform: uppercase;
    padding: 2em 0 0;
}

#list a {
    color: goldenrod;
}

#list {
    padding: 5em 3.5em;
}

#list ul {
    text-align: left;
    max-width: 30em;
    margin: 0 auto;
    padding: 1.25em .5em .5em;
}

#list li {
    padding: .15em 0;
}

#list h2 {
    font-size: 1.75em;
    padding: 1em .5em .5em .5em;
}

.icon {
    width: 10em;
    background: #DAA520;
    border-radius: 50%;
}

.round {
    border-radius: 50%;
    max-width: 20em;
    padding: 1em;
}

#rahel {
    padding-bottom: 7em;
}

#logo {
    max-width: 80%;
}

.respWrapper {
    position: relative;
    padding-bottom: 30%;
    height: 0;
}

#googleMap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#kontakt {
    display: none;
    position: fixed;
    top: 5em;
    right: 1em;
    background: rgba(40, 40, 40, .8);
    padding: 1em;
    color: white;
    z-index: 99;
}

#kontakt a {
    color: white;
}

#kontakt h2 {
    padding-bottom: .5em;
}

#kontakt form {
    color: black;
}

input,
textarea {
    padding: .25em;
    margin-bottom: .25em;
}

#kontakt table {
    color: white;
    padding-bottom: .5em;
}

#kontakt td {
    padding: .25em 1em .125em 0;
}

.unterseite {
    padding-top: 1em;
    font-size: 3.5em;
}

.unterseiteAngebot {
    padding-top: 0;
    font-size: 3.5em;
}

a.kontakt {
    text-decoration: underline;
}

#kontaktLink {
    text-decoration: none;
    color: goldenrod;
}

#angebotKreis {
    font-size: 2em;
    padding-top: 3em;
}

#zertifikate h2 {
    padding-top: 0;
}

#zertifikate img {
    width: 133px;
}

#zertifikate table {
    max-width: 45em;
    margin: 0 auto;
}

#zertifikate table td a {
    color: goldenrod;
    display: block;
    padding-top: .5em;
}

#zertifikate td {
    padding: 1em;
}



a:hover,
.golden,
.golden:hover,
nav a:hover,
.home {
    color: #DAA520;
}

.home #menuLogo {
    width: 11.5em;
    max-width: 100%;
    padding-left: .5em;
}

@media (min-width: 846px) {
    #menubutton {
        display: none;
    }
}

@media (max-width: 1220px) {
    p {
        padding: 1em 1.75em;
    }
    h1 {
        font-size: 4em;
    }
    .row h2 {
        font-size: 2.5em;
        padding: .75em .5em 0 .5em;
    }
    #list h2 {
        font-size: 1.75em;
        padding: .75em .75em .25em .75em;
    }
    #list li {
        font-size: .875em;
        padding: .15em 0;
    }
    .icon {
        width: 8em;
    }
    .unterseite {
        font-size: 3em;
        padding: .75em .75em 0 .75em;
    }
    .unterseiteAngebot {
        font-size: 2.875em;
    }
    #kontakt {
        position: absolute;
        top: 8em;
        left: 1em;
    }
    .right {
        width: 100%;
        float: left;
    }
    nav ul.right {
        padding-left: 2em;
        padding-bottom: 1.5em;
    }
    nav ul.left li,
    nav ul.right li {
        padding-bottom: 0;
    }
    #angebotKreis {
        padding-top: 4em;
    }
}

@media (max-width: 845px) {
    p {
        font-size: .9375em;
        padding: 1em 1.375em;
    }
    h1 {
        font-size: 2em;
    }
    .row h2 {
        font-size: 1.75em;
        padding: .75em .5em 0 .5em;
    }
    .row {
        padding: 0;
    }
    #list h2 {
        font-size: 1.375em;
        padding: .75em .75em .375em .75em;
    }
    #list a {
        font-size: 1.25em;
    }
    #list {
        font-size: .8125em;
        padding: 1.5em .375em;
    }
    #list ul {
        padding: .5em 1.25em .5em 2.5em;
    }
    #list li {
        padding: .15em 0;
        font-size: 1em;
    }
    .icon {
        width: 5em;
    }
    #love {
        padding-bottom: 2em;
        font-size: 1em;
    }
    .respWrapper {
        padding-bottom: 70%;
    }
    .unterseite {
        font-size: 1.5em;
        padding: .75em .75em 0 .75em;
    }
    .unterseiteAngebot {
        font-size: 2em;
    }
    #zertifikate {
        padding-bottom: 2em;
    }
    #zertifikate img {
        width: 88px;
    }
    #zertifikate td {
        font-size: .75em;
    }
    #menubutton {
        width: 100%;
        padding: .75em 1.25em;
    }
    #menubuttonLogo {
        width: 5em;
        max-width: 100%;
        padding-left: 0.1875em;
    }
    nav ul.left li,
    nav ul.right li {
        float: none;
    }
    nav ul {
        padding-top: 0;
    }
    nav ul,
    .home {
        display: none;
    }
    nav ul.right {
        text-align: center;
        padding-top: .5em;
    }
    nav,
    nav:hover {
        background: rgba(220, 220, 220, .7);
    }
    nav a:hover,
    nav a {
        color: #000;
    }
    nav ul.left a {
        color: black;
    }
    .round {
        max-width: 15em;
    }
    #kontakt {
        display: none;
        position: absolute;
        top: 0em;
        left: 0em;
        width: 100%;
        background: rgba(40, 40, 40, .9);
        padding: 1em;
        color: white;
        z-index: 9999;
    }
    #kontakt table {
        font-size: .875em;
    }
    #close {
        font-size: .875em;
    }
    #links a {
        font-size: .9325em;
    }
    #angebotKreis {
        font-size: 1.125em;
    }
    footer {
        font-size: .75em;
    }
}

@media ( max-width: 1023px) {
    .third {
        width: 100%;
    }
}

@media (orientation: portrait) {
    .as-prev-arrow,
    .as-next-arrow {
        filter: alpha(opacity=1);
        opacity: 1;
    }
}

.shiatsu {
    background-image: url(img/shiatsu/shiatsups.jpg);
    background-position: 70% 46%;
    background-size: cover;
}

.shiatsu2 {
    background-image: url(img/shiatsu/shiatsu2ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.shiatsu3 {
    background-image: url(img/shiatsu/shiatsu3ps.jpg);
    background-position: 1% 99%;
    background-size: cover;
}

.shiatsu4 {
    background-image: url(img/shiatsu/shiatsu4ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.shiatsu5 {
    background-image: url(img/shiatsu/shiatsu5ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.shiatsu6 {
    background-image: url(img/shiatsu/shiatsu6ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

@media (min-width:361px) {
    .shiatsu {
        background-image: url(img/shiatsu/shiatsupm.jpg)
    }
    .shiatsu2 {
        background-image: url(img/shiatsu/shiatsu2pm.jpg)
    }
    .shiatsu3 {
        background-image: url(img/shiatsu/shiatsu3pm.jpg)
    }
    .shiatsu4 {
        background-image: url(img/shiatsu/shiatsu4pm.jpg)
    }
    .shiatsu5 {
        background-image: url(img/shiatsu/shiatsu5pm.jpg)
    }
    .shiatsu6 {
        background-image: url(img/shiatsu/shiatsu6pm.jpg)
    }
}

@media (min-width:721px) {
    .shiatsu {
        background-image: url(img/shiatsu/shiatsupl.jpg)
    }
    .shiatsu2 {
        background-image: url(img/shiatsu/shiatsu2pl.jpg)
    }
    .shiatsu3 {
        background-image: url(img/shiatsu/shiatsu3pl.jpg)
    }
    .shiatsu4 {
        background-image: url(img/shiatsu/shiatsu4pl.jpg)
    }
    .shiatsu5 {
        background-image: url(img/shiatsu/shiatsu5pl.jpg)
    }
    .shiatsu6 {
        background-image: url(img/shiatsu/shiatsu6pl.jpg)
    }
}

@media (min-width:1025px) {
    .shiatsu {
        background-image: url(img/shiatsu/shiatsup.jpg)
    }
    .shiatsu2 {
        background-image: url(img/shiatsu/shiatsu2p.jpg)
    }
    .shiatsu3 {
        background-image: url(img/shiatsu/shiatsu3p.jpg)
    }
    .shiatsu4 {
        background-image: url(img/shiatsu/shiatsu4p.jpg)
    }
    .shiatsu5 {
        background-image: url(img/shiatsu/shiatsu5p.jpg)
    }
    .shiatsu6 {
        background-image: url(img/shiatsu/shiatsu6p.jpg)
    }
}

@media (orientation: landscape) {
    .shiatsu {
        background-image: url(img/shiatsu/shiatsun.jpg);
        background-position: 55% 70%;
    }
    .shiatsu2 {
        background-image: url(img/shiatsu/shiatsu2n.jpg);
        background-position: 55% 50%;
    }
    .shiatsu3 {
        background-position: 1% 50%;
    }
    .shiatsu4 {
        background-image: url(img/shiatsu/shiatsu4n.jpg);
        background-position: 55% 1%;
    }
    .shiatsu5 {
        background-image: url(img/shiatsu/shiatsu5n.jpg);
        background-position: 55% 15%;
    }
    .shiatsu6 {
        background-image: url(img/shiatsu/shiatsu6n.jpg);
        background-position: 55% 70%;
    }
}

@media (min-width:641px) and (orientation:landscape) {
    .shiatsu {
        background-image: url(img/shiatsu/shiatsus.jpg)
    }
    .shiatsu2 {
        background-image: url(img/shiatsu/shiatsu2s.jpg)
    }
    .shiatsu4 {
        background-image: url(img/shiatsu/shiatsu4s.jpg)
    }
    .shiatsu5 {
        background-image: url(img/shiatsu/shiatsu5s.jpg)
    }
    .shiatsu6 {
        background-image: url(img/shiatsu/shiatsu6s.jpg)
    }
}

@media (min-width:1025px) and (orientation:landscape) {
    .shiatsu {
        background-image: url(img/shiatsu/shiatsum.jpg)
    }
    .shiatsu2 {
        background-image: url(img/shiatsu/shiatsu2m.jpg)
    }
    .shiatsu4 {
        background-image: url(img/shiatsu/shiatsu4m.jpg)
    }
    .shiatsu5 {
        background-image: url(img/shiatsu/shiatsu5m.jpg)
    }
    .shiatsu6 {
        background-image: url(img/shiatsu/shiatsu6m.jpg)
    }
}

@media (min-width:1921px) and (orientation:landscape) {
    .shiatsu {
        background-image: url(img/shiatsu/shiatsul.jpg)
    }
    .shiatsu2 {
        background-image: url(img/shiatsu/shiatsu2l.jpg)
    }
    .shiatsu4 {
        background-image: url(img/shiatsu/shiatsu4l.jpg)
    }
    .shiatsu5 {
        background-image: url(img/shiatsu/shiatsu5l.jpg)
    }
    .shiatsu6 {
        background-image: url(img/shiatsu/shiatsu6l.jpg)
    }
}

@media (min-width:2561px) and (orientation:landscape) {
    .shiatsu {
        background-image: url(img/shiatsu/shiatsu.jpg)
    }
    .shiatsu2 {
        background-image: url(img/shiatsu/shiatsu2.jpg)
    }
    .shiatsu4 {
        background-image: url(img/shiatsu/shiatsu4.jpg)
    }
    .shiatsu5 {
        background-image: url(img/shiatsu/shiatsu5.jpg)
    }
    .shiatsu6 {
        background-image: url(img/shiatsu/shiatsu6.jpg)
    }
}

.baby {
    background-image: url(img/baby/1ps.jpg);
    background-position: 30% 1%;
    background-size: cover;
}

.baby2 {
    background-image: url(img/baby/2ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.baby3 {
    background-image: url(img/baby/3ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.baby4 {
    background-image: url(img/baby/4ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.baby5 {
    background-image: url(img/baby/5ps.jpg);
    background-position: 30% 96%;
    background-size: cover;
}

.baby6 {
    background-image: url(img/baby/6ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.baby7 {
    background-image: url(img/baby/7ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.baby8 {
    background-image: url(img/baby/8ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.baby9 {
    background-image: url(img/baby/9ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.baby10 {
    background-image: url(img/baby/10ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

@media (min-width:361px) {
    .baby {
        background-image: url(img/baby/1pm.jpg)
    }
    .baby2 {
        background-image: url(img/baby/2pm.jpg)
    }
    .baby3 {
        background-image: url(img/baby/3pm.jpg)
    }
    .baby4 {
        background-image: url(img/baby/4pm.jpg)
    }
    .baby5 {
        background-image: url(img/baby/5pm.jpg)
    }
    .baby6 {
        background-image: url(img/baby/6pm.jpg)
    }
    .baby7 {
        background-image: url(img/baby/7pm.jpg)
    }
    .baby8 {
        background-image: url(img/baby/8pm.jpg)
    }
    .baby9 {
        background-image: url(img/baby/9pm.jpg)
    }
    .baby10 {
        background-image: url(img/baby/10pm.jpg)
    }
}

@media (min-width:721px) {
    .baby {
        background-image: url(img/baby/1pl.jpg)
    }
    .baby2 {
        background-image: url(img/baby/2pl.jpg)
    }
    .baby3 {
        background-image: url(img/baby/3pl.jpg)
    }
    .baby4 {
        background-image: url(img/baby/4pl.jpg)
    }
    .baby5 {
        background-image: url(img/baby/5pl.jpg)
    }
    .baby6 {
        background-image: url(img/baby/6pl.jpg)
    }
    .baby7 {
        background-image: url(img/baby/7pl.jpg)
    }
    .baby8 {
        background-image: url(img/baby/8pl.jpg)
    }
    .baby9 {
        background-image: url(img/baby/9pl.jpg)
    }
    .baby10 {
        background-image: url(img/baby/10pl.jpg)
    }
}

@media (min-width:1025px) {
    .baby {
        background-image: url(img/baby/1p.jpg)
    }
    .baby2 {
        background-image: url(img/baby/2p.jpg)
    }
    .baby3 {
        background-image: url(img/baby/3p.jpg)
    }
    .baby4 {
        background-image: url(img/baby/4p.jpg)
    }
    .baby5 {
        background-image: url(img/baby/5p.jpg)
    }
    .baby6 {
        background-image: url(img/baby/6p.jpg)
    }
    .baby7 {
        background-image: url(img/baby/7p.jpg)
    }
    .baby8 {
        background-image: url(img/baby/8p.jpg)
    }
    .baby9 {
        background-image: url(img/baby/9p.jpg)
    }
    .baby10 {
        background-image: url(img/baby/10p.jpg)
    }
}

@media (orientation: landscape) {
    .baby {
        background-image: url(img/baby/1n.jpg);
        background-position: 55% 25%;
    }
    .baby2 {
        background-image: url(img/baby/2n.jpg);
        background-position: 55% 75%;
    }
    .baby3 {
        background-image: url(img/baby/3n.jpg);
        background-position: 55% 65%;
    }
    .baby4 {
        background-image: url(img/baby/4n.jpg);
        background-position: 55% 55%;
    }
    .baby5 {
        background-image: url(img/baby/5n.jpg);
        background-position: 55% 85%;
    }
    .baby6 {
        background-image: url(img/baby/6n.jpg);
        background-position: 55% 65%;
    }
    .baby7 {
        background-image: url(img/baby/7n.jpg);
        background-position: 55% 55%;
    }
    .baby8 {
        background-image: url(img/baby/8n.jpg);
        background-position: 55% 85%;
    }
    .baby9 {
        background-image: url(img/baby/9n.jpg);
        background-position: 55% 100%;
    }
    .baby10 {
        background-image: url(img/baby/10n.jpg);
        background-position: 55% 85%;
    }
}

@media (min-width:641px) and (orientation:landscape) {
    .baby {
        background-image: url(img/baby/1s.jpg)
    }
    .baby2 {
        background-image: url(img/baby/2s.jpg)
    }
    .baby3 {
        background-image: url(img/baby/3s.jpg)
    }
    .baby4 {
        background-image: url(img/baby/4s.jpg)
    }
    .baby5 {
        background-image: url(img/baby/5s.jpg)
    }
    .baby6 {
        background-image: url(img/baby/6s.jpg)
    }
    .baby7 {
        background-image: url(img/baby/7s.jpg)
    }
    .baby8 {
        background-image: url(img/baby/8s.jpg)
    }
    .baby9 {
        background-image: url(img/baby/9s.jpg)
    }
    .baby10 {
        background-image: url(img/baby/10s.jpg)
    }
}

@media (min-width:1025px) and (orientation:landscape) {
    .baby {
        background-image: url(img/baby/1m.jpg)
    }
    .baby2 {
        background-image: url(img/baby/2m.jpg)
    }
    .baby3 {
        background-image: url(img/baby/3m.jpg)
    }
    .baby4 {
        background-image: url(img/baby/4m.jpg)
    }
    .baby5 {
        background-image: url(img/baby/5m.jpg)
    }
    .baby6 {
        background-image: url(img/baby/6m.jpg)
    }
    .baby7 {
        background-image: url(img/baby/7m.jpg)
    }
    .baby8 {
        background-image: url(img/baby/8m.jpg)
    }
    .baby9 {
        background-image: url(img/baby/9m.jpg)
    }
    .baby10 {
        background-image: url(img/baby/10m.jpg)
    }
}

@media (min-width:1921px) and (orientation:landscape) {
    .baby {
        background-image: url(img/baby/1l.jpg)
    }
    .baby2 {
        background-image: url(img/baby/2l.jpg)
    }
    .baby3 {
        background-image: url(img/baby/3l.jpg)
    }
    .baby4 {
        background-image: url(img/baby/4l.jpg)
    }
    .baby5 {
        background-image: url(img/baby/5l.jpg)
    }
    .baby6 {
        background-image: url(img/baby/6l.jpg)
    }
    .baby7 {
        background-image: url(img/baby/7l.jpg)
    }
    .baby8 {
        background-image: url(img/baby/8l.jpg)
    }
    .baby9 {
        background-image: url(img/baby/9l.jpg)
    }
    .baby10 {
        background-image: url(img/baby/10l.jpg)
    }
}

@media (min-width:2561px) and (orientation:landscape) {
    .baby {
        background-image: url(img/baby/1.jpg)
    }
    .baby2 {
        background-image: url(img/baby/2.jpg)
    }
    .baby3 {
        background-image: url(img/baby/3.jpg)
    }
    .baby4 {
        background-image: url(img/baby/4.jpg)
    }
    .baby5 {
        background-image: url(img/baby/5.jpg)
    }
    .baby6 {
        background-image: url(img/baby/6.jpg)
    }
    .baby7 {
        background-image: url(img/baby/7.jpg)
    }
    .baby8 {
        background-image: url(img/baby/8.jpg)
    }
    .baby9 {
        background-image: url(img/baby/9.jpg)
    }
    .baby10 {
        background-image: url(img/baby/10.jpg)
    }
}

.erw {
    background-image: url(img/erw/1ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.erw2 {
    background-image: url(img/erw/2ps.jpg);
    background-position: 30% 1%;
    background-size: cover;
}

.erw3 {
    background-image: url(img/erw/3ps.jpg);
    background-position: 30% 1%;
    background-size: cover;
}

.erw4 {
    background-image: url(img/erw/4ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.erw5 {
    background-image: url(img/erw/5ps.jpg);
    background-position: 90% 46%;
    background-size: cover;
}

.erw6 {
    background-image: url(img/erw/6ps.jpg);
    background-position: 30% 46%;
    background-size: cover;
}

.erw7 {
    background-image: url(img/erw/7ps.jpg);
    background-position: 80% 46%;
    background-size: cover;
}

.erw8 {
    background-image: url(img/erw/8ps.jpg);
    background-position: 70% 46%;
    background-size: cover;
}

.erw9 {
    background-image: url(img/erw/9ps.jpg);
    background-position: 99% 46%;
    background-size: cover;
}

@media (min-width:361px) {
    .erw {
        background-image: url(img/erw/1pm.jpg)
    }
    .erw2 {
        background-image: url(img/erw/2pm.jpg)
    }
    .erw3 {
        background-image: url(img/erw/3pm.jpg)
    }
    .erw4 {
        background-image: url(img/erw/4pm.jpg)
    }
    .erw5 {
        background-image: url(img/erw/5pm.jpg)
    }
    .erw6 {
        background-image: url(img/erw/6pm.jpg)
    }
    .erw7 {
        background-image: url(img/erw/7pm.jpg)
    }
    .erw8 {
        background-image: url(img/erw/8pm.jpg)
    }
    .erw9 {
        background-image: url(img/erw/9pm.jpg)
    }
}

@media (min-width:721px) {
    .erw {
        background-image: url(img/erw/1pl.jpg)
    }
    .erw2 {
        background-image: url(img/erw/2pl.jpg)
    }
    .erw3 {
        background-image: url(img/erw/3pl.jpg)
    }
    .erw4 {
        background-image: url(img/erw/4pl.jpg)
    }
    .erw5 {
        background-image: url(img/erw/5pl.jpg)
    }
    .erw6 {
        background-image: url(img/erw/6pl.jpg)
    }
    .erw7 {
        background-image: url(img/erw/7pl.jpg)
    }
    .erw8 {
        background-image: url(img/erw/8pl.jpg)
    }
    .erw9 {
        background-image: url(img/erw/9pl.jpg)
    }
}

@media (min-width:1025px) {
    .erw {
        background-image: url(img/erw/1p.jpg)
    }
    .erw2 {
        background-image: url(img/erw/2p.jpg)
    }
    .erw3 {
        background-image: url(img/erw/3p.jpg)
    }
    .erw4 {
        background-image: url(img/erw/4p.jpg)
    }
    .erw5 {
        background-image: url(img/erw/5p.jpg)
    }
    .erw6 {
        background-image: url(img/erw/6p.jpg)
    }
    .erw7 {
        background-image: url(img/erw/7p.jpg)
    }
    .erw8 {
        background-image: url(img/erw/8p.jpg)
    }
    .erw9 {
        background-image: url(img/erw/9p.jpg)
    }
}

@media (orientation: landscape) {
    .erw {
        background-image: url(img/erw/1n.jpg);
        background-position: 50% 90%;
    }
    .erw2 {
        background-image: url(img/erw/2n.jpg);
        background-position: 50% 70%;
    }
    .erw3 {
        background-image: url(img/erw/3n.jpg);
        background-position: 50% 80%;
    }
    .erw4 {
        background-image: url(img/erw/4n.jpg);
        background-position: 50% 45%;
    }
    .erw5 {
        background-image: url(img/erw/5n.jpg);
        background-position: 50% 82%;
    }
    .erw6 {
        background-image: url(img/erw/6n.jpg);
        background-position: 50% 100%;
    }
    .erw7 {
        background-image: url(img/erw/7n.jpg);
        background-position: 50% 95%;
    }
    .erw8 {
        background-image: url(img/erw/8n.jpg);
        background-position: 50% 45%;
    }
    .erw9 {
        background-image: url(img/erw/9n.jpg);
        background-position: 50% 35%;
    }
}

@media (min-width:641px) and (orientation:landscape) {
    .erw {
        background-image: url(img/erw/1s.jpg)
    }
    .erw2 {
        background-image: url(img/erw/2s.jpg)
    }
    .erw3 {
        background-image: url(img/erw/3s.jpg)
    }
    .erw4 {
        background-image: url(img/erw/4s.jpg)
    }
    .erw5 {
        background-image: url(img/erw/5s.jpg)
    }
    .erw6 {
        background-image: url(img/erw/6s.jpg)
    }
    .erw7 {
        background-image: url(img/erw/7s.jpg)
    }
    .erw8 {
        background-image: url(img/erw/8s.jpg)
    }
    .erw9 {
        background-image: url(img/erw/9s.jpg)
    }
}

@media (min-width:1025px) and (orientation:landscape) {
    .erw {
        background-image: url(img/erw/1m.jpg)
    }
    .erw2 {
        background-image: url(img/erw/2m.jpg)
    }
    .erw3 {
        background-image: url(img/erw/3m.jpg)
    }
    .erw4 {
        background-image: url(img/erw/4m.jpg)
    }
    .erw5 {
        background-image: url(img/erw/5m.jpg)
    }
    .erw6 {
        background-image: url(img/erw/6m.jpg)
    }
    .erw7 {
        background-image: url(img/erw/7m.jpg)
    }
    .erw8 {
        background-image: url(img/erw/8m.jpg)
    }
    .erw9 {
        background-image: url(img/erw/9m.jpg)
    }
}

@media (min-width:1921px) and (orientation:landscape) {
    .erw {
        background-image: url(img/erw/1l.jpg)
    }
    .erw2 {
        background-image: url(img/erw/2l.jpg)
    }
    .erw3 {
        background-image: url(img/erw/3l.jpg)
    }
    .erw4 {
        background-image: url(img/erw/4l.jpg)
    }
    .erw5 {
        background-image: url(img/erw/5l.jpg)
    }
    .erw6 {
        background-image: url(img/erw/6l.jpg)
    }
    .erw7 {
        background-image: url(img/erw/7l.jpg)
    }
    .erw8 {
        background-image: url(img/erw/8l.jpg)
    }
    .erw9 {
        background-image: url(img/erw/9l.jpg)
    }
}

@media (min-width:2561px) and (orientation:landscape) {
    .erw {
        background-image: url(img/erw/1.jpg)
    }
    .erw2 {
        background-image: url(img/erw/2.jpg)
    }
    .erw3 {
        background-image: url(img/erw/3.jpg)
    }
    .erw4 {
        background-image: url(img/erw/4.jpg)
    }
    .erw5 {
        background-image: url(img/erw/5.jpg)
    }
    .erw6 {
        background-image: url(img/erw/6.jpg)
    }
    .erw7 {
        background-image: url(img/erw/7.jpg)
    }
    .erw8 {
        background-image: url(img/erw/8.jpg)
    }
    .erw9 {
        background-image: url(img/erw/9.jpg)
    }
}


#inhalt-basiskurs {
    max-width: 30em;
    text-align: left;
    margin: 0 auto;
    line-height: 1.7;
}

.block {
    text-transform: uppercase;
    background: goldenrod;
    padding: .5rem;
    margin: 0 1rem 0 0;
}

#kursdaten {
    max-width: 29em;
}

.mobil-only {
    display: none;
}

#referenz {
    margin: .5rem;
bottom: .25rem;
position: relative;
font-size: .875rem;
}


@media (max-width: 25em) {
    .mobil-only {
        display: block;
    }
    #kursdaten {
        line-height: 2.2;
    }
    #kursdaten {
        padding: 2em 1em;
    }
}