/* Theme Name: DHDL Theme Theme URI: https://www.dhdl.info/ Description: WordPress Theme für DHDL Version: 2.01 Author: NETPROFIT Author URI: https://www.netprofit.de/ */ :root{ --rot:#c62341; --schwarz:#222; --dunkelgrau:#444; --grau:#e1e1e1; --hellgrau:#f0f0f0; } /*.chart-container{border:1px dashed #ccc;background-color:#f2f2f2;background-image:repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,255,255,.75) 10px, rgba(255,255,255,.75) 20px)} .chart-container:after{display:block;position:absolute;top:36%;width:100%;text-align:center;content:'Statistiken werden neu berechent...';color:#999;font-size:.8rem} */ *::-moz-selection,::selection{background-color:var(--rot);color:#fff;text-shadow:none} /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} article, aside, footer, header, nav, section{display:block} figcaption, figure, main{display:block} figure{margin:1em 40px} hr{box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent;-webkit-text-decoration-skip:objects} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b, strong{font-weight:inherit} b, strong{font-weight:bolder} code, kbd, samp{font-family:monospace,monospace;font-size:1em} dfn{font-style:italic} mark{background-color:#ffdada;color:#000;padding:auto 2px} small{font-size:80%} sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-0.25em} sup{top:-0.5em} audio, video{display:inline-block} audio:not([controls]){display:none;height:0} img{border-style:none;max-width:100%;height:auto !important} svg:not(:root){overflow:hidden} button, input, optgroup, select, textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} button, input{overflow:visible} button, select{text-transform:none} button, html [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText} fieldset{padding:0.35em 0.75em 0.625em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{display:inline-block;vertical-align:baseline} textarea{overflow:auto} [type="checkbox"], [type="radio"]{box-sizing:border-box;padding:0} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px} [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details, menu{display:block} summary{display:list-item} canvas{display:inline-block} template{display:none} [hidden]{display:none} .clearfix:after{content:"";display:table;clear:both} #skiplinks{margin:0;padding:0;list-style:none} .screen-reader-text{position:absolute; margin: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0);} a:active,*:focus-visible,.screen-reader-text:focus{outline:.1rem solid currentColor;outline-offset:.1rem;border-radius:.1rem;box-shadow:0 0 0 .1rem #var(var(--dunkelgrau))} .screen-reader-text:focus-visible{z-index:99999;padding:.5em 1em;background:#000;color:#eee;top:0;left:0;width:auto;height:auto;clip:auto;-webkit-clip-path: none; clip-path: none;} html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing:border-box;scroll-behavior:smooth} *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit} body{font:17px/1.6 'Nunito',Arial,sans-serif;font-weight:400;background:#fff;color:var(--schwarz);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;height:100%;letter-spacing:0.02em;word-spacing:0.02em;-webkit-font-feature-settings:"smcp","liga"; -moz-font-feature-settings:"smcp","liga";font-feature-settings:"smcp","liga";-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;font-size:clamp(1rem, 0.896rem + 0.522vw, 1.3rem)} h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin:2.5rem 0 1rem} h1{font-size:1.8rem} h2{font-size:1.5rem} h3{font-size:1.4rem} h4{font-size:1.2rem} hr{display:block;clear:both;border:0;width:4rem;margin:3rem auto;background-color:var(--dunkelgrau);height:2px} strong,.bold{font-weight:600} small{font-size:.75em} .hidden{display:none} .invisible{display:none} li{outline:0 !important} a{outline:0 !important;text-decoration:none;color:var(--schwarz);transition:all .2s linear 0s} a:hover{text-decoration:underline;text-underline-offset:2px} .unsichtbar{display:none} .underline{display:inline-block;border:1px solid var(--rot);line-height:1;padding:1px} .svg{fill:var(--rot)} .button .svg,button .svg{fill:#fff} dl{font-size:.9em;display:grid;grid-template-columns:1fr;gap:.25rem .75rem} dl>dt{grid-column:1;font-weight:600} dl>dd{grid-column:1;margin:0 0 .5rem;border-bottom:2px solid #fff;padding-bottom:.5em} dl>dd:last-of-type{border-bottom:none;padding-bottom:0} @media(min-width:768px){ dl{grid-template-columns:minmax(8ch,35%) minmax(0,1fr)} dt,dd{padding:.3em 0} dl>dt{grid-column:1;border-bottom:2px solid #fff} dl>dt:last-of-type{border-bottom:none;padding-bottom:0} dl>dd{grid-column:2;margin:0} } #header{color:#c8af6a;;background:#404040 url(/assets/themes/dhdl/images/dhdl-header-klein.webp) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:auto} #nav{background:#fff;color:var(--schwarz)} #content{/padding-bottom:1rem} .container{width:100%;padding:0 1rem} #header,#nav,#footer{text-align:center;overflow:auto} #header #logo{font-family:'PT Serif',Times,'Times New Roman',serif;text-transform:uppercase;text-decoration:none;color:transparent;display:block;font-weight:600 !important;font-size:1.5em !important;line-height:1.1;margin:2em 0 .5em 0 !important;background:linear-gradient(90deg, #fec855 35%, #f59d33 50%, #fec855 65%);background:-webkit-linear-gradient(90deg,#fec855 35%,#f59d33 50%,#fec855 65%);-webkit-background-clip:text;-webkit-text-fill-color:transparent} #header #subline{font-family:'Noto Serif','Nunito',Arial,sans-serif;font-weight:400 !important;display:block;font-size:.9em !important;text-transform:uppercase;margin:0 0 1.5em 0 !important} #header a#logo:hover{text-shadow:0 0 9px #c59d4b} #nav{position:fixed;bottom:0;font-size:.45rem;z-index:9999;width:100%;border-top:2px solid var(--dunkelgrau)} #nav ul{margin:0;padding:0;list-style-type:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} #nav li{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;padding:0} #nav .svg{display:block;margin:1px auto 5px} #nav li.page-item-788,#nav li.page-item-2738{display:none} #nav a{text-align:center;display:block;width:100%;color:var(--schwarz);font-weight:600;font-size:1.2em;padding:.5rem 1rem 1rem 1rem} #nav li:last-child a{border-right:none} #content p,#content ul,#content ol,#content .table-container,#content blockquote,#content form{margin:1rem 0;padding:0} #content ol{margin-left:1.1rem !important} #content ul{list-style-type:none} #content ul li{position:relative;padding-left:1rem;margin:.1em 0} #content ul li:before{color:var(--rot);content:'•';position:absolute;left:0;top:.25em;font-size:.75em} #content ul.checkliste li{padding-left:2rem;margin:.75rem 0} #content ul.checkliste li:before{content:'✓';border:1px solid #ccc;font-size:1rem;padding:0 .2rem;line-height:1.2;top:4px} .aside ul#social{margin-left:1px;margin-bottom:1.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .aside ul#social li{padding:0} .aside ul#social li:before{display:none} .aside ul#social a{display:inline-block;padding:.5rem .75rem;line-height:1;background-color:var(--hellgrau);border-radius:3em;transition:all .2s linear 0s} .aside ul#social a svg{fill:var(--schwarz)} .aside ul#social a:hover{background-color:var(--rot)} .aside ul#social a:hover svg{fill:#fff} #breadcrumb{font-size:.8rem;color:var(-dunkelgrau);margin:0 !important;padding-top:1rem !important} #breadcrumb a{text-decoration:none} #breadcrumb a:hover{text-decoration:underline} .article,.aside{width:100%;display:block;padding:1.25rem 0;margin-top:1rem;margin-bottom:3rem;border-bottom:2px solid var(--grau)} .articlel{margin-top:.5rem} .article header h1,.article header h2,.article header h3,.aside header h4{margin-top:0} .article header h1 a,.article header h2 a,.article header h3 a,.aside header h4 a{text-decoration:none !important} .article header h1 a:hover,.article header h2 a:hover,.article header h3 a:hover,.aside header h4 a:hover{text-decoration:underline !important} .article.gruender h2 a span,.article.gruender header h3 small{font-family:'Nunito',Arial,sans-serif;margin-top:2px;font-size:.8em;font-weight:normal;display:block} .article img.wp-post-image{background:#fff;border:1px solid var(--grau);border-radius:3px;transition:all .2s linear 0s} .article a:hover img.wp-post-image{border-color:var(--rot)} .article img.scsh{width:100%;height:auto !important} #filter .list .produkte.is-deferred { display: none; } #filter .load-more[hidden] { display: none; } .produkte-list { margin-block-end: 6rem; } .brand-list .article { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; gap: 1rem; margin-block: 1rem; header h2 { margin: 0; } > p { flex-shrink: 0; } } .bild img{float:right;margin:0 0 1rem 1rem !important;width:250px;max-width:40% !important;height:auto !important} #inhalt a{text-decoration:underline;text-decoration-color:#ca667d;text-underline-offset:2px;animation:all .2s linear 0s} #inhalt a:hover{text-decoration-color:#var(--schwarz)} #inhalt .article header p,#branchen-liste p{color:#999;text-transform:uppercase;margin:0 !important;margin-top:-1rem !important;font-weight:400;font-size:.8em} #inhalt .article header p a,#branchen-liste p a{background-color:#f0f0f0;text-decoration:none !important;display:inline-block;border-radius:2em;padding:.25em .8em;margin:0 .5em .5em 0} #inhalt .article header p a:hover,#branchen-liste p a:hover{text-decoration:underline !important} #inhalt #kategorie header p{margin-bottom:2rem !important} .unterautor{text-align:center;margin-top:2rem} .article.gruender{position:relative} .ribbon{position:absolute;overflow:hidden;width:86px;height:86px} .ribbon::before,.ribbon::after{position:absolute;z-index:1;content:'';display:block;border:2px solid #892036} .ribbon span{position:absolute;display:block;width:150px;padding:5px 0;background:var(--rot);background:linear-gradient(90deg,rgba(200,42,66,1)0%,rgba(198,41,82,1)70%,rgba(172,6,49,1)100%);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-transform:uppercase;text-align:center;font-size:15px} .ribbon.geplatzt span{text-decoration:line-through;color:#999;background:#ccc} .ribbon-top-right{top:-4px;right:-4px} .ribbon-top-right::before, .ribbon-top-right::after{border-top-color:transparent;border-right-color:transparent} .ribbon-top-right::before{top:0;left:0} .ribbon-top-right::after{bottom:0;right:0} .ribbon-top-right span{left:-18px;top:18px;transform:rotate(45deg)} #toc,#content #commentform,#ez-toc-container{font-size:.85em;padding:.25rem 1rem;margin:1rem 0 2.2rem 0;background:var(--dunkelgrau);color:#fff;border-radius:3px} .ez-toc-box-title{text-transform:uppercase;letter-spacing:.02em} #toc a,#content #commentform a,#ez-toc-container a{color:#fff;text-decoration:none} #toc > div,#content #commentform #hinweisform{overflow:hidden;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;-webkit-transition:height .5s;transition:height .5s} #toc ul,#ez-toc-container ul{margin:0 !important} #toc ul li:before,#ez-toc-container ul li:before{color:#fff !important;left:2px !important} .kreis{border-radius:50%;color:#fff;background:#758b98;display:inline-block;line-height:1.2;padding:0 .3rem} .box{border-radius:3px;background-color:var(--hellgrau);padding:2rem !important} .box h2:first-of-type{margin-top:0} .box ul:last-of-type{margin-bottom:0 !important} .dark{padding:2rem;background:var(--dunkelgrau);color:#fff;border-radius:3px} .dark h2{margin-top:0} .dark a{color:#fff} #content .dark .table-container{background-color:var(--dunkelgrau);background-image:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,var(--dunkelgrau)),color-stop(100%,rgba(0,0,0,0))),-webkit-gradient(linear,100% 50%,0% 50%,color-stop(0%,var(--dunkelgrau)),color-stop(100%,rgba(0,0,0,0))),-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,#rgba(0,0,0,.5)),color-stop(100%,rgba(195,195,197,0))),-webkit-gradient(linear,100% 50%,0% 50%,color-stop(0%,#rgba(0,0,0,.5)),color-stop(100%,rgba(195,195,197,0)));background-image:-webkit-linear-gradient(left,var(--dunkelgrau),rgba(0,0,0,0)),-webkit-linear-gradient(right,var(--dunkelgrau),rgba(0,0,0,0)),-webkit-linear-gradient(left,#rgba(0,0,0,.5),rgba(195,195,197,0)),-webkit-linear-gradient(right,#rgba(0,0,0,.5),rgba(195,195,197,0));background-image:-moz-linear-gradient(left,var(--dunkelgrau),rgba(0,0,0,0)),-moz-linear-gradient(right,var(--dunkelgrau),rgba(0,0,0,0)),-moz-linear-gradient(left,#rgba(0,0,0,.5),rgba(195,195,197,0)),-moz-linear-gradient(right,#rgba(0,0,0,.5),rgba(195,195,197,0));background-image:-o-linear-gradient(left,var(--dunkelgrau),rgba(0,0,0,0)),-o-linear-gradient(right,var(--dunkelgrau),rgba(0,0,0,0)),-o-linear-gradient(left,#rgba(0,0,0,.5),rgba(195,195,197,0)),-o-linear-gradient(right,#rgba(0,0,0,.5),rgba(195,195,197,0));background-image:linear-gradient(left,var(--dunkelgrau),rgba(0,0,0,0)),linear-gradient(right,var(--dunkelgrau),rgba(0,0,0,0)),linear-gradient(left,#rgba(0,0,0,.5),rgba(195,195,197,0)),linear-gradient(right,#rgba(0,0,0,.5),rgba(195,195,197,0));background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-color:,var(--dunkelgrau);background-size:2em 100%,2em 100%,1em 100%,1em 100%;background-attachment:local,local,scroll,scroll} .dark tr.tabelle-deal td{color:#f16e86} .dark .delta-positiv{color:#50c750} .dark .delta-negativ{color:#ff6565} .dealstatus{color:#50c750} .geplatzt .dealstatus{color:#ff6565} #gruender_neu_widget li span,.tabelle-deal td .deal-label,.tabelle-kein-deal td .kein-deal-label,#abbinder header p span{display:inline-block;padding:.32em .75em .1em;font-size:.5em;position:relative;top:-3px;background:var(--rot);background:linear-gradient(90deg,rgba(200,42,66,1)0%,rgba(198,41,82,1)70%,rgba(172,6,49,1)100%);color:#fff;text-transform:uppercase;border-radius:1em} .tabelle-deal.geplatzt td .deal-label,#gruender_neu_widget li span.geplatzt{position:relative;color:#edd5d5;opacity:.6} .tabelle-deal.geplatzt td .deal-label:before,.tabelle-deal.geplatzt td .deal-label:after,#gruender_neu_widget li span.geplatzt:before,#gruender_neu_widget li span.geplatzt:after{content:'';width:100%;position:absolute;right:0;top:50%;border-bottom:1px solid rgba(255,255,255,.75)} #gruender_neu_widget li span.geplatzt:before,#gruender_neu_widget li span.geplatzt:after{border-color:rgba(0,0,0,.4)} .tabelle-deal.geplatzt td .deal-label:before,#gruender_neu_widget li span.geplatzt:before{-webkit-transform:skewY(-10deg);transform:skewY(-10deg)} .tabelle-deal.geplatzt td .deal-label:after,#gruender_neu_widget li span.geplatzt:after{-webkit-transform:skewY(10deg);transform:skewY(10deg)} #gruender_neu_widget li span{margin-left:3px;color:#fff;background:var(--rot);border-radius:1em} #gruender_neu_widget li span.new{color:var(--dunkelgrau);background:var(--hellgrau)} #gruender_neu_widget li span.geplatzt{color:#777;background:var(--hellgrau);color:var(--dunkelgrau)} #abbinder header p span{background-color:#fff;color:#ccc;border:1px solid #edd5d5} .deal-realisiert{border:1px solid #d6e9c6;padding:.75rem 1rem .75rem 2.5rem !important;position:relative;color:#3c763d;border-radius:2px;overflow:hidden} .deal-realisiert span{display:block;position:absolute;top:-2rem;left:-1rem;font-size:6rem;color:#d6e9c6} .deal-realisiert small{display:block;line-height:1.2} .deal-realisiert.geplatzt{background:#ebccd1;color:#a94442} .deal-realisiert.geplatzt span{color:#ebccd1} .dark .deal-realisiert span{color:#50c750} .dark .deal-realisiert.geplatzt span{color:#ff6565} /*.video-wrapper{position: relative;padding-bottom: 56.25%; padding-top: 0;height: 0;overflow: hidden} .video-wrapper .youtube{position: absolute;top: 0;left: 0;width: 100%;height: 100%}*/ .youtube{border-radius:3px;clear:both;margin:1rem 0;background:#ddd;margin-bottom:30px;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer} .youtube img{width:100%;top:-16.82%;left:0;opacity:0.9} .youtube .play-button{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgba( 0,0,0,0.6 );z-index:1;opacity:0.8;border-radius:6px} .youtube .play-button:before{content:"";border-style:solid;border-width:15px 0 15px 26.0px;border-color:transparent transparent transparent #fff} .youtube img, .youtube .play-button{cursor:pointer} .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before{position:absolute} .youtube .play-button, .youtube .play-button:before{top:50%;left:50%;transform:translate3d( -50%,-50%,0 )} .youtube iframe{height:100%;width:100%;top:0;left:0} p.caption{margin-top:-1.5rem !important;margin-left:0 !important;text-align:center;font-size:.8em;color:#777} p.caption + p.caption{margin-top:0 !important} .asa1{margin:1rem 0;width:100%;position:relative;border:1px solid #ddd;padding:1rem;border-radius:3px} .asa1 h4 a{text-decoration:none !important} .asa1 h4 a:hover{text-decoration:underline !important} .asa1 img{vertical-align:baseline;margin-right:1rem !important} a.anz{transform: rotate(90deg);transform-origin: 100% 0%;position:absolute;bottom:0;right:.2rem;color:#aaa;text-transform:uppercase;font-size:.7em;;text-decoration:none !important} a.anz:hover{text-decoration:underline !important} .download-link{font-size:.95rem;margin-top:-.5rem !important} p.caption.scsh{margin-top:0 !important} #content #commentform{position:relative} .js #content #commentform .accordion-content{display:none} .js #content #commentform .accordion-content.active{display:block} #content #commentform fieldset{min-width:0;max-width:100%;width:100%;border:none;padding:0} #content #commentform p{line-height:1.2} #content #commentform textarea,#content #commentform input{max-width:100%} #content #commentform input{margin-bottom:1rem} #content #commentform input.button{border:2px solid #fff} .ctf-item{border-top:1px solid var(--rot);padding:1rem 0 !important} .ctf-item .ctf-author-name,.ctf-item .ctf-quoted-author-name{font-weight:600} .ctf-item .ctf-author-screenname,.ctf-item .ctf-quoted-author-screenname{margin:0 .5rem;font-size:.8rem} .ctf-item .ctf-quoted-verified svg,.ctf-item .ctf-verified svg,.ctf-item .ctf-retweet-icon svg{display:inline-block;width:1em;height:1em;margin:0 3px 1px 3px;vertical-align:middle} .ctf-item .ctf-author-screenname:before,.ctf-item .ctf-quoted-author-screenname:before{content:"(";display:inline} .ctf-item .ctf-author-screenname:after,.ctf-item .ctf-quoted-author-screenname:after{content:")";display:inline} .ctf-item .ctf-quoted-tweet{display:block;font-style:italic;background:#f2f2f2;padding:.5rem 1rem;font-size:.85rem} .ctf-item .ctf-tweet-meta{display:inline-block;font-size:.8rem;color:#999} p.ctf-tweet-text,p.ctf-quoted-tweet-text{margin:.5rem 0 0 0 !important} .ctf-item a{color:#1da1f2} .ctf-screenreader{display:none !important} .search-form{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .search-form label{-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4} .search-form label input{width:99%} .search-form button{padding:0 .5rem;line-height:1} input[type=text],input[type=date],input[type=datetime],input[type=number],input[type=search],input[type=time],input[type=url],input[type=email],textarea, select,button{border:1px solid var(--grau);border-radius:1em;padding:7px 1em;margin:0;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;outline:none} input[type=text],input[type=date],input[type=datetime],input[type=number],input[type=search],input[type=time],input[type=url],input[type=email],textarea{background:#fff;box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07)} input[type=text]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=number]:focus,input[type=search]:focus,input[type=time]:focus,input[type=url]:focus,input[type=email]:focus,textarea:focus,select:focus{border: 1px solid var(--rot)} button,.button{text-decoration:none !important;border:none;display:inline-block;color:#fff;padding:.25em 1em;background:var(--rot);border-radius:3em;cursor:pointer;box-shadow:0 2px 4px -3px var(--rot)} button{text-transform:uppercase} button:hover,.button:hover{background-color:var(--rot);box-shadow:none} #filter{display:none} .js #filter{display:block;margin-top:calc(-3rem - 2px)} .js .filter{background-color:var(--rot);text-align:center;padding:1.5rem 1rem .5rem 1rem;border-radius:3px} .js .filter input[type="search"]{border-color:#fff} .js .filter .sort {padding:7px 15px 7px 20px;text-transform:none;border:1px solid #fff;margin:0 0 1rem 1rem} .js .filter .sort:focus{outline: none} .js .filter .sort:after{width:0;height:0;border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid transparent; content: ""; position: relative; top: -10px; right: -4px} .js .filter .sort.asc:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; content: ""; position: relative; top: 11px; right: -4px} .js .filter .sort.desc:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #fff; content: ""; position: relative; top: -9px; right: -4px} blockquote{padding:0 1rem !important;border:1px solid #ddd;border-left:4px solid var(--rot);color:#404040;font-style:italic} cite{display:block;text-transform:uppercase;font-size:.8em;color:#777} cite:before{content:'—';padding-right:.5em} .table-container{width:100%;overflow-x:auto;background-image:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,#ffffff),color-stop(100%,rgba(255,255,255,0))),-webkit-gradient(linear,100% 50%,0% 50%,color-stop(0%,#ffffff),color-stop(100%,rgba(255,255,255,0))),-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,#c3c3c5),color-stop(100%,rgba(195,195,197,0))),-webkit-gradient(linear,100% 50%,0% 50%,color-stop(0%,#c3c3c5),color-stop(100%,rgba(195,195,197,0)));background-image:-webkit-linear-gradient(left,#ffffff,rgba(255,255,255,0)),-webkit-linear-gradient(right,#ffffff,rgba(255,255,255,0)),-webkit-linear-gradient(left,#c3c3c5,rgba(195,195,197,0)),-webkit-linear-gradient(right,#c3c3c5,rgba(195,195,197,0));background-image:-moz-linear-gradient(left,#ffffff,rgba(255,255,255,0)),-moz-linear-gradient(right,#ffffff,rgba(255,255,255,0)),-moz-linear-gradient(left,#c3c3c5,rgba(195,195,197,0)),-moz-linear-gradient(right,#c3c3c5,rgba(195,195,197,0));background-image:-o-linear-gradient(left,#ffffff,rgba(255,255,255,0)),-o-linear-gradient(right,#ffffff,rgba(255,255,255,0)),-o-linear-gradient(left,#c3c3c5,rgba(195,195,197,0)),-o-linear-gradient(right,#c3c3c5,rgba(195,195,197,0));background-image:linear-gradient(left,#ffffff,rgba(255,255,255,0)),linear-gradient(right,#ffffff,rgba(255,255,255,0)),linear-gradient(left,#c3c3c5,rgba(195,195,197,0)),linear-gradient(right,#c3c3c5,rgba(195,195,197,0));background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-color:white;background-size:4em 100%,4em 100%,1em 100%,1em 100%;background-attachment:local,local,scroll,scroll} .table-container:-webkit-scrollbar{-webkit-appearance: none; width: 14px; height: 14px} .table-container:-webkit-scrollbar-thumb{border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3)} table{width:100%;border-spacing:0;border-collapse:collapse} th,td{text-align:right;border-top:1px solid #777;padding:2px 5px} th{border-top:none;border-bottom:2px solid var(--rot);white-space:nowrap} tr.tabelle-deal td{color:var(--rot)} th:nth-of-type(1),td:nth-of-type(1){text-align:left} .tabelle-deal td .deal-label{font-size:.75em;top:0} .tabelle-kein-deal td,.tabelle-deal.geplatzt td{color:#999} .tabelle-deal.geplatzt td{text-decoration:line-through} .tabelle-kein-deal td .kein-deal-label{font-size:.75em;top:0;background:#e7e7e7;color:var(--schwarz)} tr.tabelle-deal-delta td{border-top:2px solid var(--rot)} .delta{display:inline-block} .delta:before{position:relative;top:2px;right:4px;line-height:1;font-size:1.25em;content:'➩';display:inline-block;transform-origin:50% 50%} .delta-positiv{color:green} .delta-positiv:before{transform:rotate(-90deg);} .delta-negativ{color:red} .delta-negativ:before{transform:rotate(90deg)} .autorhinweis{margin-left:2rem !important;margin-right:2rem !important;line-height:1.25;text-align:center;font-style:italic;color:#777;transition:filter .2s linear 0s} .autorhinweis a img{filter:grayscale(50%);transition:filter .2s linear 0s;width:60px;height.auto !important;max-width:10%} .autorhinweis a:hover img{filter:grayscale(0%)} dd{margin:.75rem 0 2rem 0} .badge{border-radius:5px;padding:1px 6px;background:#eee;text-transform:capitalize} #twittericon,#facebookicon{display:inline-block;padding-right:30px} #twittericon{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAf5JREFUOI3VkMtLlGEUxn/nzKdpqSRCLVp8aoWXHAiLWrcqoSA31tiu/6FAWgnROmxXBFajEoFBLaJFi1ZBJFnjJSWcLO0ChiV2UWfOaWHa2Hwjuqtn9b7nvOf3POeFf12y2YF48m3cxKs1yI6nTtWOFQTG+9ItqUTNg0Kg+htTVUFR5g7CkZWawV0Rv+LOSXe6R9trnitAU0+6Pmt+v6k3fbYQMCjOJHNhAAqtkvVHIMWBatXvGngsVq6qMUSuN/Wlr8Z7JitzBxuSEyFwLNJJVYBWz9rU6soH7k1vXZhf+ohQvryKzSpyTURup0bDwXjDm0Pu8qRQejE5mDoTDqwmnPm8aAYdf1bRSpDz7gw01qfnsua9hWAAS+bvc74BKkqlUYVzwFzeRug2Fa1Zh/fz1evw0xpgajQcxH0JqFgvSZTceUqn2BrgckET4DObBSLSn3vVlcNQe/jMnEtmNr1RlsGXklimO7cWrKGLlCGya8Ph3DsH2nZ/jUwIMHQ6vAjeYdjsBngPh8equ/JMol7u65k46qo3FXZE9Q0eEys9PtK2c/7vXgDQ0DtxWJBaEeowPyGqzVFOZpZR5DJF3y6MtFUvRpkFAN8X5EVZCc2CtKC+PwL1AegP1LteJmrHo0Aryguy59Z4xZaikjox327OD9HFyeHE3nfrQf4v/QKk+rIiiIdl9AAAAABJRU5ErkJggg==) right no-repeat} #facebookicon{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAQ9JREFUOI3tk6FOA0EURc+bLkm/AbUJH1GBgP2IpqmiuG7AkDRY+AEUYjWqLR9QjSlNUDWgCaKGgK6AeahddmaTGcJKuO7O3D1z30tWiKjfv+1skvcJyrEV9gwk5d1yOhY/n/gHvjadt2uQHAETCxPJ9AZFiuj4B5xKwYbGSAbijGWVJ1F9/RVQ0F345il6tZrlk2CJMJCdulfVRSgfBTbCKjaWcfbTGxRpYhhVjSyHYuSg9Ba9MfBc3cPD/TR3WieeSUEuqte8/gY58gqdAws300r66J+0Aqp8NoDuyN3u+mO7zUpvDSNnTOUM1XVpV/OTFzh1gI1/sa79YXFZ3ylWs+U8vwt903KH/8C/CfwCoJ9GeFvr/OkAAAAASUVORK5CYII=) right no-repeat} #pagination{margin-top:1rem;margin-bottom:3rem;text-align:center} #pagination a,#pagination .current{margin-left:.25rem;margin-bottom:.25rem;text-decoration:none !important;border:none;display:inline-block;color:#fff;padding:.25em 1em;background:var(--rot);border-radius:3em;box-shadow:0 2px 4px -3px var(--rot)} #pagination .current{background:#fff;color:var(--rot);} #pagination a:hover{background-color:var(--rot);box-shadow:none} #abbinder{background:var(--schwarz);color:var(--hellgrau);overflow:auto} #abbinder .aside{position:relative;border-bottom-color:var(--grau)} #abbinder .aside header p{margin-top:-1rem;color:var(--hellgrau)} #abbinder .aside a{color:var(--hellgrau)} #abbinder .aside a.anz{color:var(--grau)} #footer{background:var(--schwarz);color:var(--hellgrau);text-transform:uppercase;font-size:.8em;padding-bottom:5rem} #footer a{color:#fff} #footer a:hover{color:#ddd} @media all and (min-width:400px){ #nav{font-size:.55rem} } @media all and (min-width:650px){ #bg{background:#404040 url(/assets/themes/dhdl/images/dhdl-header-mittel.webp) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:auto} #header{background:none;padding-top:2em;padding-bottom:2em} #nav{font-size:.6rem} #nav li{-webkit-box-flex:1;-ms-flex:1 1 20%;flex:1 1 20%} #nav li.page-item-2738{display:inherit} #nav a{padding:.5rem 1rem} #nav a:hover,#nav .current_page_item a{text-decoration:none;color:#fff;background:var(--rot);/*background:rgb(200,42,66);background:linear-gradient(90deg,rgba(200,42,66,1)0%,rgba(198,41,82,1)70%,rgba(172,6,49,1)100%)*/} #nav .current_page_item a .svg,#nav a:hover .svg{fill:#fff} #abbinder .aside img{float:left;margin:0 1rem 1rem 0} .table-container{overflow:visible} .download-link{position:absolute;right:0;bottom:.1rem;margin:0 !important} #footer{padding-bottom:inherit} } @media all and (min-width:750px){ #nav li{-webkit-box-flex:1;-ms-flex:1 1 16%;flex:1 1 16%} #nav li.page-item-788{display:inherit} .container{padding:0 1.5rem} } @media all and (min-width:900px){ h1,h2,h3,h4,h5,h6{margin:2.5em 0 1em 0} .container{padding:0 3rem} #bg{background-image:url(/assets/themes/dhdl/images/dhdl-header-gross.webp)} .grid{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between} #header{padding-top:7em;padding-bottom:4em} #header #logo{font-size:2em} #nav{position:fixed;top:0;bottom:unset;font-size:.8rem;text-align:left;border-bottom:2px solid var(--dunkelgrau);border-top:none} #nav a .svg{margin:5px auto 5px} #toc,#content #commentform,#ez-toc-container{padding:.5rem 1rem;margin:2rem 0 2.2rem 0} #inhalt,#footer .links{width:calc(66% - 2rem)} #sidebar,#footer .rechts{width:calc(33% - 2rem)} #inhalt .article:last-of-type,#sidebar .aside:last-of-type{border-bottom:none;margin-bottom:1rem} /*#inhalt{margin-top:-4rem}*/ .aside{padding-bottom:2rem} #abbinder .grid{align-items:stretch} #abbinder .aside{align-self:stretch;flex-grow:1;margin-bottom:1rem;margin-right:3rem;border-bottom:none} #abbinder .aside:last-of-type{margin-right:0} #abbinder .aside img{float:none;margin:0 1rem 1rem 0} #footer .rechts{text-align:right} #footer{text-align:left} } @media all and (min-width:1200px){ #nav a{text-align:left;padding:1rem} #nav a .svg{float:left;margin:1px 9px 2px 0} #inhalt,#footer .links{width:calc(66% - 3rem)} #sidebar,#footer .rechts{width:calc(33% - 3rem)} #content p, #content ul, #content ol, #content .table-container, #content blockquote, #content form{margin:2rem 0} } @media all and (min-width:1700px){ .container{max-width:1600px;margin:0 auto} } @media print{body{background:#fff} #header,#nav,#sidebar,#abbinder,#footer{display:none} *{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100% !important} @page{margin:0.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid}}