@charset "UTF-8";

/* CSS Document */
html {
    font-family: "ff-meta-web-pro";
}
body {
    width: 980px;
    max-width: 100%;
    margin: 0 auto;
}
nav {
    display: block;
    width: 100%;
    height: 10em;
}
.content {
}
.logo {
    float: left;
    width: 8em;
    height: 6em;
    margin-top: 1.8em;
    margin-left: 4%;
}
.logo img {
    width: 10em;
}
.menu {
    margin-top: 3em;
    font-size: 1.2em;
    height: 2em;
    width: 20em;
    float: right;
}
.menu li {
    margin-right: 1em;
    display: inline-block;
    list-style: none;
}
.menu a {
    color: #164194;
    text-decoration: none;
}
.pic_slider {
    margin-bottom: 2%;
    display: block;
    width: 100%;
}

/* Slider */

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

/* text */
.news_container {
    text-align: justify;
    margin: 0 auto;
    color: #164194;
    margin-top: 3em;
}
.news_container a {
    color: #164194;
    font-size: bold;
}
.news_container img {
    width: 980px;
}
h1 {
    font-size: 2em;
    color: #164194;
}
h2 {
    font-size: 1em;
}

/* footer */
footer {
    border-top: 1px solid #164194;
    height: 7em;
    width: 980px;
    max-width: 100%;
    margin-top: 4em;
    clear: both;
}
footer i {
    color: #164194;
    margin-right: 5px;
}
footer ul {
    margin-left: -2.5em;
}
footer ul li a {
    font-size: 1em;
    text-decoration: none;
    color: #164194;
}
footer ul li {
    list-style: none;
}
.footer_nav_links {
    height: 7em;
    width: 7em;
    float: left;
}
.footer_nav_rechts {
    height: 7em;
    width: 12em;
    float: left;
}
.time {
    float: right;
    text-align: right;
}

/* Kontakt */
.container_top {
    margin-top: 2em;
    width: 100%;
    height: 20em;
}
.container_kontakt {
    float: left;
    width: 50%;
    height: 20em;
}
.container_kontakt i {
    margin-right: 5px;
}
.container_kontakt ul {
    color: #164194;
    margin-top: -1.4em;
    margin-left: -2.5em;
}
.container_kontakt ul li h1 {
    margin-left: 0;
}
.container_kontakt li {
    list-style: none;
}
.container_kontakt li a {
    color: #164194;
    text-decoration: none;
}
.container_map {
    float: right;
    width: 50%;
}
.container_map iframe {
    float: right;
    width: 100%;
    height: 100%;
}
.formular {
    color: #164194;
}

/* produkt */
.produkt_container {
    text-align: justify;
    margin: 0 auto;
    color: #164194;
    margin-top: 4em;
    height: 10em;
}
.produkt_pic {
    float: left;
    height: 100%;
    width: 20%;
}
.produkt_pic img {
    margin-left: 2%;
    height: 100%;
}
.produkt_text {
    float: left;
    height: 100%;
    width: 78%;
    margin-left: 2%;
}
.produkt_text h1 {
    margin: 0;
}

/* kurse */
.kurs_header {
    text-align: justify;
    margin: 0 auto;
    color: #164194;
    margin-top: 4em;
	height: 6em;
}

.kurs_container {
    text-align: justify;
    margin: 0 auto;
    color: #164194;
    margin-top: 4em;
	min-height: 22em !important;
	max-height: 30em !important;
}

.kurs_pic {
	margin-top: 0.8em;
    float: left;
    height: 100%;
    width: 40%;
}

.kurs_pic img {
    margin-left: 2%;
    height: 100%;
}

.kurs_text {
    float: left;
    height: 100%;
    width: 55%;
    margin-left: 2%;
}
.kurs_text h1 {
    margin: 0;
}

/* Datenschutz */
.datenschutz_container {
    text-align: justify;
    margin: 0 auto;
    color: #164194;
    margin-top: 3em;
}
.datenschutz_text {
    float: left;
    height: 100%;
    width: 100%;
}
.datenschutz_text h1 {
    margin: 0;
}

