/*
///////////////////////////////////
        Media-Querys
///////////////////////////////////
*/
@media (max-width: 740px) {
        #startseite #lists .kurse .item { display: block; float: none; width: calc(100% - 6px); margin: 3px; }

         #ads_footer .big, .big .adbreak { display: none; }
         #ads_footer .small, .small .adbreak { display: block; }

         h1 { font-size: 1.6em; }
         h2 { font-size: 1.4em; }
         h3 { font-size: 1.3em; }
         h4 { font-size: 1.2em; }
        h5 { font-size: 1.1em; }
         #startseite h3 { font-size: 1.4em; }

}

@media (max-width: 640px) {
        #eyecatcher { background-size: auto 70%; padding-top: 120px; }
         #header { height: 75px;}
         #header_icons { margin-top: 5px; }
         nav  { margin-top: 5px; }
        #logo { height: 65px; margin-top: 10px; padding: 0px; }
        #logo a { font-size: 2.2em; padding: 10px 0px 5px 70px; margin-top: 0px; background-position: -5px -5px; background-size: 70px; }
        #logo span { display: block; text-align: right; font-size: 0.26em; }

         #startseite #anbieter .item .logo { height: 100px; }

         #kurs_anbieter .info { font-size: 1.0em; }
         #anbieter .item { width: calc(50% - 40px); }

         #content .item_kurs a { float: none; width: calc(100% - 0px); }
         #content .item_kurs a.button { float: none; width: calc(100% - 30px); }

         #lexikon ul li { text-align: right; height: auto; }
         #lexikon ul li a, #lexikon ul li i { display: block; text-align: left; width: calc(100% - 30px); float: none; }
        #lexikon ul li a.kurs { float: none; display: inline-block; height: 65px; width: 100px; padding: 0px 0px; }
}

@media (max-width: 560px) {
         #eyecatcher { background-size: auto 60%; padding-top: 110px; margin-bottom: 20px; }

         #eyecatcher #suche_studium input[type="text"], #eyecatcher #suche_studium select { padding: 0px 10px 0px 10px; margin: 5px 2px; width: calc(100% - 85px); height: 37px; }
         #eyecatcher #suche_studium select { padding: 0px 10px 0px 10px; margin: 2px; width: calc(100% - 65px); }
         #eyecatcher #suche_studium input[type="submit"] { padding: 0px 20px 0px 0px; width: 50px; height: 80px; }

         #startseite #lists .stars { width: 100px; }
         #startseite #anbieter .item_info, #startseite #anbieter .item { float: none; width: calc(100% - 20px); }
         #startseite #anbieter .item_info span { height: auto; }

         #startseite #anbieter .item_info { z-index: 10; position: relative; width: calc(100% - 20px); margin-left: 10px; margin-bottom: 0px;  }

         #startseite #blog { padding: 20px 0px; width: calc(100% - 0px); }
         #startseite #stats .item { font-size: 1.6em; }

         #kurs_anbieter .image { float:none; width: 100%; text-align: center; }
         #kurs_anbieter .image img { width: 90%; height: auto; margin-bottom: 20px; }
         #kurs_anbieter .info { float:none; width: 100%; text-align: justify; font-size: 1.1em; margin-left: 0px; color: #292929; }

         #sidebar #anbieter .item { float: left; width: calc(50% - 10px); margin: 5px 0px; }
         #sidebar #anbieter .item:nth-child(even) { float:right; }

         #tabs .top { height: 42px; }
         #tabs .top .button { font-size: 1.0em; min-width: 100px; }
}

@media (max-width: 480px) {
         #header { height: 55px; }

         #logo {  width: calc(100% - 160px); height: 55px; margin-top: 0px; }
         #logo a { padding: 10px 0px 10px 0px; background: none;  }

         #header_icons { width: 100px; height: 50px; margin-top: 5px; }
         #header_icons #favos, #header_icons .suche { width: 50px; height: 55px; }
         #header_icons #favos{ line-height: 52px; }

         nav { height: 50px; width: 60px; margin-top: 5px; }
         #menuToggle { top: 15px; left: 15px; }
         #menu { width: calc(100vw - 25px); padding: 130px 15px 50px 15px; }

         #copyline .links, #copyline .rechts { width: 100%; display: block; float: none; text-align: center; font-size: 1.2em; }

         #anbieter h4 { font-size: 1.2em; }
         #anbieter .item { width: calc(50% - 20px); margin: 5px 5px; padding: 5px; }

         #content .table .item .links, #content .table .item .rechts { display: block; width: calc(100% - 10px); }
         #content .table .item .links { margin: 0px; border: 0px; }
         #content .table .item .rechts { text-align: right; }

         #content .artikel img.inline { display: block; width: 100%; height: auto; }
         .moreartikel img { max-width: 35% !important; height: inherit !important; }

         #tabs .top { height: 40px; }
         #tabs .top .button { font-size: 0.9em; min-width: 80px; margin: 0px 3px; }
         #slider_fernschulen h3 { font-size: 1.1em; margin-top: 10px; }
}


@media (max-width: 420px) {
         #header { height: 55px; }

         #logo {  width: calc(100% - 160px); height: 55px; font-size: 0.9em; }
         #logo a { padding: 10px 0px 10px 0px; background: none;  }
}