/* * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } html {padding-top:0px;} body {margin-top:0px;} #mycookietip { width:100%;background-color:#eeeeee;position:relative;padding:10px 0px 20px 0px;font-size:14px;box-shadow: 0px 0px 5px 5px #888;} #mycookietip h1 {font-size:16px;font-weight:bold;} #mycookietip .inside {margin: 0px auto; width:1000px; max-width:80%;} /* all.css */ @font-face{font-family: "DHRegular"; src: url(https://doehler-haass.de/cms/templates/dhtemplate/DHRegular.woff) format("woff")}@font-face{font-family: "DHBook"; src: url(https://doehler-haass.de/cms/templates/dhtemplate/DHBook.woff) format("woff")}body{margin:0;font-family:"DHRegular",sans-serif;color:#000;background: #fff}form{margin:0}fieldset{margin:0;padding:0;border: none;border: none}.stealth,.invisible{display:none}.important{font-weight: 700;color: red}.code{font-family:"Courier New",Courier,mono;color:#093;letter-spacing:1px}.info-box{padding:4px;background-color:#f9f8e2;border:1px solid #cc3}#header{width:100%;float:right;color:#fff;box-shadow: 1px 1px 4px 0 #007dde;background: #007dde}#header .inside{color:#005292;background: #fff}#banner{padding:10px 20px 0;font-weight: 700}#bannerLogo{width:106px;float:left}#bannerHeader1{margin:0 0 0 120px;padding:0;font-size:1.4em}#bannerHeader2{display:none}#search_box{display:none}#navContainer{clear:both;padding-top:10px}#header ul{margin:0;padding:0;list-style: none;background: #007dde}#header ul li ul{display:none}#header ul.level_1 li:hover ul.level_2{display:block}#header ul.level_2 li:hover ul.level_3{display:block}#header li{text-align:center;line-height:1em;text-transform:uppercase}#header ul.level_2 li{text-transform:none;font-weight: 400}#header li a{display:block;padding:8px;text-decoration:none;color:#fff}#header li.active{background: #005292;font-weight: 700}#header li:hover{background: #2ea4ff}#footer{width:100%;position:static;float:right;clear:both;color:#fff;box-shadow: 1px 1px 4px 0 #005292;background: #005292}#footer ul{margin:0;padding:0;list-style: none;background: #005292}#footer li{text-align:center;line-height:1em}#footer li a{display:block;padding:8px;text-decoration:none;color:#fff;text-transform:uppercase}#footer li:hover{background: #2ea4ff}#trademarks{clear:both;padding:0 8px 8px;text-align:center;font-family:"DHBook",sans-serif}#main{clear:both;margin:8px 20px;padding:8px 0;transition: margin .2s ease-out}#main h1{margin:16px 0;font-size:1.5em;color:#333}#main h2{margin:16px 0;font-size:1.25em;color:#333}#main h3{margin:16px 0;font-size:1em;color:#333}#main h4,#main h5,#main h6{margin:16px 0;font-size:1em;color:#333;font-weight: 400}.doehlerhaass{color:#005292;font-weight: 700}#main .dhinfo{color: #005292;box-shadow: 1px 1px 4px 0 #005292;margin: 2em;padding: 1em}#main .dhadvice{color: #ec0000;box-shadow: 1px 1px 4px 0 #ec0000;margin: 2em;padding: 1em}#main p,#main .text{text-align:justify}#main .left,#main .left p{text-align:left}#main .center,#main .center p{text-align:center}#main .right,#main .right p{text-align:right}#main ul{list-style-image: url(https://doehler-haass.de/cms/templates/dhtemplate/bullet_8x8.png)}#main hr{height:0px;margin:5px 0;color: #900;border: none;border-bottom: 1px solid #900;box-shadow: 1px 1px 4px 0 #900}#main fieldset{margin:1em 0}#main blockquote{padding-left:10px;border-left:2px solid #666;font-style:italic;color:#666;font: 1.2em "Times New Roman",Times,serif}#main a{text-decoration:none;color:#900}#main a:focus,#main a:hover{text-decoration:underline;color: #ec0000}#main table.articles{width:auto;margin-right:auto;margin-left:auto;vertical-align:middle;border-collapse:collapse;box-shadow: 1px 1px 4px 0 #005292}#main table.articles th{padding:8px;text-align:center;background-color:#005292;border:1px solid #005292;color:#fff;font-weight: 700}#main table.articles td{padding:8px;border:1px solid #005292}#main table.articles table{width:100%;vertical-align:middle;border-collapse:collapse;border: none}#main table.articles table th,#main table.articles table td{padding:0;border: none}#main .scrollable{overflow:auto}#main .scrollable,#main .fixtable{font-family:"DHBook",sans-serif;line-height:115%}#main .scrollable table.articles,#main .fixtable table.articles{white-space: nowrap}#main .fixtable table.articles{border-collapse: separate; border-spacing: 0px}#main .scrollable table.articles th,#main .scrollable table.articles td{padding: 2px 8px}#main .fixtable table.articles th,#main .fixtable table.articles td{padding: 2px 4px}@media only screen and (max-width: 65em){#trademarks br{content:''}#trademarks br::after{content:', '}}@media only screen and (min-width: 65em){#bannerLogo{padding-right:14px}#bannerHeader1{margin:0;padding:0;font-size:1.725em}#bannerHeader2{display:block;margin:0;padding:0;font-size:1em;text-transform:uppercase;float:left;padding-right:90px}#search_box{display:block}#search_box legend,#search_box label{display:none}#search_box form{margin:0}#search_string{width:100px;height:16px;vertical-align:middle;border:1px inset #ccc}#search_submit{width:50px;height:20px;padding:0 0 4px;vertical-align:middle}#header li{float:left;text-align:left}#header li a{padding:8px 12px}#header ul.level_2{width:12em;position:absolute;display:none;text-transform:none;z-index:3}#header ul.level_2 li{width:12em;font-weight:400;position:relative}#header ul.level_3{top:0;left:100%;position:absolute;z-index:4}#header ul.level_1 > li:nth-child(4) ul.level_3{width:24em}#footer li{float:left;text-align:left}#footer li a{padding:8px 12px}#trademarks{padding:0 12px 8px;text-align:left}#main{margin:8px 120px;transition:margin .2s ease-out}}@media only screen and (prefers-color-scheme: dark){body{background:#333;color:#fff}#header .inside{background:#333;color:#24a0ff}#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{color:#ccc}#main .doehlerhaass{color:#24a0ff}#main .dhinfo{color:#24a0ff;box-shadow:1px 1px 4px 0 #24a0ff}#main .dhadvice{color:#ffadad;box-shadow:1px 1px 4px 0 #ffadad}#main hr{color:#ff6d6d;border-bottom:1px solid #ff6d6d;box-shadow:1px 1px 4px 0 #ff6d6d}#main a{color:#ff6d6d}#main a:focus,#main a:hover{color:#ffadad}#mycookietip{color:#000}#main .fixtable table.articles td{background:#333;}}@media only print{#bannerHeader1{padding-top:8px;font-size:1.25em}#bannerHeader2{display:block;margin:0 0 0 120px;padding:0;font-size:.75em;text-transform:uppercase}#search_box{display:none}#header{box-shadow:none;background:#fff}#navContainer{display:none}#mycookietip{display:none}#footer{display:none}} /* jquery.bxslider.css */ .bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom: 1}.bx-wrapper img{max-width:100%;display:block;object-fit: contain}.bx-wrapper .bx-viewport{-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;background: transparent;/*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0)}.bx-wrapper .bx-viewport img{margin:0 auto}.bx-wrapper .bx-viewport p{text-align:center}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{width:100%;bottom:-30px;position:absolute}.bx-wrapper .bx-loading{width:100%;height:100%;min-height:50px;left:0;top:0;position:absolute;background: url(/cms/templates/dhtemplate/images/bx_loader.gif) center center no-repeat #fff;z-index: 2000}.bx-wrapper .bx-pager{padding-top:20px;text-align:center;font:.85em Arial;font-weight:bold;color:#666}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom: 1;*display: inline}.bx-wrapper .bx-pager.bx-default-pager a{width:10px;height:10px;display:block;margin:0 5px;border-radius:5px;text-indent:-9999px;background: #666;outline: 0}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background: #000}.bx-wrapper .bx-prev{left:10px;background: url(/cms/templates/dhtemplate/images/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-next{right:10px;background: url(/cms/templates/dhtemplate/images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position: 0 0}.bx-wrapper .bx-next:hover{background-position: -43px 0}.bx-wrapper .bx-controls-direction a{width:32px;height:32px;top:50%;position:absolute;margin-top:-16px;text-indent:-9999px;outline: 0;z-index: 9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{width:10px;height:11px;display:block;margin:0 3px;text-indent:-9999px;outline: 0;background: url(/cms/templates/dhtemplate/images/controls.png) -86px -11px no-repeat}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position: -86px 0}.bx-wrapper .bx-controls-auto .bx-stop{width:9px;height:11px;display:block;margin:0 3px;text-indent:-9999px;outline: 0;background: url(/cms/templates/dhtemplate/images/controls.png) -86px -44px no-repeat}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position: -86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:80%;text-align:left}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{width:35px;right:0}.bx-wrapper .bx-caption{width:100%;bottom:0;left:0;position:absolute;background: #666\9;background: rgba(80, 80, 80, 0.75)}.bx-wrapper .bx-caption span{display:block;padding:10px;font:.85em Arial;color:#fff} /* dh_mobile_and_dark_fixes.css */ :root{color-scheme: light dark}@media only screen and (min-width: 65em){.nav-burger, .nav-toggle { display: none; } /* Tastatur-A11y: Submenues oeffnen auch bei Fokus */ #header ul.level_1 > li:focus-within > ul.level_2, #header ul.level_2 > li:focus-within > ul.level_3 { display: block; }}@media only screen and (max-width: 65em){/* -------- Haupt-Burger (Hamburger-Icon + Label) -------- */ /* Das Icon wird aus zwei absolut positionierten Pseudo-Linien */ /* (::before = obere + Mittellinie via box-shadow, ::after = untere*/ /* aufgebaut. Bei :checked rotieren die aeusseren zu einem X, der */ /* box-shadow der Mittellinie wird auf transparent animiert. */ nav > .nav-burger { display: flex; align-items: center; padding: 14px 16px 14px 52px; /* links Platz fuer Icon (16+22+14) */ min-height: 48px; box-sizing: border-box; background: #005292; color: #fff; font-weight: 700; font-family: "DHRegular", sans-serif; cursor: pointer; user-select: none; position: relative; } /* Zwei Linien: gemeinsame Basis */ nav > .nav-burger::before, nav > .nav-burger::after { content: ""; position: absolute; left: 16px; top: calc(50% - 1px); /* vertikal exakt zentriert */ width: 22px; height: 2px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; } /* Obere Linie (nach oben verschoben) + Mittellinie via Shadow */ nav > .nav-burger::before { transform: translateY(-7px) rotate(0deg); box-shadow: 0 7px 0 #fff; } /* Untere Linie (nach unten verschoben) */ nav > .nav-burger::after { transform: translateY(7px) rotate(0deg); } /* :checked -> X: beide Linien rueck in die Mitte + rotieren, */ /* Mittellinien-Shadow verschwindet. */ nav > .nav-burger:has(> .nav-toggle:checked)::before { transform: translateY(0) rotate(45deg); box-shadow: 0 0 0 transparent; } nav > .nav-burger:has(> .nav-toggle:checked)::after { transform: translateY(0) rotate(-45deg); } /* Text "Menue" / "Schliessen" */ nav > .nav-burger:has(> .nav-toggle:checked) > span::before { content: "Schlie\0000DFen"; /* echtes ss-Eszett via CSS-Escape */ } nav > .nav-burger:has(> .nav-toggle:checked) > span { font-size: 0; /* "Menue" ausblenden ... */ } nav > .nav-burger:has(> .nav-toggle:checked) > span::before { font-size: 1rem; /* ... und "Schlieen" zeigen */ } /* -------- Submenue-Burger (Pfeil, rechts neben dem Link) -------- */ /* Wichtig: Als Flex-Geschwister des , NICHT absolut positioniert. */ /* So bekommen und Burger getrennte, eindeutige Klickflaechen - */ /* sonst faengt auf Touch-Geraeten der Link darunter den Tap ab. */ li > .nav-burger { flex: 0 0 44px; display: flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; padding: 0; margin: 0; background: transparent; color: #fff; cursor: pointer; user-select: none; } /* Label-Text "Menue" visuell verstecken, fuer Screenreader sichtbar lassen */ li > .nav-burger > span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } li > .nav-burger::before { content: "\25BC"; /* Pfeil nach unten */ font-size: 14px; line-height: 1; transition: transform .2s; } li > .nav-burger:has(> .nav-toggle:checked)::before { transform: rotate(180deg); } /* -------- Checkboxen funktional, aber unsichtbar -------- */ /* sr-only-Pattern: 1px-Box ausserhalb des sichtbaren Bereichs. */ /* KEIN pointer-events:none - das blockiert auf iOS die Label-Toggle- */ /* Verknuepfung bei verschachtelten Labels. */ .nav-toggle { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* -------- Hover-Flyouts auf Mobile abschalten -------- */ /* Sonst bricht das Accordion, wenn Touch einen Hover ausloest */ #header ul.level_1 li:hover ul.level_2, #header ul.level_2 li:hover ul.level_3 { display: none; } /* -------- Accordion-Steuerung -------- */ /* ul.level_1 standardmaessig zu */ #header nav > .nav-burger + ul.level_1 { display: none; } /* ul.level_2/3 sind durch Basisregel schon zu */ /* Oeffnen: ul direkt nach einem :checked-Burger wird sichtbar. */ /* Drei separate Selektoren, damit jeder die Specificity der origin- */ /* Hover-Regel (1-3-3) ueberschreitet. Sonst gewinnt auf iOS :hover */ /* und versteckt das Submenue gerade dann, wenn es auf soll. */ #header nav > .nav-burger:has(> .nav-toggle:checked) + ul.level_1, #header ul.level_1 > li > .nav-burger:has(> .nav-toggle:checked) + ul.level_2, #header ul.level_2 > li > .nav-burger:has(> .nav-toggle:checked) + ul.level_3 { display: block; } /* -------- Hauptmenue-Layout (Flexbox mit Wrap) -------- */ /* Jedes
  • ist ein Flex-Container mit drei moeglichen Kindern: */ /* - : flex 1, volle Linkbreite */ /* - : flex 44px, eigene Touch-Flaeche */ /* - : flex-basis 100%, umbricht in die naechste Zeile */ #header ul.level_1 { border-top: 1px solid rgba(255, 255, 255, 0.25); } #header ul.level_1 > li { display: flex; flex-wrap: wrap; align-items: stretch; float: none; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); text-align: left; } #header ul.level_1 > li > a { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; padding: 12px 16px; min-height: 44px; box-sizing: border-box; } /* -------- Submenues: statisch, eingerueckt -------- */ /* flex-basis:100% => springt in die naechste Flex-Zeile unter */ #header ul.level_2, #header ul.level_3 { flex: 1 1 100%; position: static; width: 100%; background: rgba(0, 0, 0, 0.18); margin: 0; padding: 0; } #header ul.level_2 > li, #header ul.level_3 > li { display: flex; flex-wrap: wrap; align-items: stretch; float: none; width: 100%; text-align: left; text-transform: none; font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } #header ul.level_2 > li:last-child, #header ul.level_3 > li:last-child { border-bottom: none; } #header ul.level_2 > li > a { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; padding: 10px 16px 10px 32px; min-height: 40px; box-sizing: border-box; font-size: 0.95em; } #header ul.level_3 > li > a { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; padding: 8px 16px 8px 48px; min-height: 36px; box-sizing: border-box; font-size: 0.9em; opacity: 0.92; } /* -------- Banner: Logo + Titel (Abstand wie im Original) -------- */ #banner { padding: 10px 12px 0; overflow: hidden; /* Float-Logo einfangen */ } /* #bannerHeader1: keine Mobile-Override - Original-Basis */ /* (margin:0 0 0 120px; font-size:1.4em) bleibt erhalten. */ /* -------- Suchfeld: schlicht wie auf Desktop -------- */ /* Im Original ist das Suchfeld auf Mobile display:none. */ /* Wenn es sichtbar sein soll, dann unauffaellig wie Desktop - */ /* ohne Rahmen, Legend und Label ausgeblendet. */ #search_box { display: block; padding: 6px 12px 8px; } #search_box legend, #search_box label { display: none; } #search_box form { display: flex; gap: 6px; margin: 0; } #search_string { flex: 1; width: auto; height: 20px; vertical-align: middle; border: 1px inset #ccc; box-sizing: border-box; padding: 0 4px; } #search_submit { width: auto; height: 20px; padding: 0 8px; vertical-align: middle; } /* -------- Main -------- */ #main { margin: 8px 12px; } /* -------- Tabellen mobil: horizontal scrollbar, kein Schatten -----*/ /* Die Original-Klassen .scrollable / .fixtable sind dafuer da, */ /* aber der Scroll-Container auf Mobile braucht ein paar Feinheiten. */ /* Zusaetzlich: .ce_table - das ist der Contao-Default-Wrapper fuer */ /* alle Tabellen im Content-Editor. Damit greift der Scroll-Fix */ /* automatisch fuer jede CMS-Tabelle, nicht nur die manuell mit */ /* .scrollable eingehuellten. */ #main .scrollable, #main .fixtable, #main .ce_table { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; /* iOS smooth scroll */ } #main table.articles { box-shadow: none; /* spart visual noise */ } /* Footer-Menue und #trademarks werden bewusst NICHT angefasst. */ /* Original-Verhalten: Eintraege inline mit natuerlichem Umbruch, */ /* Container bringt die Zentrierung. Jede Mobile-Override zerbricht */ /* das Layout. */}@media only screen and (prefers-color-scheme: dark){.code { color: #6fcf97; /* war #093 - auf #333 unlesbar */ } .important { color: #ff8080; /* war red - etwas aufgehellt */ } .info-box { background-color: #2a2810; border: 1px solid #888855; color: #e6e6c0; } #search_string { background: #222; color: #fff; border: 1px solid #555; } #search_submit { background: #333; color: #ddd; border: 1px solid #555; } /* Tabellen-Schatten im Dark-Mode entfernen - #005292-Shadow auf */ /* dunkelgrauem Body wirkt schmutzig. Die Tabelle selbst bleibt in */ /* Markenblau (Original-Design), nur der aeussere Schatten geht weg. */ #main table.articles { box-shadow: none; }}#header a:focus-visible,#footer a:focus-visible,#main a:focus-visible,#search_string:focus-visible,#search_submit:focus-visible{outline: 2px solid #ffa500;outline-offset: 2px}.nav-burger:has(> .nav-toggle:focus-visible){outline: 2px solid #ffa500;outline-offset: -2px}@media only print{/* Mobile-Burger-Labels komplett verstecken (waren auf allen Breiten) */ .nav-burger, .nav-toggle { display: none !important; } /* Alle Box-Shadows entfernen - drucken sonst als graue Kaesten */ #banner, #header, #main table.articles, #main .dhinfo, #main .dhadvice, #main hr { box-shadow: none !important; } /* Links hinter dem Text mit URL ausdrucken (nur echte Ziele) */ #main a[href]:not([href^="#"]):not([href^="javascript"])::after { content: " (" attr(href) ")"; font-size: 0.8em; font-style: italic; color: #555; word-break: break-all; } /* Tabellenfaerbung: Toner-sparend schwarz-weiss */ #main table.articles { border-collapse: collapse; } #main table.articles th { background-color: transparent !important; color: #000 !important; border: 1px solid #000 !important; } #main table.articles td { background-color: transparent !important; color: #000 !important; border: 1px solid #000 !important; } /* Ganze Seite schwarz auf weiss - Dark-Mode-Regeln sollen nicht */ /* ins Druckbild bluten. */ body { background: #fff !important; color: #000 !important; } #main a, #main .doehlerhaass, #main .dhinfo, #main .dhadvice, #main hr { color: #000 !important; border-color: #000 !important; } /* Trademarks sichtbar halten (Rechtsstand-Hinweise) */ /* Das Original blendet #footer aus - darin ist auch #trademarks. */ /* Wenn die Marken-Hinweise mit sollen, hier einzeln einblenden: */ #trademarksContainer, #trademarks { display: block !important; color: #333 !important; font-size: 0.8em; margin-top: 1em; padding-top: 0.5em; border-top: 1px solid #aaa; } /* Container wieder sichtbar machen, da #footer weiter display:none. */ footer#footer { display: block !important; background: transparent !important; box-shadow: none !important; } /* Aber #legalContainer (Copyright/Sitemap/Impressum/Datenschutz) */ /* weg - das ist auf Papier keine Zielgruppe. */ #legalContainer { display: none !important; } /* Tabellen/Bilder nicht ueber Seitenumbrueche trennen */ #main table, #main img, #main figure { page-break-inside: avoid; } #main h1, #main h2, #main h3 { page-break-after: avoid; }}