/* ============================================================
   RESPONSIVE – Breakpoints 1:1 aus media.css
   ============================================================ */

@media only screen and (max-width: 1400px) {
    .page-title { padding: 300px 0 0 0; }
}

@media only screen and (max-width: 1200px) {
    .back-to-top {
        position: relative !important;
        bottom: inherit;
        right: inherit;
        width: 100%;
        height: 60px;
        display: inline-block !important;
    }
}

@media only screen and (max-width: 900px) {
    .grid .unit { width: 100% !important; }
    #site-container { border-top: none !important; }
    .nav-container { position: relative; z-index: inherit; }
    /* Logo mobil: voller Breite, nicht gefloatet, damit der Menue-Balken darunter steht */
    .logo {
        float: none;
        display: block;
        padding-left: 40px;
    }
    .toggleMenu { display: block; }
    .nav {
        float: none;
        line-height: 40px;
        padding-right: 0;
        background-color: rgba(255, 255, 255, 0.1);
        display: none;
    }
    .nav.open { display: block; }
    .nav > li { float: none; }
    .nav ul {
        display: block;
        width: 100%;
        position: static;
        left: auto;
        background: transparent;
    }
    .nav li:hover > ul,
    .nav li:focus-within > ul { position: static; left: auto; }
    .nav a, .nav ul li a { padding: 5px 40px; }
    .nav ul li a { padding-left: 60px; }
}

@media only screen and (max-width: 768px) {
    h1 { font-size: 34px; }
    h2 { font-size: 30px; }
    h3 { font-size: 26px; }
    h4 { font-size: 22px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; }
    blockquote { padding-left: 40px; }
    blockquote:before { width: 10px; }
    blockquote:after { content: ''; }
    .nav-buttons span { width: 100% !important; }
    .car-prev.nav-icon,
    .car-next.nav-icon { width: 50% !important; }
    .car-prev.nav-icon { background-position: center left !important; }
    .car-next.nav-icon { background-position: center right !important; }
}

@media only screen and (max-width: 640px) {
    .slidetext { font-size: 24px; }
}

@media only screen and (max-width: 480px) {
    .slidetext { display: none !important; }
    .page-title { padding: 0 !important; }
}