/* LAYOUT CSS */ /* ================================================================== */ /* ================================================================== */ /* ================================================================== */ /* ================================================================== */ /* ================================================================== */ .Anrede {font-size: large; margin-top: 2em; -webkit-text-size-adjust: 150%} .faq-answer p {text-align:justify !important} /* ================================================================== */ /* Verhindern, dass iPhones die Unterschrift Käpt'n Eddy zu stark verkleinern --> */ /* ================================================================== */ @media only screen and (max-device-width: 1170px) and (-webkit-min-device-pixel-ratio: 2) { img.SIGNATURE-KaeptnEDDY { height: 45px; width: 207px } } /* ==================================================================*/ /* LINKS | Link-Heck-Mäck entfernen /* ==================================================================*/ A:link, A:visited, A:hover { text-decoration:none; } A:hover { COLOR:red; } a#sitemaplink:link, a#sitemaplink:hover, a#sitemaplink:visited, a#sitemaplink:active { text-decoration: none; font-size: 5px; color: #E6E6E6; } a#quicklink:link, a#quicklink:visited, a#quicklink:active { text-decoration: none; color: grey; } a#quicklink:hover { text-decoration: none; color: red; } /* ============================================================================ */ /* LINKS | Externe Links kennzeichnen */ /* ============================================================================ */ /* HINWEIS: Die Farbe kann einfach in den externen Link reingeschrieben werden */ /* ---------------------------------------------------------------------------- */ /* mehr dazu unter: https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Gestaltung_mit_CSS*/ /* */ /* ============================================================================ */ a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink)::after; a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink):hover::after, a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink):focus::after { content: ""; } ul.Linkliste a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink)::after, ul.Linkliste a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink):hover::after, ul.Linkliste a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink):focus::after { content: "\00A0"; } a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink) { padding-right: 1.6em; background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22grey%22%20points%3D%222%2C2%205%2C2%205%2C3%203%2C3%203%2C9%209%2C9%209%2C7%2010%2C7%2010%2C10%202%2C10%22/%3E%3Cpolygon%20fill%3D%22blue%22%20points%3D%226.2%2C2%2010%2C2%2010%2C5.8%208.6%2C4.4%206.5%2C6.5%205.5%2C5.5%207.6%2C3.4%22/%3E%3C/svg%3E") no-repeat right; } a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink):hover, a[href^="http"]:not([href*="romotour.ro"]):not(.Bildlink):focus { padding-right: 1.6em; background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22red%22%20points%3D%222%2C2%205%2C2%205%2C3%203%2C3%203%2C9%209%2C9%209%2C7%2010%2C7%2010%2C10%202%2C10%22/%3E%3Cpolygon%20points%3D%226.2%2C2%2010%2C2%2010%2C5.8%208.6%2C4.4%206.5%2C6.5%205.5%2C5.5%207.6%2C3.4%22/%3E%3C/svg%3E") no-repeat right; } /* ==================================================================*/ /* MENÜ /* ==================================================================*/ /* ------------------------------------------------------------------ */ /* MENÜ | Oben festkleben */ /* ------------------------------------------------------------------ */ #navcontainer {position: fixed; z-index: 1000;} #container {top: 75px;} /* Korrektur, fals Flaggen in der Menüleiste sind */ #navcontainer ul .M-FK {margin-top: -2px !important; font-weight: bold;} /* Damit Ankerlinks nicht unterm Menü verschwinden */ /* Die padding-Höhe hier ist passend für die Seiten, auf */ /* denen die Page-Headlines sticky sind. Hat eine Seite */ /* keine Sticky-Headline, brauchts im seitenspezifischen */ /* CSS eine individuelle kleinere Angabe zum padding */ :target {padding-top: 175px !important} /* ------------------------------------------------------------------ */ /* MENÜ | Breite korrigieren - erweitern */ /* ------------------------------------------------------------------ */ #navcontainer ul, #navcontainer ul ul, #navcontainer ul ul ul {margin: 0 auto; width: 1008px;} /* ------------------------------------------------------------------ */ /* MENÜ | Logo-Wortmarke-Link /* ------------------------------------------------------------------ */ #pageHeader img.logo {margin-top: -9px; float: right;} a.wortmarke:link, a.wortmarke:visited, a.wortmarke:hover { text-decoration:none; color: #4C4C4C; font-weight:bold } span.claim { font-size:21px; letter-spacing: -1px; color: #666666; } span.subclaim { font-size:16px; letter-spacing: -0.3px; text-transform: uppercase; font-weig ht: bold; color: #999999; } /* ==================================================================*/ /* SEITENLEISTE: */ /* ==================================================================*/ /* ------------------------------------------------------------------ */ /* Seiten-Kasten: */ /* ------------------------------------------------------------------ */ div.SEITENKASTEN-fixed, div.SEITENKASTEN-sticky, div.SEITENKASTEN-fixed-verschoben, div.SEITENKASTEN-sticky-verschoben { width: 138px; top: 60px; font-size: 90%; color: grey !important; padding: 10px; border: 1px solid #e2e2e2; background: #f1f1f1; color: #666666; } div.SEITENKASTEN-fixed, div.SEITENKASTEN-sticky {margin-left: 10px;} div.SEITENKASTEN-fixed-verschoben, div.SEITENKASTEN-sticky-verschoben {float: left; margin-left: -191px;} div.SEITENKASTEN-fixed, div.SEITENKASTEN-fixed-verschoben {position: fixed;} div.SEITENKASTEN-sticky, div.SEITENKASTEN-sticky-verschoben {position: -webkit-sticky; /* für ältere Safaris */ position: sticky;} div.SEITENKASTEN-Menue { position: -webkit-sticky; /* für ältere Safaris */ position: sticky; top: 65px; float: left; width: 138px; margin-left: -190px; text-align: right; font-size: 90%; padding: 10px; border: 1px solid #e2e2e2; background: #f1f1f1; color: #666666; } /* ································································· */ div.SEITENKASTEN-Menue-Tourvarianten-Flaggenueberlagernd { position: -webkit-sticky; /* für ältere Safaris */ position: sticky; top: 66px; float: left; width: 126px; margin-left: -184px; text-align: right; font-size: 90%; padding: 8px; border: 1px solid #e2e2e2; background: #f1f1f1; color: #666666; } div.SEITENKASTEN-Menue-Tourvarianten-ueberlagerte-Flagge { position: -webkit-sticky; position: sticky; top: 46px; margin: 0 0 0 -192px; float: left } /* ································································· */ /* Hilfsangebot in der Seienleiste */ /* ································································· */ div.SEITENKASTEN-Hilfsangebot { position: fixed; float: left; margin-left: 10px; width: 138px; margin-0; text-align: center; font-size: 90%; padding: 10px; border: 1px solid #e2e2e2; background: #f1f1f1; color: #666666; } div.SEITENKASTEN-Hilfsangebot h3 { letter-spacing: 0.01em; font-size: 1.08em; font-weight: bold; } /* ==================================================================*/ /* Flaggen in der/die Seitenleiste */ /* ==================================================================*/ /* Flaggen in der Seitenleiste neben Page-Headline: */ img.SEITENLEISTE-Flagge-neben-Headline { display: block; margin-left: auto; margin-right: auto; margin-top: 8px; } /* Flaggen in die Seitenleiste überlagern: */ div.Flagge-in-Seitenleiste-verschieben {float: left; margin: 0 0 0 -190px;} div.KarteInSeitenleisteLinks {float: left; margin: 0 0 0 -190px;} div.Karte-in-Seitenleiste-verschieben {float: left; margin: 0 0 0 -190px;} /* ==================================================================*/ /* Postit in der/die Seitenleiste */ /* ==================================================================*/ div.PostIt-in-Seitenleiste-verschieben img {float: left; margin: 10px 0 0 -160px; width: 120px; height: auto;} /* ==================================================================*/ /* Bilder */ /* ==================================================================*/ figure.Bild-horizontal-zentriert { display: table; margin-left: auto; margin-right: auto; margin-bottom: 0px; } /* ==================================================================*/ /* HEADLINES: */ /* ==================================================================*/ h1.PageHeadline { font-size: 30px; font-weight: bold; color: grey; } h2.PageHeadline { font-size: 2em; font-weight: bold; color: grey; margin-top: 2em; margin-bottom: 0.5em; } h1.PageHeadline, h1.BLOCK-PageHeadline, h1.TOURLISTE-PageHeadline, h1.TOURDETAILS-PageHeadline { font-size: 30px; font-weight: bold; color: grey; background-color: white; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; line-height: 100px; } div.PageHeadline-STICKY, div.TOURLISTE-PageHeadline-STICKY, div.TOURDETAILS-PageHeadline-STICKY { position: -webkit-sticky; /* für ältere Safaris */ position: sticky; top: 45px; background: white; } /* ==================================================================*/ /* Horizontale Linien */ /* ==================================================================*/ hr.Trenner50 {margin: 50px 0 50px 0;} /* ==================================================================*/ /* Textgestaltung /* ==================================================================*/ strong {color:#9A0006, font-weight: bold;} em {color: #9A0006; font-style: normal;} mark {background-color: rgb(255, 255, 150);} .Preis { font-weight: bold; color: green } /* ------------------------------------------------------------------ */ /* Kasten */ /* ------------------------------------------------------------------ */ div.Kasten { font-size: 0.8em; border: 1px solid #e2e2e2; background: #f1f1f1; color: #666666; padding: 1em 2em; margin: 2em 1em; } /* ================================================================== */ /* ================================================================== */ /* SEITENTYP FAQs */ /* ================================================================== */ /* ================================================================== */ /* ================================================================== */ /* ================================================================== */ /* SEITENTYP Tourliste (zB. Albanien-Touren) */ /* ================================================================== */ /* ================================================================== */ /* ==================================================================*/ /* Untermenü im Seitenkasten */ /* ==================================================================*/ div.SEITENKASTEN-Menue h2 { font-size: 1.4em; color: inherit; margin: 0 0 0 0; padding-bottom: 0.3em; } div.SEITENKASTEN-Menue-Tourvarianten h2 { font-size: 1.4em; color: inherit; margin: 0 0 0 0; padding-bottom: 0.3em; } div.SEITENKASTEN-Menue-Tourvarianten h2::after {content: "Tourvarianten:"} .SEITENKASTEN-TOURLISTE-Tourvarianten h2 {} /* ================================================================== */ /* Abschnitte */ /* ================================================================== */ div.TOURLISTE-Abschnitts-Trenner-TOP {clear: both; margin-top: 50px;} div.TOURLISTE-Abschnitts-Trenner-BOTTOM {margin-bottom: 25px;} div.TOURLISTE-Abschnitts-Trenner-TOP-Headline {margin-top: 0px; } div.TOURLISTE-Abschnitts-Trenner-BOTTOM-Headline {margin-bottom: 25px;} div.TOURLISTE-TrennerTourdatensatz { margin-top: 2em; margin-bottom: 2em; } div.TOURLISTE-TrennerTourdatensatz-Headline { margin-top: 0px; margin-bottom: 2em; } /* ==================================================================*/ /* Tabelle mit Tourdaten */ /* ==================================================================*/ table.TOURLISTE { width: 100%; text-align: left; border-collapse: separate; border: 0px solid grey; border-spacing: 0px; margin: 2em 0 1em 0; } table.TOURLISTE th { font-weight: bold; padding-left: 1em; padding-right: 1em; padding-top: 0.5em; vertical-align: top; } table.TOURLISTE td { vertical-align: middle; padding: 0.3em 1em; width: auto; } /* Erste Zeile */ tr.TOURLISTE-Zeile01 {} th.TOURLISTE-id {width: 8em} th.TOURLISTE-Name {} td.TOURLISTE-PostitZelle {text-align: center; vertical-align:top !important;} td.TOURLISTE-PostitZelle-Verschiebung { text-align: center; vertical-align:top !important; max-width: 0px !important; margin: 0 !important; padding: 0 !important; } td.TOURLISTE-KartenZelle {text-align: right; vertical-align:top;} img.TOURLISTE-KartenZelle-Bildbreite {width: 250px} td.TOURLISTE-Zelle-PostitBuchungsstatus {text-align: center;} img.TOURLISTE-PostitBuchungsstatus { width: 125px; height:auto; margin: -25px 0 0 0; padding: 0; } span.TOURLISTE-VerweisJetztBuchen { font-weight: bold; font-size: 88%; text-transform: none; } span.TOURLISTE-VerweisJetztBuchen:after {content: "Jetzt buchen!";} /* Zweite Zeile */ tr.TOURLISTE-Zeile02 {} th.TOURLISTE-TerminTitelspalte {} td.TOURLISTE-Termin {} span.TOURLISTE-TerminBindestrich::after {content: " – ";} /* Dritte Zeile */ tr.TOURLISTE-Zeile03 {} th.TOURLISTE-UmfangTitelspalte {} td.TOURLISTE-Umfang {} span.TOURLISTE-TrennerDauerBegleitfahrzeug:after {content: " | ";} span.TOURLISTE-BenennungBegleitfahrzeug:after {content: " Begleit-Bus";} /* Vierte Zeile */ tr.TOURLISTE-Zeile04 {} th.TOURLISTE-PreisTitelspalte {} td.TOURLISTE-Preis {} td.TOURLISTE-Preis span.Preis {color: green; font-weight: bold;} td.TOURLISTE-Preis span.PreisZusatz {color: green; font-size: 70%;} /* Fünfte Zeile */ tr.TOURLISTE-Zeile05 {} th.TOURLISTE-DetailsTitelspalte {} td.TOURLISTE-Details {font-size: 125%; font-weight: bold;} span.TOURLISTE-DetailsVerweis::after {text-transform: uppercase; content: "=> Details";} span.TOURLISTE-Buchungsappell::after {text-transform: uppercase; content: "=> Jetzt buchen!";} /* Sechste Zeile */ tr.TOURLISTE-Zeile06 {display: none} th.TOURLISTE-AbschlussSpacerTitelspalte {} td.TOURLISTE-AbschlussSpacer {} /* ================================================================== */ /* ================================================================== */ /* SEITENTYP Tourbeschreibung (zB. 2-Wochen-Rumänien) */ /* ================================================================== */ /* ================================================================== */ /* ================================================================== */ /* Tourbeschreibung | Abschnitte */ /* ================================================================== */ /* ------------------------------------------------------------------ */ /* Abschnitts-Trenner */ /* ------------------------------------------------------------------ */ div.Abschnitts-Trenner-------PURGA { display: block; padding-top: 400px; padding-bottom: 400px; margin: 200px; clear: right; } div.TOURBESCHREIBUNG-Abschnitts-Trenner-TOP {clear: both; margin-top: 100px; } div.TOURBESCHREIBUNG-Abschnitts-Trenner-BOTTOM {margin-bottom: 25px;} div.TOURBESCHREIBUNG-Abschnitts-Trenner-TOP-Headline {margin-top: 0px; } div.TOURBESCHREIBUNG-Abschnitts-Trenner-BOTTOM-Headline {margin-bottom: 25px;} /* ------------------------------------------------------------------ */ /* Abschnitts-Überschriften */ /* ------------------------------------------------------------------ */ h2.Abschnittsheadline {color: grey; font-size: 22px} #HEADLINE-Inhaltsverzeichnis::after {content: "Tourdetails";} #HEADLINE-Routenkarte::before {content: "Die wunderbare Route";} #HEADLINE-Tourprofil::after {content: "Das Tourprofil";} #HEADLINE-TagFuerTag::after {content: "Die Tag für Tag Beschreibung";} #HEADLINE-InklusivLeistungen::after {content: "Die Vorteile";} #HEADLINE-Tourtermine::after {content: "Die Termine und Preise";} /* ------------------------------------------------------------------ */ /* SUBMENÜ | Verlinktes Inhaltsverzeichnis */ /* ------------------------------------------------------------------ */ a.VERWEIS-Routenkarte::after {content: "=> Route"} a.VERWEIS-Tourprofil::after {content: "=> Tourprofil"} a.VERWEIS-TagFuerTag::after {content: "=> Tagesprogramm"} a.VERWEIS-InklusivLeistungen::after {content: "=> Vorteile"} a.VERWEIS-Tourtermine::after {content: "=> Termine + Preise"} /* ------------------------------------------------------------------ */ /* SUBMENÜ | Verlinktes Inhaltsverzeichnis in Seitenkasten verschieben */ /* ------------------------------------------------------------------ */ .SEITENKASTEN-Menue-Tourdetails h2::after {content: "Details zur Tour:"} .SEITENKASTEN-Menue-Tourdetails h2 { font-size: 1.4em; color: inherit; margin: 0 0 0 0; padding-bottom: 0.3em; } /* ================================================================== */ /* ABSCHNITT | Routenkarte */ /* ================================================================== */ /* ------------------------------------------------------------------ */ /* Unterzeile Tour-Maps */ /* ------------------------------------------------------------------ */ figcaption.TOURBESCHREIBUNG-TourmapUnterzeile-Irrtumswarnung, .TOURBESCHREIBUNG-TourmapUnterzeile-Irrtumswarnung { color: grey; font-size: 9px; font-weight: normal; text-align: right; line-height: 0.5; margin: 0 0 0 0; } figcaption.TOURBESCHREIBUNG-TourmapUnterzeile-Irrtumswarnung::after, .TOURBESCHREIBUNG-TourmapUnterzeile-Irrtumswarnung::after {content: "Irrtum und Änderung vorbehalten"} /* ================================================================== */ /* ABSCHNITT | Tourprofil */ /* ================================================================== */ table.TOURPROFIL { width: 100%; text-align: left; border-collapse: separate; border: 0px solid grey; border-spacing: 0px; margin: 0em 0 1em 0; } tbody.TOURPROFIL tr:nth-child(odd) { background-color: #f1f1f1; } table.TOURPROFIL td { vertical-align: middle; padding: 0.3em 1em; } table.TOURPROFIL th { width: 1%; font-weight: bold; color: grey; text-transform: uppercase; padding-left: 1em; padding-right: 5em; padding-top: 0.5em; vertical-align: top; } .TOURPROFIL-Highlights-Headline { font-weight: bold; line-height: 2em; font-size: 1.1em; } .TOURPROFIL-Highlights { line-height: 1.5; font-size: 0.9em; } span.TOURPROFIL-Highlights-Stichwort { font-weight: bold; text-transform: uppercase;} span.TOURPROFIL-Highlights-Stichwort::before {content: " >"} span.TOURPROFIL-Highlights-Stichwort::after {content: ": "} .TOURPROFIL-Vielesmehr { text-align: left; font-weight: bold; line-height: 3; font-size: 0.9em; } .TOURPROFIL-Sternchen { font-size: 0.7em; font-weight: bold; text-align: right; padding-top: 0.2em; padding-right: 0em; vertical-align: top } /* ================================================================== */ /* ABSCHNITT | Tag-für-Tag */ /* ================================================================== */ /* ------------------------------------------------------------------ */ /* TAG FÜR TAG - generell */ /* ------------------------------------------------------------------ */ /* Umschließendes Tag */ div.TAG-FUER-TAG {} div.TAG-FUER-TAG { margin: 0; padding: 0;} /* ------------------------------------------------------------------ */ /* ABSCHNITT Tag-für-Tag | Trenner */ /* ------------------------------------------------------------------ */ div.Tages-Trenner { clear: both; display: block; margin: 0; padding: 25px 0 50px 0; font-size: 75%; font-weight: bold; } div.Tages-Trenner a::before {content: "\2B06\00A0 zurück zur Übersicht"} div.TAG-FUER-TAG hr.TRENNER-Video-unter-Tagesbeschreibung { clear: both; border-style: dotted; margin: 50px 0; } /* ------------------------------------------------------------------ */ /* ABSCHNITT Tag-für-Tag | Bilder */ /* ------------------------------------------------------------------ */ div.Bild-Spacer {margin: 0 0 0 0;} div.TAG-FUER-TAG .image-right { float: right; margin: 0 0 0 2em; line-height: 1em; } div.TAG-FUER-TAG .Bildunterschrift { font-size: 0.5em; letter-spacing: normal; font-weight: bold; line-height: 1.5em; text-align: center; color: grey; margin: 0 0 2.5em 0; max-width: 333px; } /* ------------------------------------------------------------------ */ /* ABSCHNITT Tag-für-Tag | Textgestaltung */ /* ------------------------------------------------------------------ */ div.TAG-FUER-TAG p {margin: 0 0 1em 0; text-align: justify;} div.TAG-FUER-TAG p.smaller {padding-top: 2em;} div.TAG-FUER-TAG strong, div.TAG-FUER-TAG em {color:#9A0006} div.TAG-FUER-TAG em {font-style: italic; font-weight: bold;} div.TAG-FUER-TAG strong {font-weight: bold;} div.TAG-FUER-TAG small, .smaller {font-size: 0.8em; line-heigt: 1.1em;} /* ------------------------------------------------------------------ */ /* ABSCHNITT Tag-für-Tag | Überschriften */ /* ------------------------------------------------------------------ */ div.TAG-FUER-TAG h1, div.TAG-FUER-TAG h2, div.TAG-FUER-TAG h3, div.TAG-FUER-TAG h4, div.TAG-FUER-TAG h5, div.TAG-FUER-TAG h6 { color: #000000; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; line-height: 1.5; padding: 0; } div.TAG-FUER-TAG h2 {font-size: 2em} div.TAG-FUER-TAG h3 {font-size: 1.6em} div.TAG-FUER-TAG h4 {font-size: 1.1em;} div.TAG-FUER-TAG h2 {margin: 0.5em 0em;} div.TAG-FUER-TAG h3 {margin: 1.5em 0em 0.5em 0em;} div.TAG-FUER-TAG h4 {margin: 2.5em 0 1.25em 0;} div.TAG-FUER-TAG h2 {font-weight: normal;} div.TAG-FUER-TAG h3 {font-weight: normal;} div.TAG-FUER-TAG h4 {font-weight: bold;} div.TAG-FUER-TAG h2 {letter-spacing: -0.5px;} div.TAG-FUER-TAG h3 {letter-spacing: -0.5px;} div.TAG-FUER-TAG h4 {letter-spacing: 0px;} div.TAG-FUER-TAG h3.Tagesheadline {font-size: 20px;; color:#323232; margin: 0 0 0.5em 0em} div.TAG-FUER-TAG h3.Subline-Orte {font-size: 1.2em; color: grey; margin: 0 0 0 0;} div.TAG-FUER-TAG h3.Subline-Distanz {font-size: 0.9em; color: grey; margin: 0 0 0 0;} div.TAG-FUER-TAG h3.Subline-Distanz::before {content: "[ Etappe: "} div.TAG-FUER-TAG h3.Subline-Distanz::after {content: " ]"} div.TAG-FUER-TAG h4.Tagesmotto {font-size: 1.2em; color:#181818; margin: 1.5em 0 1em 0; letter-spacing: -0.02em;font-weight: normal; background-color: yellow} /* ································································· */ /* ABSCHNITT Tag-für-Tag | Überschriften - Wochentage ergänzen */ /* ································································· */ /* Die Wochentags-Namen stehen im individuellen CSS der jeweiligen Page */ /* hier nur ein Formatbeispiel */ /* #Tag-07 span.Wochentag::after, #Tag-14 span.Wochentag::after, #Tag-21 span.Wochentag::after, #Tag-28 span.Wochentag::after {content: "Sonntag"} */ /* Trennzeichen zwischen Tage-Nummer und Wochentags-Namen */ span.Wochentag::before {content: "\00A0 | \00A0"} /* Tagesnummern */ #Tag-00::before {content:"Vortag/Vorabend"} #Tag-01::before {content:"1. Tag"} #Tag-02::before {content:"2. Tag"} #Tag-03::before {content:"3. Tag"} #Tag-04::before {content:"4. Tag"} #Tag-05::before {content:"5. Tag"} #Tag-06::before {content:"6. Tag"} #Tag-07::before {content:"7. Tag"} #Tag-08::before {content:"8. Tag"} #Tag-09::before {content:"9. Tag"} #Tag-10::before {content:"10. Tag"} #Tag-11::before {content:"11. Tag"} #Tag-12::before {content:"12. Tag"} #Tag-13::before {content:"13. Tag"} #Tag-14::before {content:"14. Tag"} #Tag-15::before {content:"15. Tag"} #Tag-16::before {content:"16. Tag"} #Tag-17::before {content:"17. Tag"} #Tag-18::before {content:"18. Tag"} #Tag-19::before {content:"19. Tag"} #Tag-20::before {content:"20. Tag"} #Tag-21::before {content:"21. Tag"} #Tag-22::before {content:"22. Tag"} #Tag-23::before {content:"23. Tag"} #Tag-24::before {content:"24. Tag"} #Tag-25::before {content:"25. Tag"} #Tag-26::before {content:"26. Tag"} #Tag-27::before {content:"27. Tag"} #Tag-28::before {content:"28. Tag"} #Tag-29::before {content:"29. Tag"} #Tag-30::before {content:"30. Tag"} /* ································································· */ /* ABSCHNITT Tag-für-Tag | Kasten - Normaler Kasten neben Bildern */ /* ································································· */ div.TAG-FUER-TAG div.Kasten { font-size: 0.8em; border: 1px solid #e2e2e2; background: #f1f1f1; color: #666666; padding: 1em 2em; margin: 2em 1em; display: grid; } div.TAG-FUER-TAG div.Kasten h4 {font-size: 1.6em; margin: 1em 0; color: #323232;} div.TAG-FUER-TAG div.Kasten h5 {font-size: 1.1em; margin: 2em 0 0.25em;} /* ································································· */ /* ABSCHNITT Tag-für-Tag | Kasten | volle Breite (Bilder im Kastens) */ /* ································································· */ div.TAG-FUER-TAG div.Vollkasten { font-size: 0.85em; border: 1px solid #e2e2e2; background: #f1f1f1; color: #666666; padding: 1em 2em; margin: 2em 1em; display: block; } div.TAG-FUER-TAG div.Vollkasten h4 {font-size: 1.6em; margin: 1em 0;} div.TAG-FUER-TAG div.Vollkasten h5 {font-size: 1.1em; margin: 2em 0 0.25em;} /* Überschrift im Kasten */ div.TAG-FUER-TAG .Dachzeile { font-size: 66%; font-weight: normal; letter-spacing: +0.05em; text-transform: uppercase; padding-bottom: 0.2em; } /* ================================================================== */ /* ------------------------------------------------------------------ */ /* ································································· */