/* GLIEDERUNG
    (1)  Grundeinstellungen
    (2)  Header
    (6)  Hintergründe und Seitenbreite       
    (11) Scrollbare Link-Leiste
    (14) Fokus Bilder, Videos und Karten
    (17) Magazin CLOSE, Lesematerialien und Prospekte
    (19) Galerien
    (23) Info-Karten und Verkaufsdetails
    (24) Kalender
    (27) Updates */


@media(min-width: 1200px) {

/* (2) HEADER */

/* Header erhält seinen blauen Rahmen und die Segelform */
header {
    border-top-right-radius: 7rem 20rem;
    border-right: 10px solid var(--dunkelblau);
    border-left: 5px solid var(--dunkelblau);
}

.video {
    margin-right: 0;
    margin-left: 0;
}

.video video {
    max-width: 1200px;
    border-top-right-radius: 7rem 20rem;
    border-right: 10px solid var(--dunkelblau);
    border-left: 5px solid var(--dunkelblau);
}


/* (6) HINTERGRÜNDE UND SEITENBREITE */

/* Bild in Countdown Leiste */
.width_hellblau_cd {
    background-position: right 10% bottom 1rem;
}


/* (10) BLAUE BUTTONS */

/* ab 1.200px Seitenbreite Button links angeordnet */
.link_blue_left {
    justify-content: flex-start;
}


/* (11) SKROLLBARE LINK-LEISTE */

/* Breite der Link-Leiste erhöht sich auf 1600px */
.link_box,
.link_all {
    max-width: 1600px;
}


/* (14) FOKUS BILDER */

/* maximale Breite von 100% der Seite */
.picture_focus_area {
    width: 100%;
}

/* Änderung der Bildhöhe */
.picture_focus {
    height: 320px;
}

/* Picture-Fokus nimmt 25% der Seitenbreite ein */
.pic_focus {
    width: 25%;
}

/* Video-Fokus nimmt 50% der Seitenbreite ein */
.vid_focus {
    width: 50%;
}

/* Text auf Video- und Picture -Fokus beschränkt sich auf 2 Zeilen */  
.pic_text p,
.vid_text p {
    -webkit-line-clamp: 2;
}

/* Text auf dem Bild verringert sich in der maximalen Breite auf 70% */
.picture_text {
    width: 70%;
    padding: 1.5em 1.5em 1.5em 2.5em;
}

/* Zusätzlicher Bildtext wird angezeigt */
.picture_text p {
    display: block;
}


/* (15) COUNTDOWN */

/* Einzelne Kästchen gehen weiter auseinander */
.countdown_rectangle span {
    margin: 0 2rem 0.5rem 2rem;
    width: 100px;
    height: 50px;
}

.countdown_rectangle p {
    margin: 0 0 1.5rem 0;
}


/* (17) MAGAZIN CLOSE, LESEMATERIALIEN UND PROSPEKTE */

/* Die aktuelle Ausgabe wird in einer Reihe statt untereinander ausgegeben */
.magazine_box {
    width: 80%;
    border-radius: 0.5rem;
    flex-flow: row nowrap;
    align-items: flex-start;
}

.magazine_prev_pic {
    width: 25%;
    text-align: left;
    margin-right: 20px;
}

.magazine_prev_pic img {
    width: 220px;
}

.magazine_prev_content {
    width: 75%;
    text-align: left;
}

.reading_box {
    width: 80%;
}

.magazine_year_cover {
    width: 180px;
}

.magazine_year img {
    width: 180px;
}


/* (19) GALERIEN */

/* Geöffnete Bildergalerie - Pfeile */
.previngallery,
.nextingallery {
    top: 45%;
}

.nextingallery {
    right: -5rem;
    padding: 0.3rem 0.6rem 0.3rem 0.4rem;
}

.previngallery {
    left: -5rem;
    padding: 0.3rem 0.4rem 0.3rem 0.6rem;
}

.previngallery:hover, .previngallery:focus, .nextingallery:hover, .nextingallery:focus {
    background-color: transparent;
}


/* (23) INFO-KARTEN UND VERKAUFDETAILS */

.info_cards {
    padding: 0;
}


/* (24) KALENDER */

.calendar_month {
    width: 320px;
}

/* Generelle Gestaltung der Kalendarkacheln */
.calendar button,
.calendar_legend button {
    width: 2.2rem;
    height: 2.2rem;
}


/* (2´7) UPDATES */

/* Galerie-Bilder werden geringfügig größer */  
.upd_new {
    width: 45%;
}

}