/* Css file mit globalen Style fuer die Website TV Bad Bergzabern */ /* der pfad bei Ionos ist: /TV-BZA-1882/WP-TV-BZA/CSS */ /* also href="http://tv-badbergzabern.de/TV-BZA-1882/WP-TV-BZA/CSS/filename.css" */ /* der filename lautet: Css4WS */ /* Eingebunden wird dieses file im Head des html files */ /* oder falls die absolute adresse per https angesprochen wird */ /* */ /* Style Basketball - Level I */ /* Style der Headline im Textblock - Level I */ /* geändert nach Portierung auf die Domain Ionos und verweigertem Zugriff auf die CSS datei */ .tableBkBHL { display: table; color: blue; font-size: 1rem; font-weight: 700; line-height: 1.2; font-size: 150%; margin-bottom: 10px; /* schaffe kleinen Abstand danach **- also zum achfolgenden Text */ } /* Style vom Text im block - Level I */ .tableBkB { display: table; color: blue; /* font-size: 100%; */ font-weight: normal; line-height: 1; padding-top: 10px; font-size: 120%; /* font-size: ist 1 rem und davon 120 % */ } .BkB_Highlight { padding: 10px 15px 10px 5px; color: blue; font-weight: bolder; font-style: normal; /* normal, italic, oblique, */ line-height: 1; padding-left: 0px; /* margin: 10px; */ font-size: 200%; /* font-size: ist 1 rem und davon 120 % */ /* text-decoration: underline; text-decoration-color: red; text-underline-offset: 5px; text-decoration-thickness: 4px; */ text-transform: uppercase; } /* mehrspaltiger Text */ .BkB_Motto { columns: 2 7.5em; column-gap: 25px; hyphens: auto; padding: 5px 5px 5px 5px; margin-top: 16px; font-weight: normal; line-height: 1; color: blue; font-size: 2rem; } .BkB_HL { padding: 0px 0px 0px 0px; font-weight: normal; color: blue; font-style: normal; font-size: 2.8rem; } .BkB_HL h2 { padding: 5px 5px 5px 5px; font-weight: bold; font-size: 100%; color: blue; } /* Fehler - hier fehlt screen and ! */ @media (min-width: 300px) and (max-width: 414px) { .BkB_Motto { /* column-count: 1; */ padding: 5px 5px 5px 5px; columns: 1 15em; font-size: 90%; } } @media (min-width: 415px) and (max-width: 768px) { .BkB_Motto { /* column-count: 1; */ padding: 5px 5px 5px 5px; columns: 1 15em; font-size: 120%; } } @media (min-width: >= 769px) { .BkB_Motto { /* column-count: 1; */ padding: 5px 5px 5px 5px; columns: 2 7.5em; font-size: 200%; } } /* 6,2-Zoll-Handy */ /* Breite 360px bis 414px für Mobile */ /* Höhe 6,2-Zoll-Handy variiert je nach Modell 800px und 900px */ /* ipad */ /* Breite 768 px bis 1024px für Mobile */ /* Höhe 1014px und 1366px */