/* Stylesheet Autokiste | 2025-09-24 | rev=2025-37/2024-57/2023-11/2022-09/2020-03/2019-06/2018-131/2017-135/2016-67/2015-98/2014-97/2013-70/2012-63/2011-52/2010-71/2009-191 _____________________________________________________________________________________________________________________________________________________________________________ 00 temp or test 01 Grundgerüst 02 Schriften - Stile - Farben 03 Icons awesome 04 Allgemeines 05 Navigation 06 Werbung 07 Startseite 08 Links 09 Bilder 10 Titelleiste, Marginalspalte & Fu§zeile 11 Rubriken 12 psg: allgemein 13 psg: Fotostrecken 14 psg: Meldungen 15 psg: Folgeseiten 16 Formulare, Miscellanea 17 Service, Recht & Reise, Archiv 18 Suchergebnisse 19 Druckoptimierung 20 Optimierung für Smartphones (okay) 21 Optimierung für iPad - Portrait-Modus 22 Optimierung für iPad - Landscape-Modus 23 vossn 24 browser-specific workarounds _____________________________________________________________________________________________________________________________________________________________________________ */ /* 00: TEMP OR TEST */ .bildderwoche { margin-top:7px; } .bildderwoche .bild { background:#F0F0F0; text-align:center; padding:8px 8px 3px 8px; border-radius:3px; } .bildderwoche .bild img { width:100%; height:auto; } .bildderwoche .text { margin:25px 1px; line-height:25px; color:#295581; } /* 01: GRUNDGERUEST */ html { overflow-y:scroll; } body { background:#797979 url('/images/bg_autokiste.gif') 0 35px fixed repeat-x; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } #autokiste { width:1370px; margin:auto; } #akcontent { float:left; width:1200px; background:#c8c8c8; margin:5px 0 35px auto; } @keyframes fadein { from { opacity:0; } to { opacity:1; }; } .akflex { display:flex; display:-webkit-flex; -webkit-flex-direction:row; flex-direction:row; width:1200px; height:100%; } .akboxmain { width:770px; padding:0 40px 80px 40px; text-align:justify; } .akboxmarg { width:350px; background:#f0f0f0; line-height:20px; animation:fadein; animation-duration:2.4s; } .psgflex .akboxmain { padding-bottom:0; } .psgflex .akboxmarg { border-radius:2px 0 0 0; } .galflex .akboxmain { padding-bottom:55px; } .galflex .akboxmarg { border-top:10px solid #c8c8c8; } /* 02: SCHRIFTEN - STILE - FARBEN */ @font-face { font-family: 'Open Sans'; font-style:normal; font-weight:400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(google-fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Open Sans'; font-style:normal; font-weight:600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(google-fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Open Sans'; font-style:normal; font-weight:700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(google-fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } .small, .psgimg, .ads-anzeige, .seg-v, #imgpsgr { font:10px Verdana,sans-serif; } .bt { font:10pt Verdana,sans-serif; } .st, #st, .reiter2, .search-lst, .paginat-buma, .p2, .akslogan, .datetime, .galbu, .psg2tab, #bu, .psgbookm, .psgbalken, .psgbalken1, .psgbalken2, .galbildquelle, .wide, .hadr, .seg .hinweis, .topbalken, .tablegende, .seg tr:nth-of-type(3) td:nth-of-type(3), .psggalind a:after, .psglinkpic, .mainwideimg, select.new, .expo { font:11px Verdana,sans-serif; } .fos13, .akboxmarg, .mh, button, #psghead2, .wk-lesetipp, .psgk1, .psgk2, .psggalmake2 { font:400 13px 'Open Sans',Verdana; } .fos14, input, textarea, .psgbalken3, .psggal-social, .galbu:hover { font:400 14px 'Open Sans',Verdana; line-height:22px; } .newslist, .wk#autonews a, .wh, #psghead2 { font:600 14px 'Open Sans',Verdana; } .fos15, .akboxmain, .welcome, .footer, .search-sort-control { font:400 15px 'Open Sans',Verdana; line-height:24px; } .segm, .beg a:nth-of-type(2), .toptitle h2, .toptitle h3, .toptitle h4, .search-nav { font:600 15px 'Open Sans',Verdana; } .seg tr:nth-child(-n+2), .tabheader, .ttt h2 { font:600 16px 'Open Sans',Verdana; } #psgleft, .psgtext-std, .psgflex .akboxmain, .search-lst .title { font:400 17px 'Open Sans',Verdana; color:#111; line-height:25px; } .galhead, #psgteaser, .psgmore, .pagination3, .topsearch2 { font:600 17px 'Open Sans',Verdana; } .fos18, .p1, .p1akid, .psgna .hl { font:400 18px 'Open Sans',Verdana; } .tnav div a, .wkhw .hl2, .wsitemap div span { font:600 18px 'Open Sans',Verdana; } .beg div:nth-of-type(1), .bereich div:first-of-type, .impstyleneu .head, .wakad, .bighead, td.sitemap1 { font:600 21px 'Open Sans',Verdana; color:#295581; text-transform:uppercase; } h1.psghead { font:600 27px 'Open Sans',Verdana; } .ttt h1 { font:600 28px 'Open Sans',Verdana; } .uc, .wh, .mh, .toptitle h2, .tnav div a, .psgkheadneu, .tabheader, button, .ttt h2 { text-transform:uppercase; } .bh, .wlinks div:hover a, .psggalmake1, .seg td.top4, .mh, .mitem2 { font-weight:600; } .vtext1 { writing-mode:vertical-lr; letter-spacing:1px; } .c { text-align:center; } .tar { text-align:right; } .just { text-align:justify; } .b { font-weight:bold; } .i { font-style:italic; } .gesperrt, .lsp20 { letter-spacing:2px; } .lsp22 { letter-spacing:2.2px; } .lh15 { line-height:15px; } .lh16 { line-height:16px; } * { --autokiste:#295581; --leserbrief:#DAAC02; --kofi:#3989e5; --whatsapp:#34af23; } .w { color:#FFF; } .colred { color:red; } .colgreen { color:green; } .colgrey, .tablegende { color:#696969; } .colblack { color:#000; } .colak, .wakad, h1.psghead, #psghead2, .wkhw a span.hl2, .wh, .toptitle, .tt, .psgch, .wk#autonews a, .seg td.top4 span, .ttt { color:#295581; } .psgteaser, .psgtext, .psglinkpic, .wide { color:#333; } .regact, .tabheader, .tnav, .psgkheadneu, .psg2tab, select.new, .abcv a:hover, .abcv .active, .chronik, .seg-v td.ak, .expo, .fkalbula, .drl { background:#696969; } /* 03: ICONS AWESOME */ @font-face { font-family: 'FontAwesome'; src: url('fa/fontawesome-webfont.eot?v=4.7.0'); src: url('fa/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fa/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fa/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fa/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fa/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family: 'Font Awesome 5 Brands'; src: url("fa5/webfonts/fa-brands-400.eot"); src: url("fa5/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fa5/webfonts/fa-brands-400.woff2") format("woff2"), url("fa5/webfonts/fa-brands-400.woff") format("woff"), url("fa5/webfonts/fa-brands-400.ttf") format("truetype"), url("fa5/webfonts/fa-brands-400.svg#fontawesome") format("svg"); font-weight:normal; } @font-face { font-family: 'Font Awesome 5 Free'; src: url("fa5/webfonts/fa-solid-900.eot"); src: url("fa5/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fa5/webfonts/fa-solid-900.woff2") format("woff2"), url("fa5/webfonts/fa-solid-900.woff") format("woff"), url("fa5/webfonts/fa-solid-900.ttf") format("truetype"), url("fa5/webfonts/fa-solid-900.svg#fontawesome") format("svg"); font-weight:900; } @font-face { font-family: 'Font Awesome 5 Free'; src: url("fa5/webfonts/fa-regular-400.eot"); src: url("fa5/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fa5/webfonts/fa-regular-400.woff2") format("woff2"), url("fa5/webfonts/fa-regular-400.woff") format("woff"), url("fa5/webfonts/fa-regular-400.ttf") format("truetype"), url("fa5/webfonts/fa-regular-400.svg#fontawesome") format("svg"); font-weight:400; } [class*="fa-"], .fa, .fab, .fas, .far { font: normal normal normal 14px/1 FontAwesome; display:inline-block; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .fab { font-family:'Font Awesome 5 Brands'; } .fas { font-family:'Font Awesome 5 Free'; font-weight:900; } .far { font-family:'Font Awesome 5 Free'; font-weight:400; } .fa-15x { font-size:1.5em; } .fa-2x { font-size:2em; } .fa-3x { font-size:3em; } .fa-4x { font-size:4em; } .fa-5x { font-size:5em; } .fa-6x { font-size:6em; } .fa-fw { width:1.28571429em; text-align:center; } .fa-amazon:before { content:"\f270"; } .fa-apple:before { content:"\f179"; } .fa-dropbox:before { content:"\f16b"; } .fa-firefox:before { content:"\f269"; } .fa-fontawesome:before { content:"\f2b4"; } .fa-google:before { content:"\f1a0"; } .fa-opera:before { content:"\f26a"; } .fa-paypal:before { content:"\f1ed"; } .fa-php:before { content:"\f457"; } .fa-wikipedia-w:before { content:"\f266"; } .fa-whatsapp:before { content:"\f232"; } .fa-wikipedia:before { content:"\f266"; } .fa-windows:before { content:"\f17a"; } .fa-youtube:before { content:"\f167"; } .fa-address-card-o:before { content:"\f2bc"; } .fa-angle-right:before { content:"\f105"; } .fa-archive:before { content:"\f187"; } .fa-arrows-h:before { content:"\f07e"; } .fa-arrow-up:before { content:"\f062"; } .fa-arrow-down:before { content:"\f063"; } .fa-arrow-right:before { content:"\f061"; } .fa-at:before { content:"\f1fa"; } .fa-ambulance:before { content:"\f0f9"; } .fa-birthday-cake:before { content:"\f1fd"; } .fa-calendar:before { content:"\f073"; } .fa-calculator:before { content:"\f1ec"; } .fa-camera:before { content:"\f030"; } .fa-car:before { content:"\f1b9"; } .fa-chart-bar:before { content:"\f080"; } .fa-check:before { content:"\f00c"; } .fa-chevron-up:before { content:"\f077"; } .fa-chevron-left:before { content:"\f053"; } .fa-chevron-right:before { content:"\f054"; } .fa-chevron-down:before { content:"\f078"; } .fa-circle:before { content:"\f111"; } .fa-coffee:before { content:"\f0f4"; } .fa-comment-o:before { content:"\f0e5"; } .fa-copyright:before { content:"\f1f9"; } .fa-dove:before { content:"\f4ba"; } .fa-download:before { content:"\f019"; } .fa-egg:before { content:"\f7fb"; color:#D2B48C; font-size:1.55em; } .fa-envelope:before { content:"\f0e0"; } .fa-envelope-o:before { content:"\f003"; } .fa-envira:before { content:"\f299"; } .fa-eur:before { content:"\f153"; } .fa-exchange:before { content:"\f0ec"; } .fa-exclamation:before { content:"\f12a"; } .fa-exclamation-triangle:before { content:"\f071"; } .fa-external-link:before { content:"\f08e"; } .fa-fax:before { content:"\f1ac"; } .fa-flag:before { content:"\f024"; } .fa-gaspump:before { content:"\f52f"; } .fa-gavel:before { content:"\f0e3"; } .fa-glass:before { content:"\f000"; } .fa-heart:before { content:"\f004"; } .fa-history:before { content:"\f1da"; } .fa-id-card-o:before { content:"\f2c3"; } .fa-images:before { content:"\f302"; } .fa-info:before { content:"\f129"; } .fa-info-circle:before { content:"\f05a"; } .fa-leaf:before { content:"\f06c"; font-size:1.4em; } .fa-lightbulb-o:before { content:"\f0eb"; } .fa-line-chart:before { content:"\f201"; } .fa-list-ul:before { content:"\f0ca"; } .fa-location-arrow:before { content:"\f124"; } .fa-long-arrow-right:before { content:"\f178"; } .fa-map-marker:before { content:"\f041"; } .fa-paypal:before { content:"\f1ed"; } .fa-peace:before { content:"\f67c"; } .fa-percent:before { content:"\f295"; } .fa-phone:before { content:"\f095"; } .fa-picture-o:before { content:"\f03e"; } .fa-pie-chart:before { content:"\f200"; } .fa-plug:before { content:"\f1e6"; } .fa-question:before { content:"\f128"; } .fa-quote-right:before { content:"\f10e"; } .fa-road:before { content:"\f018"; } .fa-rss:before { content:"\f09e"; } .fa-search:before { content:"\f002"; } .fa-share:before { content:"\f064"; } .fa-sitemap:before { content:"\f0e8"; } .fa-smile-o:before { content:"\f118"; } .fa-snowflake-o:before { content:"\f2dc"; color:#fff; font-size:1.5em; } .fa-square:before { content:"\f0c8"; } .fa-sun:before { content:"\f185"; color:#ffd700; font-size:1.6em; } .fa-table:before { content:"\f0ce"; } .fa-tachometer:before { content:"\f0e4"; } .fa-th-list:before { content:"\f00b"; } .fa-tree:before { content:"\f1bb"; color:green; font-size:1.55em; } .fa-truck:before { content:"\f0d1"; } .fa-user:before { content:"\f007"; } .fa-user-o:before { content:"\f2c0"; } .fa-user-o:before { content:"\f2c0"; } .fa-video-camera { content:"\f03d"; } /* 04: ALLGEMEINES */ [class*="handheld-only"], .hide, .mobnav, #whopper, .huepfburg div:nth-of-type(5), .huepfburg div:nth-of-type(6), .huepfburg div:nth-of-type(7), .huepfburg div:nth-of-type(8) { display:none; } .nohyphens, h1.psghead, #psghead2 { -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; } table, form, img { border:0; margin:0; padding:0; } table { empty-cells:show; } .csp0 { border-collapse:collapse; border-spacing:0; } .csp1, .tab18 { border-collapse:separate; border-spacing:1px; } .tab18 { border-spacing:5px; background:#c8c8c8; margin-left:-5px; width:calc(100% + 10px); } .tab18 tr { background:#d9d9d9; } .cpa0 td { padding:0; } tr.hov1, tr.hov2 { background:#C8C8C8; transition:.7s; } tr.hov2 { background:#D9D9D9; } .hov1:hover, .hov2:hover { background:#F0F0F0; } table.ht1 tr:not(.hovx) { background:#C8C8C8; transition:.6s; } .ht1 tr:nth-child(2n):not(.htx) { background:#D9D9D9; } .ht1 tr:hover:not(.hovx) { background:#F0F0F0; transition:.1s; } table.ht2 tr:not(.hovx) { background:#D9D9D9; transition:.6s; } .ht2 tr:nth-child(2n):not(.htx) { background:#C8C8C8; } .ht2 tr:hover:not(.hovx) { background:#F0F0F0; transition:.1s; } .item, .list a, .listdiv div { background:url('../images/icons/item.gif') left 8px no-repeat; padding-left:11px; display:block; } .list a:hover { background-position:left -59px; } .mc.list a { background-position:left 9px; } .mc.list a:hover { background-position:left -58px; } .block, .newslist a { display:block; } .nowrap { white-space:nowrap; } .top, #maintd { vertical-align:top; } .wn { margin-bottom:4px; } .mb8 { margin-bottom:8px; } .mb10 { margin-bottom:10px; } .w100 { width:100%; } .w25 { width:25%; } .w50 { width:50%; } .w1v5 { width:calc(100% / 5); } .br3 { border-radius:3px; } .scroll-y { overflow-x:hidden; overflow-y:scroll; } .scroll-x { overflow-x:scroll; } .fleft { float:left; } .fright { float:right; } .fclear { clear:both; } .clearfix:after,.clearfix:before { content:' '; display:table; clear:both; } .centerdiv { margin:auto; } .pointer { cursor:pointer; } .legende { cursor:help; border-bottom:1px dotted #2560f7; padding:0 1px; } ::selection { background:#696969; color:#FFF; text-shadow:none; } .nobefore:before, .noafter:after { content:none; display:none; } .regleft { border-right:1px solid #696969; background:#F0F0F0; } .regact { font-weight:bold; padding:4px 18px; color:#fff; } .narrow .regact { padding:4px 10px; } .regleft a { display:block; padding:5px 20px; } .narrow .regleft a { padding:4px 10px; } /* 05: NAVIGATION */ .back-to-top { background:#c8c8c8; position:fixed; bottom:40px; right:50px; padding:12px; border-radius:4px; font-size:1.8em; border:1px solid #f0f0f0; transition:1s; } .back-to-top:hover { background:#f0f0f0; } .akslogan, .datetime { width:370px; padding-top:6px; float:left; margin-left:40px; color:#696969; } .datetime, .meta { float:right; margin-right:40px; text-align:right; } .topbalken { background:#295581; padding-top:14px; height:94px; margin:4px 0 55px 0; position:relative !important; } .autokiste span { display:none; color:#f0f0f0; } .autokiste:hover span { display:inline; float:left; margin:10px -10px 10px 10px; padding:3px 10px; background:#295581 url('/images/icons/home.gif') left no-repeat; } .autokiste img { float:left; width:260px; height:auto; margin:-3px auto auto 31px; } .autokiste img.y25 { float:left; width:311px; height:auto; margin:-3px auto auto 31px; } .meta a:link, .meta a:visited { color:#e8e8e8; border:1px solid #295581; border-radius:3px; padding:3px 10px; margin:1px -10px 20px 9px; transition:.5s; } .meta a:hover:not(.topsymbol), .meta a.active:not(.topsymbol) { border:1px solid #f0f0f0; color:#FFF; } a.topsymbol { font-size:2.2em; transition:.5s; padding:0 30px; display:inline-block; } a.topsymbol:hover { color:#fff; } .topbalken form { display:inline; } .topsearch, .topsearch2 { position:absolute; top:-999px; right:40px; padding:5px 15px; background:#295581; width:475px; opacity:0; } .topsearch2 { opacity:1; top:39px; color:#295581; background:#f0f0f0 url('/images/icons/enter2.gif') right no-repeat; animation:fadein; animation-timing-function:ease-in; animation-duration:.6s; } .topsearch2::placeholder { color:#696969; } .tnav { background-image:linear-gradient(#767676, #696969); padding:7px 0 7px 38px; border-bottom:1px solid #FFF; margin:74px 40px 10px 40px; width:1081px; } .welcome .tnav { animation-name:fadein; animation-duration:2s; } .sticky { position:fixed; width:1122px; top:0; z-index:6; background:#295581; margin:0 auto auto auto; padding:6px 0 5px 77px; transition:background .9s; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } .tnav div { margin-right:46px; padding-bottom:22px; display:inline; } .sticky div { margin-right:46px; padding-bottom:19px; } .tnav div:nth-of-type(6) { margin-right:0; } .tnav div a { color:#FFF; padding:5px 4px 4px 4px; letter-spacing:.6px; border-bottom:3px solid #696969; transition:1.3s; } .tnav div a:hover { border-bottom:3px solid #FFF; transition:.6s; } .tnav div.active { background:url('/images/icons/tnavmarker_696969.gif') bottom no-repeat; } .sticky div a { border-bottom:1px solid #295581; padding-bottom:3px; } .sticky div.active { background:url('/images/icons/tnavmarker_295581.gif') bottom no-repeat; } .sticky div.active:hover, .tnav div.active:hover { background:none; } /* 06: WERBUNG */ .ad-sky-outside { float:right; width:160px; height:600px; margin-top:148px; } .ads-anzeige { color:#f0f0f0; text-align:center; margin:5px auto 1px auto; letter-spacing:.5px; } .akadslot_billboard { width:1118px; height:200px; margin:0 40px;} .akadslot_psgflex_cont { width:614px; height:307px; } .akadslot_marg { width:350px; height:300px; } .akadslot_welc-cad { width:364px; } /* 07: STARTSEITE */ .wh { padding:0 12px 5px 12px; letter-spacing:.5px; } .wh span { float:right; text-align:right; width:110px; padding-right:1px; } .welcome .wh span { display:none; } .wk { padding:5px; margin-bottom:60px; border:1px solid #F0F0F0; } .wk2 { margin-bottom:8px; } .wkhw { background:#a9bbcc; line-height:22px; padding:11px; margin-bottom:60px; border-radius:4px; } .wkhw img.plus { width:13px; height:13px; float:left; position:relative; top:117px; left:25px; margin-left:-15px; } .wkhw .img-headl { width:280px; height:140px; margin-right:14px; box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset; border-radius:3px; } .wkhw a span.hl2 { font-weight:bold; margin:-2px 0 9px 0; display:block; transition:.8s; } .wkhw:hover a span.hl2 { color:red; } .wk-week { padding:0; border:0; line-height:19px; } .wk-week div { background:#b2b2b2; padding:8px 10px; margin:0 0 1px 0; } .wk-week div:hover .x { text-decoration:underline; color:red; transition:.5s; } .wk-week div span { padding-left:51px; } .wk-week div a { color:#295581; display:block; width:100%; background:#b2b2b2 url('../images/icons/sprite_pictos.gif') no-repeat; } .wk-lesetipp, .wk-liste { border:1px solid #e5e5e5; border-right:1px solid #A6A6A6; border-bottom:1px solid #A6A6A6; transition:.5s; } .wk-lesetipp:hover, .wk-liste:hover { border-right:1px solid #898989; border-bottom:1px solid #898989; } .wk-lesetipp { line-height:20px; } .wk-lesetipp img { float:left; width:100px; height:75px; margin:2px 8px auto auto; } .wk-liste { padding:14px; } .wk-liste a { margin-bottom:5px; background-position:left 11px; padding-left:12px; } .wk-liste a:hover { background-position:left -56px; } .wk#autonews { background:#fff; min-height:284px; padding:0; border-radius:4px; border:0; } .wk#autonews a { padding:7px 13px 7px 28px; margin:0; background:#fff url('../images/icons/item3.gif') 13px 15px no-repeat; border-bottom:1px solid #c8c8c8; line-height:21px; } .wk#autonews a:first-of-type { border-top:2px solid #fff; border-radius:4px 4px 0 0; } .wk#autonews a:first-of-type:hover { border-top:2px solid #295581; border-radius:4px 4px 0 0; } .wk#autonews a:hover { background:#295581 url('../images/icons/item3.gif') 13px -123px no-repeat; color:#fff; } .wk#autonews .morenews a.more2 { font-weight:600; background:#696969; border:0; border-radius:6px; padding:6px 30px; color:#fff; display:inline-block; transition:.5s; margin:10px auto; } .wk#autonews .morenews a.more2:hover { background:#295581; transition:2s; } .wk a.more2:after { font-family:'FontAwesome'; content:"\f105"; font-size:1.2em; padding-left:10px; } .wfleft, .wfleft2, .wfleftx, .wfleft2x, .autonews, .wbeliebt { float:left; width:calc(50% - 12px); margin:auto 24px 15px auto; } .wfleftx, .wfleft2x { margin-right:0; } .wkx { background:#C8C8C8; padding:20px 3px 20px 13px; height:239px; overflow:hidden; border:1px solid #f0f0f0; transition:1s; } .wkx:hover { border-color:#295581; } .wkx ul { padding:0; margin:0; } .wkx #x2 { margin-top:195px; } .wkx li a.ressort { margin-right:18px; background:#F0F0F0; color:#295581; padding:3px 30.5px; border:1px solid #295581; border-radius:3px; } .wkx li { display:inline; } .wkx li ul { position:absolute; width:1em; left:-2000px; } .wkx li ul#cars.startw { float:left; left:auto; background:#c8c8c8; z-index:5; width:725px; height:140px; margin-top:3px; padding:15px 0 30px 7px; overflow:hidden; } .wkx li ul li a { background:#C8C8C8 url('/images/icons/item.gif') left 11px no-repeat; margin:0 0 5px 0; display:block; padding:1px 1px 0 13px; line-height:normal; } .wkx li ul li a:hover { background-position:left -56px; } .wkx li ul li a span { color:#000; } .wkx li ul li a span:after { font-family:'FontAwesome'; content:"\f105"; font-size:1.16em; padding-left:10px; color:#0844e2; } .wkx li ul li a:hover span:after { color:red; } .wkx li:hover a.ressort { background:#295581; color:#FFF; border:1px solid #696969; } .wkx li:hover ul { float:left; left:auto; background:#c8c8c8; z-index:10; width:725px; height:169px; overflow:hidden; } #x1 li:hover ul { margin-top:3px; padding:15px 0 0 7px; } #x2 li:hover ul { bottom:31px; padding:15px 0 0 7px; } .wbeliebt { margin-bottom:60px; } .wlinks div { background:#F0F0F0; border-bottom:1px solid #C8C8C8; padding:10px 2px; transition:.5s; } .wlinks div:hover { background:#696969; border-bottom:1px solid #696968; } .wlinks div:hover a { color:#FFF; display:block; } .wlinks div:first-child, .wk-week div:first-child { border-radius:4px 4px 0 0; } .wlinks div:last-child, .wk-week div:last-child { border-radius:0 0 4px 4px; } .img-headl { float:left; margin:0 7px 7px 0; } .wsprit { padding-right:15px; background:url('/images/spritpreise/spritpreistendenz.gif') right 5px no-repeat; } .wsprit00 { background-position:right -11px; } .wspritup { background-position:right -27px; } .wakad { text-shadow:1px 1px 0px #fff; text-align:center; margin-top:112px; background:#f0f0f0; padding:8px; } .wsitemap { width:calc(100% - 80px + 40px); height:473px; background:#D9D9D9; padding:28px 0 46px 0; margin:auto; border-right:20px solid #d9d9d9; border-left:20px solid #d9d9d9; } .wsitemap div { float:left; width:calc(100% / 4 - 27px - 2px); padding:9px 9px 9px 18px; min-height:485px; border-right:2px solid #F0F0F0; transition:1.5s; color:#696969; } .wsitemap div span { display:block; margin-bottom:15px; color:#295581; } .wsitemap div a { display:block; color:#696969; margin-bottom:5px; padding:2px 0 3px 0; } .wsitemap div a:hover { border-bottom:1px solid red; padding:2px 0; } .wsitemap div:hover { background:#F0F0F0; border-radius:6px; transition:1s; } .wsitemap div:hover span { text-transform:uppercase; background:url('/images/pfeile/pfeil_south2.gif') no-repeat 210px center; } /* 08: LINKS */ a { text-decoration:none; outline:0; } a:link, a:visited { color:#0844e2; } a:hover, a:active { color:#2560f7; } .linkred a:hover, .newslist a:hover, .galmarg a:hover, .sitemap a:hover, .regleft a:hover, .wk-lesetipp:hover a, .intleft:hover:before, .wk-week div:hover a, .mlink:hover:before, .int:hover:before, .ext:hover:before, .mail:hover:before, .int2:hover:after, .bereich:hover a.int, .psgna .wk:hover a, .search-lst:hover a, .p1.b:hover a, .psggalmake2 a:hover, .wsitemap div a:hover i { color:#FF0000; transition:color .5s; } .int:before, .ext:before, .mail:before, .int2:after, .p2 a.int:after { font-family:'FontAwesome'; padding:0 5px; } .int:before, .int2:after { content:"\f105"; font-size:1.1em; } .mail:before { content:"\f003"; color:#393939; } .ext:before { content:"\f08e"; } .intleft:before { font-family:FontAwesome; content:"\f104\A0"; } .print { background:url('/images/icons/sprite_special.gif') 0 -36px no-repeat; padding-left:18px; } .print:hover { background-position:0 -52px; } .download { background:url('/images/icons/sprite_special.gif') 0 -72px no-repeat; padding-left:16px; } .download:hover { background-position:0 -88px; } a.bild img { margin-bottom:5px; } .bild:hover span { text-decoration:none; border-bottom:1px solid red; transition:.5s; } .bild span.no { text-decoration:none; border:0; font-weight:bold; color:#696969; } /* 09: BILDER */ .img-neu { width:31px; height:13px; margin:2px 0 0 7px; } #imgpsgr { background:#F0F0F0; margin:0 0 11px 11px; float:right; } .mainwideimg { padding:10px; background:#F0F0F0; margin:0 0 24px 0; color:#696969; text-align:center; border-radius:3px; } .mainwideimg img { width:100%; height:auto; margin:4px auto; animation-name:fadein; animation-duration:2.2s; } .mainwideimg div:last-child { text-align:right; margin-right:2px; } .psglinkpic, .wide { line-height:16px; } #bupsg1 { padding:6px 3px 2px 4px; white-space:nowrap; } #bupsg2 { color:#696969; vertical-align:top; text-align:right; padding:0 2px; white-space:nowrap; } #bupsg3 { padding:0 3px 6px 4px; } #bupsg4 { margin:-1px 2px 0 0; float:right; color:#696969; } .wide #bupsg1 { padding:8px 9px 0 11px; } .wide #bupsg3 { padding:0 0 8px 11px; } .wide #bupsg4 { margin:2px 10px 2px 0; } .psglinkpic { margin:0 0 10px 15px; background:#f0f0f0; width:255px; float:right; } .psglinkpic.wide { width:100%; float:none; margin:0 0 28px 0; border-radius:3px; } .psglinkpic .psgbild { width:255px; height:170px; } .psglinkpic.wide .psgbild { width:750px; height:375px; padding:10px 10px 0 10px; } .psglinkpic #bupsg1 { padding:4px 6px 4px 40px; background:transparent url('../images/icons/lupe.gif') 10px 11px no-repeat; } .psglinkpic #bupsg2 { margin:-2px 2px 0 0; float:right; } .psglinkpic.wide #bupsg1 { padding:8px 9px 8px 40px; background-position:10px 13px; } .psglinkpic.wide #bupsg2 { margin:0 10px 0 0; } .psglinkpic img { transition:.5s; } .psglinkpic:hover img { transform: scale(1.1); opacity:.65; cursor:url('../images/icons/cursor-lupe-neu.gif'),pointer; transition:.7s; } .psglinkpic > div:first-of-type { transition:.7s; overflow:hidden; } .psglinkpic > div:first-of-type:hover { background:#000; transition:1.4s; } img.flag3728 { width:33px; height:25px; } img.flag2811 { width:36px; height:14px; margin:3px 0; } img.flag2617 { width:32px; height:21px; } img.flag2518 { width:32px; height:23px; } img.flag1910 { width:36px; height:19px; } img.flag1811 { width:36px; height:22px; } img.flag1409 { width:36px; height:23px; } img.flag1513 { width:30px; height:26px; } img.flag1108 { width:33px; height:24px; } img.flag1107 { width:33px; height:21px; } img.flag1007 { width:33px; height:23px; } img.flag0805 { width:32px; height:20px; } img.flag0705 { width:35px; height:25px; } img.flag0704 { width:35px; height:20px; } img.flag0504 { width:35px; height:28px; } img.flag0503 { width:35px; height:21px; } img.flag0302 { width:36px; height:24px; } img.flag0201 { width:36px; height:18px; } img.flag0101 { width:24px; height:24px; } /* 10: HEADER / MARGINALSPALTE / FOOTER */ .toptitle { background:#F0F0F0; padding:5px 12px; margin:0 0 30px 0; border:1px outset #FFF; text-align:left; } .toptitle h2, .toptitle h3, .toptitle h4{ display:inline; margin:5px 0 2px 0; } .toptitle h3:before, .toptitle h4:before{ font-family:FontAwesome; font-size:1.1em; content:"\f105"; padding:0 15px 0 13px; } .ttt h1, .ttt h2 { text-align:center; } .ttt h1 { margin:0 auto 35px auto; border-bottom:1px solid #295581; padding-bottom:2px; } .ttt h2 { margin:-33px auto 33px auto; padding:4px; } .mh { padding:6px 0 4px 15px; background:#295581; color:#FFF; letter-spacing:.5px; } .mc, .mcad { padding:13px; margin-bottom:65px; } .mcad { padding:9px 0; } .img-mteaser, .img-mbum { width:320px; height:128px; margin:0 auto 9px auto; border-radius:6px 0; } .img-mbum { margin:0 auto 1px auto; } .mitem1, .mitem2 { margin-bottom:3px; } .mitem2, .mlink { padding:6px 2px; display:block; border-bottom:1px solid #c8c8c8; } .mitem2:before, .mlink:before { font-family:FontAwesome; padding-right:9px; font-size:1.2em; } .mitem2:before { content:"\f104"; margin-left:-1px; } .mlink:hover { border-bottom:1px solid red; } .mlink:before { content:"\f105"; } .footer { width:100%; max-width:1200px; color:#aeb4b7; background:#295581; } .footer td { padding:10px 7px; white-space:nowrap; } .footer a:link,.footer a:visited { color:#aeb4b7; padding:8px 11px; transition:color .5s; } .footer a:hover,.footer a:active { color:#f0f0f0; } .footer td:first-child { padding:10px 7px 10px 38px; width:100%; max-width:500px; } .footer td:first-child a { padding:8px 0; } .footer td:last-child { padding-right:27px; } /* 11: RUBRIKEN */ .beg { margin:0 0 35px 0; padding:0 0 10px 0; border-bottom:1px solid #F0F0F0; } .beg a:nth-of-type(2) { color:red; opacity:0; transition:1.2s ease; } .beg:hover a:nth-of-type(2) { opacity:1; transition:1.2s ease; } .beg div:nth-of-type(1) { text-align:left; } .beg img { transition:.7s; margin:5px 14px 8px 0; width:192px; height:128px; } .beg:hover img { transform:rotate(-3deg); transition:.7s; box-shadow: 0px 0px 10px 5px rgba(105, 105, 105, .35); } .beg div:nth-of-type(2) { text-align:justify; margin:7px 0 5px 0; line-height:23px; } .begarchiv td { padding:15px 4px; text-align:center; line-height:15px; width:25%; } .begarchiv td img { width:150px; height:100px; margin:0 0 5px 0; border:1px solid #F0F0F0; padding:4px; } .bereich div:first-of-type, .impstyleneu .head { margin-bottom:13px; text-align:left; } .impstyleneu .text { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #f0f0f0; } .rubrik .bereich { border-bottom:1px solid #F0F0F0; margin-bottom:32px; padding-bottom:32px; } .rubrik img { margin:5px 13px auto auto; width:150px; height:100px; } .rubrik a.int { margin-top:12px; display:block; } .bereich:hover a.int:before { font-family:FontAwesome; content:"\f105\f105\f105"; } .rubrik img, .beg img { float:left; border-radius:3px; box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset; } [class*="sprit-"] { width:100%; background:#696969; border-collapse:separate; border-spacing:1px; } [class*="sprit-"] td { padding:9px; hyphens:none; } .sprit-dtl tr td:nth-of-type(1) { text-align:left; border-right:1px solid #696969; } .sprit-dtl tr:nth-of-type(1) td { font-size:1.2em; letter-spacing:2px; } .sprit-dtl tr:nth-of-type(2) td { border-bottom:1px solid #696969; } .sprit-hist tr td:nth-child(1), .sprit-hist tr td:nth-child(4) { font-weight:bold; } .sprit-hist tr td:nth-of-type(4) { border-left:1px solid #696969; } .sprit-orte tr td:nth-of-type(2), .sprit-orte tr td:nth-of-type(4) { border-right:1px solid #696969; } .sprit-orte tr td:nth-of-type(odd) { font-weight:bold; } .sprit-ausl tr td { text-align:center; } .sprit-ausl tr td:nth-of-type(2) { text-align:left; font-weight:bold; border-right:1px solid #696969; } .tabheader { padding:10px; margin:33px 0 4px 0; border-radius:6px 6px 0 0; text-align:center; color:#fff; } .tabtop td, .tabbot td { text-align:center; background:#f0f0f0; padding:15px; } .tabtop td { font-weight:bold; font-size:1.2em; color:#295581; border-bottom:1px solid #295581; } .tabtop td i { font-size:1.5em; padding-right:3px; } .tabtop td i:last-of-type { padding-right:13px; } .tabbot td { border-top:1px solid #295581; line-height:17px; } .sitemap td { background:#aeb4b7; padding:12px; width:33.3%; text-align:left; } .sitemaptop td { text-align:center; } .sitemap td.sitemap1 { text-align:center; vertical-align:top; padding-top:35px; } .sitemap td.sitemap1 a { transform:rotate(-8deg); display:block; } .sitemap a { margin:7px 0; color:#295581; } .huepfburg-wrap { border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; margin:50px auto; padding:15px 0 12px 0; } .huepfburg div { padding:0 28.3px; display:inline-block; text-align:center; } .huepfburg div:nth-of-type(1) { padding-left:0; } .huepfburg div:nth-of-type(4) { padding-right:0; } .huepfburg div img { width:150px; height:100px; } .quiz td.hinweis { width:35%; line-height:17px; } .tablegende { margin:10px 10px 35px 10px; } .tablegende div { margin:0 auto 6px auto; text-align:center; } /* 12: PSG: ALLGEMEIN */ .p1, .p1akid { background:url('../images/icons/sprite_marg.gif') 0px 8px no-repeat; padding-left:14px; } .p1akid { background-position:0px -172px; } .p1 a { padding:4px 2px 0 0; } .p1.v a:after { font-family:FontAwesome; content:"\f03d"; margin-left:6px; } .p1.g a:after { font-family:"Font Awesome 5 Free"; content:"\f302"; font-weight:normal; margin-left:6px; } div.p1:hover { background-position:0 -28px; } .p1 a:hover { border-bottom:1px solid red; } .p1.b:hover a { transition:.3s; border:0; } .p2 { margin:5px 0 15px 14px; padding:0 0 14px 0; border-bottom:1px solid #F0F0F0; line-height:15px; } .p2t { line-height:17px; } .psg2unfallstats { background:#c8c8c8 url('/psg/images/unfallstatistik.jpg') no-repeat; } .psgna { margin-top:55px; } .psgna .wh { color:#696969; padding:3px 1px; border-bottom:1px solid #F0F0F0; } .psgna .wk { border:0; padding:8px 8px 11px 8px; line-height:25px; border-radius:1px 1px 3px 3px; transition:.6s; } .psgna .wk:hover { background:#F0F0F0; } .psgna .wk a { transition:.8s; } .psgna .img-headl { width:260px; height:130px; margin:3px 10px 0 0; } .psgna span.hl { display:block; font-weight:bold; margin:2px auto 10px auto; } .pagination3 { margin-top:38px; text-align:center; } .pagination3 a, .pagination3 span { padding:5px 20px; border-radius:3px; margin:auto 1px 6px 1px; background:linear-gradient(#6988a6, #295581); color:#FFF; display:inline-block; } .pagination3 a:hover, .pagination3 span { background:linear-gradient(#f0f0f0 90%, #295581 10%); padding:4px 19px; color:#295581; border:1px solid #295581; } .paginata { list-style:none; padding:0; } .paginata li { display:inline; } .paginata li a { padding:5px 14px; border-radius:3px; background:linear-gradient(#6988a6, #295581); color:#FFF; } .paginata li a:hover { background:#F0F0F0; color:#295581; } .paginata li ul { display:none; width:725px; } .paginata li:hover ul { display:block; border:1px solid #295581; border-radius:3px; padding:13px 9px; position:absolute; margin-top:4px; line-height:30px; } .paginata li li { margin:25px 3px; } .psg-social { width:100%; margin:20px 0 2px 0; height:35px; } .galflex .psg-social { margin:46px 0; } .psg-social div { float:left; width:calc(25% - 17px); margin-right:22px; padding:4px 0; border-radius:3px; } .psg-social div a { color:#FFF; display:block; padding-left:20px; } .psg-social div:hover { text-transform:uppercase; padding:7px 0; transition:.4s; } .psg-social div:nth-child(1) { background:var(--leserbrief); } .psg-social div:nth-child(2) { background:var(--kofi); } .psg-social div:nth-child(3) { background:#dd4b39; margin-left:1px; } .psg-social div:nth-child(4) { background:var(--whatsapp); margin-right:0; } /* 13: PSG: FOTOSTRECKEN */ .galhead, .galbott { padding:7px; background:#F0F0F0; color:#295581; box-shadow:0px 8px 6px -6px #888; border-radius:3px 3px 0 0; } .galvert { color:#696969; padding:14px 0 12px 0; line-height:27px; } .galvert a { padding:4px 3px; margin-right:6px; margin-bottom:6px; color:#295581; background:#d9d9d9; border-radius:3px; } .galvert a.single, .galvert span.single { padding:4px 7px; } .galvert span { padding:4px; color:red; margin-right:4px; background:#f0f0f0; border-radius:3px; } .galscalepic { width:768px; height:auto; margin:auto; border:1px solid #f0f0f0; } a.galback, a.galnext { position:absolute; top:0%; height:99.5%; z-index:2; } a.galback { left:0%; width:24%; } a.galnext { right:0%; width:67%; } a.galback:after, a.galnext:after { font-family:FontAwesome; font-size:5em; color:#fff; position:absolute; top:47.9%; opacity:0; transition:.6s; } a.galback:after { content:"\f104"; left:10px; } a.galnext:after { content:"\f105"; right:10px; } .galimage a:hover:after { opacity:0.7; } .galbu { padding:11px 0; line-height:20px; } .galbu:hover { padding:9px 3px; } .galbildquelle { color:#696969; padding-top:6px; border-top:1px solid #f0f0f0; padding-bottom:29px; } .galmarg { margin-top:-10px; padding-bottom:50px; animation:none; } .galmarg div { padding:11px 12px 11px 11px; } .galmarg .ad { margin:25px auto; text-align:center; padding:11px 0; } .galmarg a { margin:3px; padding:6px; display:block; border-bottom:1px solid #C8C8C8; } .galmarg a:hover { border-bottom:1px solid red; } #psggalrecommender { width:616px; height:520px; border:20px solid #f0f0f0; border-radius:5px; background:#F0F0F0; margin:0 auto 70px auto; overflow:hidden; } .psggalind { background:#F0F0F0; width:100%; } .psggalind td { background:#C8C8C8; padding:15px 5px; text-align:center; } .psggalind td:hover { background:#F0F0F0; } .psggalind a img { width:156px; height:104px; border:1px solid #c8c8c8; border-radius:3px; } .psggalind a:hover img { border-color:#295581; } .psggalind a { position:relative; } .psggalind a:after, .psggalind a:before { position:absolute; opacity:0; transition:.5s; text-align:center; white-space:nowrap; } .psggalind a:after { content:attr(data-tooltip); top:-127px; left:0; min-width:145px; background:#295581; padding:6px; color:#fff; border-radius:4px; line-height:17px; } .psggalind a:before { content:""; left:33px; top:-99px; width:0; height:0; border:10px solid transparent; border-top:10px solid #295581; } .psggalind a:hover:after, .psggalind a:hover:before { opacity:1; } .psggalind td div { display:none; } .psggalmake { border-spacing:2px; border-collapse:separate; background:#C8C8C8; width:100%; margin-top:20px; } .psggalmake2 { padding:10px; background:#D9D9D9; } .psggalmake2 a { background:url('../images/icons/item.gif') 8px 10px no-repeat; display:block; padding:3px 4px 3px 21px; } .psggalmake2 a:nth-child(3n+3) { margin-bottom:9px; } .psggalmake2 a:hover { background:#f0f0f0 url('../images/icons/item.gif') 8px -57px no-repeat; border-radius:3px; } .psggalmake1 { background:#F0F0F0; padding:8px 0; width:220px; } .psggalmake1 .norm { padding:4px 10px; } .psggalmake1 .norm:hover { background:#C8C8C8; } .psggalmake1 .norm a { display:block; padding:2px 0; } .psggalmake1 .highl { background:var(--autokiste); text-align:right; padding:7px 8px 6px 8px; margin:4px 0; border-bottom:4px double #FFF; color:#FFF; } .psggalmake1 .highl:after { font-family:FontAwesome; padding-left:12px; content:"\f054"; } /* 14: PSG: MELDUNGEN */ h1.psghead { letter-spacing:0.1px; margin:19px 0 25px 0; padding:5px; border-bottom:1px solid #f0f0f0; text-align:center; text-shadow:4px 4px 4px #aaa; } #psghead2 { padding:4px 0 0 0; text-align:left; } #psgleft { width:770px; float:left; vertical-align:top; text-align:justify; padding-left:40px; } #psgright { width:336px; float:right; vertical-align:top; text-align:center; padding:15px 7px 0 7px; } #psgteaser { display:block; margin-bottom:26px; line-height:29px; } .psgtext:after { content:"\0020 \25AA \25AA"; color:#295581; font-size:1.2em; } .psgtext a { border-bottom:1px solid transparent; transition:border 1s; } .psgtext a:hover:not(.psgmore) { border-bottom-color:red; color:#0844e2; } .psglinkpic a:hover, .psgmore a { border-bottom:0; } .psgtext-sml { font:14px Open Sans, Verdana; } .psgtext-big { font:20px/32px Open Sans, Verdana; } .psgtext-zitat, .psgtext-korr { font:italic 14px/20px Open Sans; margin:24px 0 24px 35px; border-left:2px solid #295581; padding:0 0 2px 10px; } .psgtext-zitat:before, .psgtext-korr:before { font-family:FontAwesome; content:"\f10e"; font-size:2em; position:relative; left:-50px; top:12px; margin-right:-28px; color:#295581; } .psgtext-korr:before { font-family:FontAwesome; content:"\f12a"; left:-40px; margin-right:-12px; } .psgch { font-weight:bold; margin:20px 0; } .psgyoutube { width:750px; background:#F0F0F0; text-align:center; margin:25px 0; border-radius:3px; padding:10px; } .psgyoutube iframe { width:750px; height:422px; } .psgimg { float:right; margin:0 0 13px 14px; background:#F0F0F0; border-spacing:0; border-collapse:collapse; } .psgimg td { padding:0; } .psgimg.wide { width:100%; margin-bottom:28px; border-radius:3px; clear:both; display:block; } .psgimg .norm { width:255px; } .psgimg .hoch { width:170px; } .psgimg .kopf { width:127px; } .norm img.psgbild { width:255px; height:170px; } .hoch img.psgbild { width:170px; height:255px; } .kopf img.psgbild { width:127px; height:auto; } .wide img.psgbild { width:750px; height:375px; padding:10px 10px 0 10px; animation:fadein; animation-duration:2s; } .img-lupe { margin:6px 4px 6px 2px; float:left; width:19px; height:19px; } .img-lupe:hover { opacity:0.7; } .psgmore { margin-bottom:23px; background:#F0F0F0; padding:5px 8px; box-shadow:1px 2px 5px #696969; } .psgmore:hover { box-shadow:1px 2px 9px #696969; } .psgmore .infogramm, .psgmore .tab, .psgmore .pdf, .psgmore .video, .psgmore .foto { background:url('/images/icons/sprite_psg.png') 5px -2px no-repeat; padding:4px 0 4px 75px; display:block; } .psgmore .infogramm:hover { background-position:5px -40px; } .psgmore .tab { background-position:5px -95px; } .psgmore .tab:hover { background-position:5px -133px; } .psgmore .pdf { background-position:5px -187px; } .psgmore .pdf:hover { background-position:5px -225px; } .psgmore .video { background-position:5px -279px; } .psgmore .video:hover { background-position:5px -317px; } .psgmore .foto { background-position:5px -371px; } .psgmore .foto:hover { background-position:5px -409px; } .psgbalken, .psgbalken1 { padding:12px 0 6px 1px; margin:33px 0 0 0; border-top:1px solid #F0F0F0; } .psgbalken a, .psgbalken1 a { padding:4px 11px; background:#f0f0f0; border-radius:2px; color:#295581; margin-left:2px; } .psgbalken a:hover, .psgbalken1 a:hover { background:#f0f0f0; color:red; } .psgbalken span,.psgbalken1 span { padding:0 0 8px 0; line-height:11px; } .psgbalken2 { padding:0 0 10px 1px; margin:0 0 7px 0; border-bottom:1px solid #F0F0F0; } #psgkasten { border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; margin-top:13px; border-collapse:collapse; width:770px; } #psgkasten td { padding:14px 0; } .psgk1, .psgk2 { width:calc(50% - 10px); border:1px solid #696969; border-radius:3px; float:left; } .psgk2 { float:right; } .psgkheadneu { text-align:center; color:#F0F0F0; padding:6px 0; } .psgkneu { background:#F0F0F0; height:74px; vertical-align:top; padding:9px 13px 9px 10px; border-radius:0 0 3px 3px; } .psgkneu a { display:block; margin:3px auto 7px auto; } .psgkneu a:before { padding-left:2px; padding-right:8px; } .psgkneu a:hover { color:#0844e2; border-bottom:1px solid red; margin-bottom:6px; } ul.adacstau { list-style:none; } .adacstau li { display:flex; padding-left:16px; border-left:1px solid #F0F0F0; } .adacstau li:before { font-family:'FontAwesome'; content:'\f018'; padding-right:8px; color:#295581; } .psgfontsizer { padding:4px; width:150px; border:1px solid #D9D9D9; border-right:1px solid #A6A6A6; border-bottom:1px solid #A6A6A6; margin-bottom:20px; } .archivhinweis { background:#295581; color:#f0f0f0; padding:1px 7px 1px 8px; font-size:10px; margin-right:7px; letter-spacing:.4px; border-radius:2px; } /* 15: PSG: FOLGESEITEN */ .psg2tab { margin:40px auto 11px auto; box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .psg2tab td { white-space:nowrap; padding:8px 7px; line-height:16px; } .psg2tab .top { color:#FFF; font-weight:bold; text-align:center; } .psg2tab .bot { background:#F0F0F0; color:#696969; text-align:justify; border-top:1px solid #696969; white-space:normal; } /* 16: FORMULARE & MISCELLANEA */ input, textarea { resize:none; outline:none; border-radius:5px; padding:8px 12px; border:2px solid #fff; background:#d9d9d9; transition:border-color 0.3s; } input:hover, textarea:hover, input:focus, textarea:focus { border:2px solid #295581; transition:border-color 0.3s; } button { width:220px; } button.submit:after { content:"\f105"; font:14px/1 FontAwesome; padding-left:9px; } button.reset:before { content:"\f05e"; font:14px/1 FontAwesome; padding-right:9px; } .form18 label { margin:0 0 7px 5px; display:block; font-weight:600; } select.new { padding:5px; border:0; color:#FFF; margin:0; height:35px; } input[type=submit], input[type=reset], input[type=button], button { background:#696969; color:#FFF; padding:7px 17px; border:1px solid #fff; transition:.8s; border-radius:5px; } input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover { background:#295581; transition:0.5s; cursor:pointer; } .reiter2, h2.reiter2 { padding:6px 0; margin-bottom:0; } .reiter2 span, h2.reiter2 span { padding:7px 12px 7px 25px; color:#FFF; border-radius:3px 3px 0 0; background:#696969 url('../images/icons/item2.gif') 11px -126px no-repeat; } .abcv { margin:15px 0 20px auto; padding:5px 0; text-align:center; } .abcv a, .abcv div { padding:6px 10.9px; margin:0 1px 0 0; display:inline; background:#F0F0F0; font-weight:bold; } .abcv a:hover, .abcv .active { color:#FFF; } #bum-button { width:95px; margin:6px 0 7px 1px; background:#F0F0F0; } .bum-button-off { border:1px solid #696969; } .bum-button-on { border:1px solid #FF0000; } .chronik { width:100%; border-top:6px solid #696969; margin-bottom:30px; line-height:18px; } .chronik td { padding:10px; } .chronik tr td:nth-child(1) { font-weight:bold; padding:8px; width:70px; } .mediaref { width:100%; background:#fff; margin-bottom:25px; border:1px solid #696969; } .mediaref tr:first-of-type td { font-weight:bold; background:#F0F0F0; border-bottom:1px solid #C8C8C8; line-height:18px; } .mediaref td { padding:28px 0 19px 0; text-align:center; width:33.3%; } .mediaref a img { width:170px; height:50px; padding:5px; border:1px solid #fff; border-radius:3px; } .mediaref a:hover img { border-color:#295581; } .mediaref a { position:relative; } .mediaref a:after { content:attr(data-tooltip); position:absolute; top:-85px; left:0; height:16px; min-width:172px; text-align:center; background:#295581; padding:5px; color:#fff; border-radius:3px; transition:.7s; opacity:0; white-space:nowrap; line-height:15px; } .mediaref a:before { content:""; position:absolute; width:0; height:0; border:10px solid transparent; border-top:10px solid #295581; opacity:0; left:83px; top:-61px; transition:.7s; } .mediaref a:hover:after, .mediaref a:hover:before { opacity:1; } /* 17: SERVICE / RECHT & REISE / ARCHIV */ .seg-v { background:#D9D9D9; width:100%; border-spacing:0; border-bottom:8px solid #696969; } .seg-v td { text-align:center; border-right:1px solid #696969; padding:5px; } .seg-v td:first-child { border-left:1px solid #696969; } .seg-v td.ak { color:#F0F0F0; } .seg-v td:hover:not(.ak) { background:#F0F0F0; } .seg td { background:#f0f0f0; padding:15px; vertical-align:top; border-right:3px solid #c8c8c8; border-bottom:3px solid #c8c8c8; } .seg tr:nth-of-type(1) td { border-color:#696969; border-right:0; background:#d9d9d9; letter-spacing:1px; } .seg tr:nth-child(-n+2) td { padding-bottom:7px; color:#696969; } .seg td.top4 { text-align:center; padding-bottom:22px; } .seg td.top4 img { margin:0 0 9px 0; width:225px; height:150px; } .seg td.top4 span { display:block; font:600 30px Open Sans; } .seg .models { padding:15px 5px 10px 15px; background:#d9d9d9; border-right:0; } .seg .models div { margin-bottom:6px; } .seg .models div.bev { color:green; } .seg .models div.bev:before, .seg .models div.icebev span:after { font-family:'FontAwesome'; content:"\f1e6"; padding-right:7px; color:green; } .seg .models div:not(.bev):before, .seg .models div.icebev:before { font-family:'Font Awesome 5 Free'; content:"\f52f"; font-weight:900 !important; padding-right:7px; color:#444; } .seg .models div:nth-child(3n) { margin-bottom:18px; } .seg .hinweis { background:#d9d9d9; line-height:15px; padding-bottom:6px; } .seg .hinweis div { margin:9px 0; } .segtop10 td { padding:10px; text-align:right; white-space:nowrap; } .segtop10 tr:nth-of-type(1) td, .segtop10 tr:nth-of-type(2) td, .segtop10 tr td:nth-of-type(2), .segtop10 tr td:nth-of-type(3) { text-align:center; } .segtop10 tr td:nth-of-type(1) { font-weight:700; } .abktab td { vertical-align:top; border-bottom:1px solid #F0F0F0; padding:8px; text-align:left; line-height:16px; } .abktab td img { width:14px; height:8px; } .abktab tr td:first-of-type { background:#D9D9D9; border-right:1px solid #F0F0F0; font-weight:bold; width:120px; } .abktab tr:hover { background:#F0F0F0; font-weight:bold; transition:background .6s; } .abktab td:first-of-type:hover { background:#F0F0F0; transition:.5s; } .hadr { background:#c8c8c8; margin:6px 0 0 0; } .hadr tr:not(.hovx) { background:#f0f0f0; transition:.6s; } .hadr tr:nth-child(2n):not(.htx) { background:#e5e5e5; } .hadr tr:hover:not(.hovx) { background:#295581; color:#f0f0f0; transition:.1s; } .hadr tr:hover a { color:#fff; text-decoration:underline; } .hadr td { padding:8px; line-height:18px; border-bottom:2px solid #c8c8c8; text-align:left; } .hadr tr td:nth-of-type(2) div { font-weight:bold; margin-bottom:6px; } .hadr tr td:nth-of-type(3) { line-height:19px; } .hadr tr td:nth-of-type(3) div:nth-of-type(1):before { font-family:FontAwesome; content:"\f095"; margin-right:9px; } .hadr tr td:nth-of-type(3) div:nth-of-type(2):before { font-family:FontAwesome; content:"\f1ac"; margin-right:7px; } .hadr tr td:nth-of-type(3) div:nth-of-type(3):before { font-family:FontAwesome; content:"\f095"; margin-right:9px; color:darkorange; } .hadr tr td:nth-of-type(3) div:nth-of-type(4):before { font-family:FontAwesome; content:"\f003"; margin-right:7px; } .hadr tr td:first-of-type { background:#FFF; border-right:2px solid #c8c8c8; text-align:center; } .hadr img { width:66px; height:66px; margin:8px 4px; } .ehr { background:#C8C8C8; } .ehr td { padding:15px; width:33.33%; text-align:center; background:#aeb4b7; } .ehr input { padding:3px 9px; width:150px; border:1px solid #696969; text-align:right; margin:8px 0; border:0; } .ehr input:nth-of-type(3n+1) { text-align:left; } .ehr input[type=button] { width:180px; padding:4px; margin:7px 71px; text-align:center; border:0; } .expo { border-top:7px solid #696969; width:100%; } .expo td, .expo th { padding:9px; white-space:nowrap; } .expo tr td:nth-child(3) { text-align:center; } .expo tr td:nth-child(5) { text-align:center; background:url('../images/icons/link2.gif') no-repeat center center; } .expo tr td:nth-child(5) a { display:block; } .kfzkz3 { margin-bottom:25px; background:#F0F0F0; border-top:14px solid #696969; width:100%; } .kfzkz3 tr { background:#C8C8C8; } .kfzkz3 tr:hover { background:#F0F0F0; } .kfzkz3 .abstand { background:#F0F0F0; padding:0; } .kfzkz3 td { width:500px; text-align:left; padding:8px 8px 8px 12px; line-height:17px; } .kfzkz3 .letter { background:#696969; text-align:center; color:#F0F0F0; font-size:32px; width:25px; padding:15px 10px; vertical-align:top; line-height:37px; } .kfzkz3 .kz { width:30px; font-weight:bold; background:#D9D9D9; border-left:8px solid #f0f0f0; } .kfzkz3 td.bula { width:30px; font-weight:normal; text-align:right; border-left:0; border-right:8px solid #f0f0f0;} .promilleg td:not(.flag) { padding:8px; width:320px; } .promilleg tr { background:#c8c8c8; } .promilleg td.flag { padding:8px 6px; min-width:46px; text-align:center; } .tempolimit tr { background:#C8C8C8; } .tempolimit td { padding:9px; text-align:center; line-height:15px; width:16.6%; } .tempolimit .land { border-bottom:3px solid #F0F0F0; line-height:17px; font-weight:bold; padding:4px; } .tempolimit .land img { display:block; margin:0 auto 15px auto; } .tempolimit .info { border-bottom:3px solid #F0F0F0; text-align:justify; padding:9px 14px; } .tempolimit-fn td { border-bottom:1px solid #F0F0F0; text-align:justify; vertical-align:top; padding:8px; } .notrufnr td { padding:9px; } .notrufnr tr td:first-of-type { text-align:center; } .fkalbula { width:100%; } .fkalbula td { padding:11px; width:25%; text-align:left; } .fkalbula tr:nth-of-type(2) td { border-bottom:1px solid #696969; text-align:center; font-weight:bold; } .fkalbula td.hinweis { border-top:1px solid #696969; width:75%; padding:11px; text-align:justify; line-height:16px; } .fkalbula td:first-child { font-weight:bold; border-right:1px solid #696969; } .fkalsof td { padding:10px 5px; } .fkalsof tr:not(.hovx) td:first-child { font-weight:bold; border-right:1px solid #696969; text-align:left; white-space:nowrap; } .fkalsof tr:not(.hovx) td:nth-child(3) { color:#DC143C; } .fkal-sofg tr:not(.hovx) td:first-child { font-weight:bold; border-right:1px solid #696969; padding:9px; } .fkal-sofg tr td:nth-child(6) { text-align:center; } .fkal-sofg td img { height:15px; } .drl td { text-align:center; padding:10px; } .drl tr td:nth-child(1) { padding:5px auto; } .drl tr td:nth-child(2) { text-align:left; font-weight:600; } .a-quiz { background:#f0f0f0; margin-top:22px; } .a-quiz tr { background:#C8C8C8; } .a-quiz td { padding:15px 10px; } .a-quiz td:hover { border:2px solid #F0F0F0; padding:6px; } .a-quiz td img { width:160px; height:100px; } .a-psg { background:#F0F0F0; width:100%; } .a-psg td { padding:15px 9px 23px 10px; vertical-align:top; } .a-psg td.mth { padding:24px 0 10px 10px; font-weight:bold; } .a-psg td.mth:after { font-family:FontAwesome; content:"\f078"; font-size:inherit; padding-left:10px; } .a-psg td:not(.mth):hover { box-shadow:5px 5px 2px #c8c8c8 inset, -5px -5px 2px #c8c8c8 inset; transition:.5s; } .a-psg a, .a-psg div { display:block; margin-bottom:3px; margin-left:-3px; } .a-psg div { color:#696969; margin-left:11px; } .a-psg a:nth-child(3n) { margin-bottom:13px; } .a-psg div:nth-child(3n) { margin-bottom:13px; } .a-wtx { border:1px solid #696969; border-top:8px solid #696969; width:100%; } .a-wtx tr { background:#D9D9D9; } .a-wtx tr:nth-child(2n) { background:#F0F0F0; } .a-wtx td { padding:11px; } .a-wtx td div { background:url('../images/icons/item2.gif') left 10px no-repeat; padding-left:12px; margin-bottom:3px; } .a-wtx tr td:first-of-type { width:155px; font-weight:bold; vertical-align:top; border-right:2px solid #C8C8C8; white-space:nowrap; padding-right:3px; } .a-wtx a { padding-top:2px; display:block; } .webtipp { width:100%; margin-top:22px; } .webtipp .l, .webtipp .r { vertical-align:top; padding:20px 0; border-top:1px solid #F0F0F0; } .webtipp .l { font-weight:bold; } .webtipp .l img { margin:8px 15px 0 0; border:1px solid #F0F0F0; width:150px; height:113px; } .webtipp .head { font-weight:bold; margin-bottom:4px; } .webtipp .r { text-align:justify; width:100%; line-height:16px; } .webtipp .link { margin-top:4px; } /* 18: FREEFIND */ .search-lst { border-bottom:1px solid #F0F0F0; padding:15px 0; line-height:17px; } .search-lst .title span { color:#696969; padding-right:7px; } .search-lst .url { color:green; margin-top:5px; } .search-nav-cell { padding:18px 0; } .search-form-cell, .search-headline, .search-header-table, .search-line, a.search-page-links:nth-of-type(1), a.search-page-links:nth-of-type(2), a.search-page-links:nth-of-type(3) { display:none; } /* 19: DRUCKAUSGABE (kein' Bock, ungepflegt) */ @media print { body { background:#FFF !important; } .datetime, .noprint, #psgright, .meta, .psg-social, .galmarg, .tnav, .psgmore, .ads-anzeige, .akboxmarg, .footer td { display:none; } .footer td:nth-of-type(1) { display:block; } } /* 20: OPTIMIERUNG FUER SMARTPHONES (JUHU, ES WIRD BESSER) ___________________________________________________________________________________________________________________________________________________________________________*/ @media only screen and (max-width:799px) { body { margin:0; padding:0; width:100%; overflow-x:hidden; background:#c8c8c8 !important; } #autokiste, #akcontent { width:100%; margin:0; padding:0; border:0; overflow-x:hidden; } .akflex { -webkit-flex-direction:column; flex-direction:column; width:100%; } .akboxmain { width:calc(100% - 28px); padding:14px; line-height:22px; } .ads-anzeige { margin-top:15px; } .akboxmarg { width:calc(100% - 28px); padding:15px 14px 40px 14px; background:#C8C8C8; } .akboxmarg .mh { padding:6px 15px; border-radius:3px 3px 0 0; } .akboxmarg .mc, .galflex .akboxmarg { background:#f0f0f0; margin-bottom:40px; box-shadow:0px 7px 7px -5px #295581; } .akboxmarg .mcad { background:#c8c8c8; box-shadow:none; } .akadslot_psgflex_cont { width:calc(100% - 40px); height:auto; } .akadslot_marg { width:calc(100% - 40px); margin:22px 0; } .handheld-no, .ad-sky-outside, .footer td, .datetime, .psgk2, #psgright, .tnav div:nth-of-type(5), .akslogan, .meta, .seg .models, .tnav div:nth-of-type(6), .morepsg, .search-lst .title span, .autokiste:hover span, img.plus, .psg-social div:nth-child(3) { display:none; } .handheld-only, #whopper { display:block; visibility:visible; } .huepfburg div:nth-of-type(5), .huepfburg div:nth-of-type(6), .huepfburg div:nth-of-type(7), .handheld-only-inline { display:inline-block; } .mobhscroll { width:100%; overflow-x:scroll; -webkit-overflow-scrolling:touch; } .bildderwoche .bild img { width:100%; } /* NAV - MARG - FOOTER */ .topbalken { height:65px; text-align:center; margin-bottom:16px; } .tnav { width:calc(100% - 30px); margin:5px 10px 0 10px; padding:3px 5px; } .sticky { width:100%; padding:7px 0 6px 0; opacity:1; text-align:center; border-top:0; margin:0; transition:.1s; white-space:nowrap; overflow-x:scroll; } .tnav div { padding-bottom:16px; margin-right:5px; } .sticky div { padding-bottom:18px; margin-right:5px; } .tnav div a { font-size:11px; letter-spacing:0.2px; border:0; } .tnav div a:hover { padding-bottom:3px; } .tnav div:nth-of-type(4) { margin-right:0; } .autokiste img { width:50%; height:auto; float:none; margin-top:-2px; } .autokiste img.y25 { width:60%; height:auto; float:none; margin-top:-5px; } .footer { width:100%; font-size:13px; } .footer td:nth-child(1) { display:block; width:100%; padding:3px 0; text-align:center; } .back-to-top { background:#f0f0f0; border:1px solid #797979; bottom:22px; right:22px; transform:scale(0.8); } .img-mteaser { width:100%; height:auto; } .mlink:before, .mitem2:before { padding-right:10px; } .mitem2:before { content:"\f106"; padding-right:6px; margin-left:-2px; } /* MOBILE_NAVIGATION */ .mobnav { display:block; position:absolute; left:-3333px; background:#f0f0f0; transition:1s; width:100%; padding:5px 20px 999px 20px; font:14px Open Sans; overflow-y:hidden; } .mobnav div:not(.topblock) { text-align:center; } .mobnav a { color:#696969; padding:3px 7px; margin:0 5px; } .mobnav a i { padding-right:8px; } .mobnav .topblock { float:left; width:calc(50% - 20px - 10px); margin:11px 10px 30px 20px; } .mobnav .topblock a { font-weight:600; display:block; margin:20px 0 0 0; color:#295581; padding:8px 10px; background:#c8c8c8; border-radius:6px; text-transform:uppercase; } .mobnav .topblock:nth-of-type(2) { margin:11px 0 30px 10px; } .mobnav .search { padding:23px 0; margin:30px auto 0 auto; clear:both; background:#d2d2d2; } .mobnav .search input { width:calc(100% - 60px); margin:auto auto -3px auto; padding:8px; border-radius:6px; border:1px inset #797979; background:#fff; color:#295581; } .mobnav .social { border-bottom:1px solid #c8c8c8; padding:0; margin:0 auto 22px auto; } .mobnav .social a { padding:20px; margin:0 13px; } #whopper { position:relative; top:51px; left:20px; z-index:1; -webkit-user-select:none; user-select:none; } #whopper input:not(.ff) { display:block; width:30px; height:19px; position:absolute; top:-7px; left:-5px; cursor:pointer; opacity:0; z-index:2; -webkit-touch-callout:none; } #whopper span { display:block; width:30px; height:3px; margin-bottom:5px; position:relative; background:#fff; border-radius:3px; z-index:1; transform-origin:4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } #whopper span:first-of-type { margin-top:-51px; } #whopper span:first-child { transform-origin: 0% 0%; } #whopper span:nth-last-child(2) { transform-origin: 0% 100%; } #whopper input:checked ~ .mobnav { position:absolute; top:37px; left:-43px; transition:.6s; } #whopper input:checked ~ span { opacity:1; transform: rotate(45deg) translate(-2px, -1px); } #whopper input:checked ~ span:nth-last-child(3) { opacity:0; } #whopper input:checked ~ span:nth-last-child(2) { opacity:1; transform: rotate(-45deg); } /* WELC */ .autonews { width:100%; } .wk#autonews { width:100%; height:auto; } .wk#autonews a { background:none; padding:7px 10px; } .wk, .wkhw { margin-bottom:40px; } .wk2 { margin-bottom:8px; } .wkhw .img-headl { width:100%; height:auto; display:block; margin:0 0 11px 0; } .wkhw { text-align:center; line-height:20px; } .wkhw a span.hl2 { margin:auto auto 4px auto; } .list a { margin-bottom:2px; background-position:left 11px; padding-left:13px;} .wk-lesetipp { line-height:19px; } .wk-lesetipp img { float:left; width:calc(100% / 3); max-width:96px; height:auto; margin-right:8px; } .wfleft, .wfleftx { width:100%; float:normal; } .wfleft2, .wfleft2x { width:100%; } .wbeliebt { width:calc(50% - 8px); margin-right:16px; } .wbeliebt a { font-size:11px; font-weight:600; } .wlinks div { padding:6px 0; } .wakad { font-size:18px; line-height:32px; text-align:center; } .wsitemap { width:calc(100% - 50px); height:auto; } .wsitemap div { width:calc(100% - 20px); height:auto; min-height:auto; border:0; clear:both; float:none; padding:25px 10px; background:#D9D9D9; } .wsitemap div span { text-transform:uppercase; border-bottom:2px solid #295581; padding-bottom:1px; } /* RUBRIKEN & MAIN */ .sitemap td.sitemap1 { max-width:50px; white-space:nowrap; } .sitemap td.sitemap1 a { writing-mode:vertical-lr; } .rubrik .bereich { line-height:20px; } .rubrik img { width:36%; height:auto; margin-right:10px; } .toptitle, .tt { padding:4px 5px 4px 8px; } .toptitle h2, .toptitle h3, .toptitle h4 { font-size:13px; } .toptitle h3:before, .toptitle h4:before { padding:0 7px 0 5px; } .ttt h1 { font-size:25px; } .ttt h2 { font-size:13.5px; } .tabheader { font-size:15px; } .ehr td { padding:15px 5px; } .ehr input[type=text] { width:20%; } .ehr input[type=button] { width:140px; padding:4px; margin:7px 10px; } .seg td.top4 img { width:130px; height:auto; } .psgna img.img-headl { margin:6px auto 11px auto; width:100%; height:auto; } .psgna span.hl { text-align:center; margin-bottom:5px; } .psgna .wk { line-height:22px; } .kfzkz3 td { padding:7px 10px; white-space:normal; } .mediaref td { padding:20px 0 9px 0; } .mediaref a img { width:73%; height:auto; padding:0; } .expo tr th, .expo tr td:nth-of-type(3) { padding:9px 5px; } .expo tr td { white-space:normal; padding:9px 6px; } .expo tr td:nth-of-type(2), .expo tr td:nth-of-type(4) { text-align:left; } .expo tr td img { transform:scale(.85); } .abktab td { width:auto; padding:8px 20px 8px 8px; } .abktab tr td:first-of-type { width:auto; white-space:normal; } .hadr tr td:nth-of-type(1) { padding:6px; } .hadr tr td:nth-of-type(2) { min-width:242px; } .hadr tr td:nth-of-type(3) { min-width:240px; } .hadr img { width:40px; height:40px; margin:0; } .fkalsof tr:not(.hovx) td:first-child { white-space:normal; } .search-lst { padding:13px 0; } .search-lst .title { font-weight:600; margin-bottom:6px; font-size:15px; text-align:left; } .pagination3 { padding:15px 0; } .huepfburg div, .huepfburg div:nth-of-type(4) { padding:3px 8px; } .huepfburg div:last-of-type { padding-right:0; } .huepfburg div img { width:144px; height:96px; } .a-quiz tr { width:100%; float:left; } .a-quiz td img { width:88%; height:auto; } .a-quiz td { width:47%; float:left; padding:15px 5px; } .a-quiz td:hover { border:0; background:#f0f0f0; padding:15px 5px; } .a-psg td { padding:15px 5px 23px 7px; } .a-psg a.int:before { content:""; margin:;0; padding:0; } .a-psg a.int { margin-left:0; padding-left:0; } .a-psg div { margin-left:0; } .webtipp .l img { width:90px; height:auto; } .paginata li ul { width:84%; } .paginata li:hover ul { padding:9px 3px; margin-top:34px; } .paginata li:hover ul.mobrow2 { padding:9px 3px; margin-top:4px; } .paginata li li { margin:25px 1px; } .quiz td.hinweis { width:42%; line-height:14px; } .quiz button { width:188px; } .error404 img { width:50px; height:auto; } .beg img { width:160px; height:auto; } .chronik td { line-height:16px; } .chronik tr td:nth-child(1) { writing-mode:vertical-lr; vertical-align:middle; text-align:center; font:800 14px 'Open Sans',Verdana; text-transform:uppercase; padding:8px; width:30px; display:flex; align-items:center; justify-content:center;} /* PSG */ .p1 { background:none; padding-left:0; text-align:left; font-size:15px; margin-bottom:12px; border-bottom:1px solid #f0f0f0; padding-bottom:12px; } .p1akid { background:none; padding:0; font-size:15px; } .p2 { display:none; } .p1:has(+ .p2t) { border:0; margin-bottom:0; padding-bottom:0; } /* cool yeah :-) */ .p2t { display:block; color:#696969; line-height:16px; margin-left:0; } .p1akid + .p2 { display:block; margin-left:0; padding-bottom:12px; } h1.psghead { font-size:24px; line-height:32px; margin:9px 0 12px 0; } #psghead2 { font-size:11px; padding:0; } #psgteaser { font-size:15px; line-height:21px; margin-bottom:16px; } #psgleft { width:100%; float:none; padding:0; } .akpsg #maintab1 { max-width:calc(100% - 30px); margin:15px auto auto auto; table-layout:fixed; background:none; } #maintab1 td { overflow:hidden; max-width:100%; } .psgtext { font-size:16px; line-height:24px; } .psgbalken, .psgbalken1 { margin:23px 0 0 0; } .psgimg { margin:0 0 13px 40px; } .psgimg.norm .psgbild { width:calc(100% - 40px); height:auto; float:none; display:block; } .psgimg .norm { width:calc(100% - 40px;); } .psglinkpic { width:calc(100% - 40px;); } .psgimg.wide, .psglinkpic.wide { width:100%; } .psglinkpic.wide .psgbild, .psgimg.wide .psgbild { width:calc(100% - 16px); height:auto; padding:8px 8px 0 8px; } .psglinkpic.wide #bupsg1 { background:none; padding:8px 5px 5px 10px; } .psglinkpic.wide #bupsg1:after { content:"Bild anklicken startet Fotostrecke"; display:block; margin:3px 0; font-weight:bold; } .psgyoutube { width:calc(100% - 16px); padding:8px; } .psgyoutube iframe { width:100%; height:auto; } .adacstau li { margin-left:-30px; text-align:left; padding-bottom:7px; } .psgmore .infogramm, .psgmore .tab, .psgmore .pdf, .psgmore .video, .psgmore .foto { background:none; background-color:#F0F0F0; padding:10px 10px 10px 20px; } #psgkasten { width:calc(100% - 40px); } /*old*/ #psgkasten td { padding:20px 0; } .psggalmake1 { width:auto; font-size:12px; } .psggalmake1 .norm { padding:0 10px; } .psggalmake1 a { background:none; font-size:12px; } .psggalmake2 a { white-space:nowrap; font-size:10px; } .psgk1 { width:100%; } /*old*/ .psgflex #psgkasten, .psgflex .psgk1 { width:100%; } .psgkneu { height:auto; } .psggalind tr { width:100%; float:left; } .psggalind td { width:47%; float:left; padding:7px 5px 4px 5px; border:1px solid #f0f0f0; } .psggalind td:nth-of-type(even) { padding:7px 3px 4px 3px; } .psggalind td div { display:block; color:#696969; font-size:10px; margin-top:-5px; } .psg-social { margin:25px 0; } .galflex .psg-social { margin:22px 0 8px 0; } .psg-social div { width:calc(33.33% - 14px); margin-right:20px; } .psg-social div a { text-align:center; padding:0; } .psg-social div:nth-child(3) { display:none; } /* PSG-GALERIE */ .galvert a, .galvert span { padding:4px; } .galhead { font-size:15px; } .galscalepic { width:calc(100% - 2px); } .galbu, galbu:hover { font:400 14px 'Open Sans',Verdana; line-height:22px; } } /* 21: TABLETS IM PORTRAIT-MODUS ___________________________________________________________________________________________________________________________________________________________________________*/ @media only screen and (min-device-width:800px) and (max-device-width:1024px) and (orientation:portrait) { html { margin:0; padding:0; overflow-x:hidden; } body { background:none; margin:0; overflow-x:hidden; } .akflex { width:100%; } #autokiste { width:100%; margin:0; } #akcontent { width:100%; margin:0 0 35px auto; } .akboxmain { width:calc(100% - 300px); padding:0 20px 80px 20px; text-align:justify; } .akboxmarg { width:260px; } .autokiste img { margin:-3px auto auto 11px; } .akslogan, .datetime { margin-left:20px; } .datetime, .meta { margin-right:20px; } .tnav { margin:74px 20px 10px 20px; width:calc(100% - 70px); padding:7px 15px; } .tnav div { margin-right:13px; padding-bottom:20px; font:600 13px 'Open Sans',Verdana; } .tnav div a { font:600 15px 'Open Sans',Verdana; } .sticky { width:100%; margin:0; border-right:0; border-left:0; padding-left:35px; } .mh { padding:6px 0 4px 10px; background:#295581; color:#FFF; letter-spacing:.5px; } .mc, .mcad { padding:10px; margin-bottom:65px; } .img-mteaser { width:240px; height:auto; margin:0 auto 9px auto; border-radius:6px 0; } .footer td { padding:8px 4px; } .footer a:link, .footer a:visited { padding:8px 5px; } .footer td:first-child { padding:8px 5px 8px 20px; } .footer td:first-child a { padding:8px 0; } .footer td:last-child { padding-right:20px; } .akadslot_marg { width:250px; height:200px; margin:5px; } .ad-sky-outside, .morepsg, .psgk2 { display:none; } .wkhw .img-headl { width:240px; height:120px; } .wkhw img.plus { top:100px; } .psglinkpic.wide { width:100%; } .psgimg.wide .psgbild, .psglinkpic.wide .psgbild { width:calc(100% - 20px); height:auto; padding:10px 10px 0 10px; } .psgflex #psgkasten, .psgflex .psgk1 { width:100%; } .psggalind a img { width:120px; height:auto; } .psggalind td div { display:block; color:#696969; font-size:10px; margin:0 0 -4px 0; line-height:13px; } .galscalepic { width:calc(100% - 2px); } .seg td { padding:9px; } .seg td.top4 img { margin:0 0 9px 0; width:150px; height:auto; } } /* 22: TABLETS IM LANDSCAPE-MODUS ___________________________________________________________________________________________________________________________________________________________________________*/ @media only screen and (min-device-width:800px) and (max-device-width:1024px) and (orientation:landscape) { body { background:none; margin:0; } #akcontent { margin:0; } .ad-sky-outside { display:none; } } /* 23: VERY OLD STUFF MAY STILL BE NEEDED SOMEWHERE ___________________________________________________________________________________________________________________________________________________________________________*/ .stb, #stb { font:bold 8pt Verdana; } #stblock { font:8pt Verdana; text-align:justify; } #pt1block { font:10pt Trebuchet MS,Verdana; text-align:justify; } #pt2 { font:10pt Verdana; } .akpsg #maintab1 { width:1200px; background:url('../images/icons/ak_bg_psg.gif') repeat-y; } /* 24: BROWSER-SPECIFIC WORKAROUNDS */