Untitled
/* --- Allgemeine Einstellungen --- */ /* Header-Bereich als Breitenmaßstab */ .header-announcement-bar-wrapper, .gallery, .footer-wrapper, .header-display-desktop, .main-content, { max-width: 1200px; /* Breite des Headers */ margin: 0 auto; /* Zentriert */ width: 100%; /* Passt sich dem Bildschirm an */ } .header-announcement-bar-wrapper { margin-bottom: 12px !important; padding-bottom: 3px !important; } /* --- Links Format --- */ header a { background-image: none !important; } /* --- Tabellenstil --- */ /* Dates Table */ .dates-table table { width: 100%; table-layout: fixed; display: block; color: #808080; } .dates-table table .date { width: 30%; } .dates-table table .place { width: 30%; } .dates-table table tr, .dates-table table td, .dates-table table th { padding-bottom: 1.0vw; text-align: left; } /* --- Galerie-Stil --- */ .gallery-caption { padding: 4px 0 4px 0; } .gallery-caption p { font-weight: 300 !important; font-size: 0.95rem !important; } /* Header-Anpassungen */ .header-display-desktop { display: flex !important; } .header-title-nav-wrapper { align-items: flex-end; } /* --- Responsive Anpassungen --- */ @media screen and (max-width: 1024px) { .header, .header-announcement-bar-wrapper, .footer-wrapper, .gallery, .main-content, { margin: 0 auto; max-width: 95%; width:100%; } .header-announcement-bar-wrapper{ padding: 15px 0px 3px 0px !important; } .header-display-mobile, .header-burger, { display: none; } .header-title { display: flex; flex: 0% !important; } div.header-nav-item { margin-right: 7px; } /* Navigation Ausrichtung */ .header-nav { display: flex !important; } .showOnMobile, .header-actions-action, .header-actions-action--cart { display: none; } /* Mobile Tabellenanpassungen */ .dates-table table tr, .dates-table table td, .dates-table table th { padding-bottom: 1vw; font-size: 1rem; line-height: 150%; letter-spacing: -0.05vw; } .dates-table table .date { width: 25%; } .dates-table table .place { width: 25%; } /* Seitenlayout */ html { overflow-x: hidden; } }
Leave a Comment