/* Haftungsauschluss */
.haftungsauschluss_container {
    text-align: justify;
    margin: 0 auto;
    color: #164194;
    margin-top: 3em;
}
.haftungsauschluss_text {
    float: left;
    height: 100%;
    width: 100%;
}
.haftungsauschluss_text h1 {
    margin: 0;
}

/* Impressum */
.imp_container {
    max-width: 100%;
    height: 32em;
    color: #164194;
}
.imp_container_header {
    width: 100%;
}
.imp_container_links {
    float: left;
    height: 13em;
    width: 71.5%;
}
.imp_container_rechts {
    float: left;
    height: 13em;
    width: 28.5%;
}
.imp_container_rechts a {
    text-decoration: none;
    color: #164194;
}
.imp_container_center {
    width: 100%;
    float: left;
}

/* Profil */
.profil_container {
    text-align: center;
    margin: 0 auto;
    color: #164194;
    margin-top: 3em;
    width: 80%;
}
@media screen and (max-width:768px) {
    body {
        max-width: 95%;
    }
    .imp_container {
        max-width: 90%;
        height: 32em;
        color: #164194;
    }
    .container_map {
        float: right;
        width: 50%;
    }
}
@media screen and (max-width:414px) {
    body {
        max-width: 95%;
    }
    .imp_container {
        max-width: 90%;
        height: 32em;
        color: #164194;
    }
    .container_map {
        float: right;
        width: 45%;
        height: 55%;
        margin-top: 10px;
    }
    .logo {
        float: left;
        margin: 0 auto;
        position: absolute;
        left: -25px;
        right: 0;
        margin-top: 20px;
    }
    .menu {
        margin-top: 7em;
        margin-right: 1.4em;
    }
    .pic_slider {
        margin-top: 2.5em;
        margin-bottom: 2%;
        display: block;
        width: 100%;
    }
    .footer_nav_rechts {
        margin-top: -2em;
        margin-right: 10em;
        height: 7em;
        width: 12em;
        float: left;
    }
    .produkt_pic {
        float: left;
        height: 100%;
        width: 60%;
        margin-left: 20%;
    }
    .produkt_text {
        float: left;
        height: 65%;
        width: 95%;
        margin-top: -3em;
    }
    .produkt_container {
        height: 20em;
    }
    .imp_container_links {
        float: left;
        height: 13em;
        width: 100%;
    }
    .imp_container_rechts {
        float: left;
        height: 13em;
        width: 100%;
    }
    .imp_container_header {
        margin-top: 4em;
    }
}
@media screen and (max-width:320px) {
    body {
        max-width: 95%;
    }
    .imp_container {
        max-width: 90%;
        height: 32em;
        color: #164194;
    }
    .container_map {
        float: right;
        width: 100%;
        height: 50%;
        margin-top: -30%;
        margin-bottom: 3em;
    }
    .logo {
        float: left;
        margin: 0 auto;
        position: absolute;
        left: -25px;
        right: 0;
        margin-top: 20px;
    }
    .menu {
        margin-top: 7em;
        margin-right: -0.6em;
    }
    .pic_slider {
        margin-top: 2.5em;
        margin-bottom: 2%;
        display: block;
        width: 100%;
    }
    .footer_nav_rechts {
        margin-top: -2em;
        margin-right: 10em;
        height: 7em;
        width: 12em;
        float: left;
    }
    .produkt_pic {
        float: left;
        height: 100%;
        width: 60%;
        margin-left: 20%;
    }
    .produkt_text {
        float: left;
        height: 65%;
        width: 95%;
        margin-top: -3em;
    }
    .produkt_container {
        height: 20em;
    }
    .imp_container_links {
        float: left;
        height: 13em;
        width: 100%;
    }
    .imp_container_rechts {
        float: left;
        height: 13em;
        width: 100%;
    }
    .imp_container_header {
        margin-top: 4em;
    }
    .container_kontakt {
        float: left;
        width: 50%;
        height: 20em;
    }
}