/* 
@import "/css/reset.css";
@import "/css/multi.css";
@import "/css/eza.css";
@import "/css/formular.css";
@import "/css/eza-shop.css";
@import "/css/eza-bodyclass.css";
@import "/css/flexslider-shop.css";
@import "/css/flexslider-detailbild.css";
@import "/css/druck.css";
@import "/css/fancybox.min.css";
@import "/css/flexslider-min.css";
@import "/css/flexslider.css";
 */ 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: 'Arial', 'Verdana'; color:#000; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } #myname {display:none;} .cms {position:absolute;top:1px;left:0px;background-color:#FFF; z-index:1000; width:auto;font-size:12px;} .cms a:link, .cmslink a:link, .cms a:visited, .cmslink a:visited, .cmslink:link, .cmslink:visited {text-decoration:none; color:red; font-weight:normal; font-size: 12px;} .cms a:active, .cmslink a:active, .cms a:hover, .cmslink a:hover {text-decoration:underline; color:red;font-weight:normal; font-size: 12px;} #sitemap {margin:0 10px 0 10px;} #sitemap a, #sitemap a:link, #sitemap a:visited {text-decoration:none; color:#000;} #sitemap a:hover, #sitemap a:active, #sitemap a:focus {text-decoration:underline; color:#000;} #sitemap h1, #sitemap h2, #sitemap h3 {font-size:1em; margin:0 0 10px 0;} .ein {margin-left:20px; } #sitemap h1, #sitemap h2, #sitemap h3 {margin:0;} #sitemap h2, #sitemap h3 {margin:10px 0 0 0;} img.editstatusrot {border:2px solid #F00;} div.cookiealert { position:absolute; z-index:999999; top:0; width:100%; background-color:#CCC; min-height:50px; margin:0; overflow:hidden; } div.cookiealert form { width: 95%; margin:0 auto; } div.cookiealert a { color:#000; text-decoration:none; font-size:1em; font-style:normal; display:block; text-align:center; float:left; padding: 1em 1em 1em 1em; line-height:2.4em; } div.cookiealert input { display:block; float:left; padding:3px 15px; margin:1em; } @media screen and (max-width: 950px) { div.cookiealert a { line-height:1.3em; } div.cookiealert input { width:90%; max-width:300px; } }@media all { * {margin:0;padding:0;} img {border:0; width:100%;} #cmsleiste { display:block; position:static; } body {background:#fff; font:normal 0.80em/1.3em Arial, Verdana, Helvetica, Sans-Serif; color:#000;} input[placeholder], [placeholder], *[placeholder] {color:#FFF;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #FFF; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #FFF; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #FFF; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #FFF; } h1 {color:#861723; font-weight:bold; margin:0.3em 0 0.5em 0; font-size:1.5em; line-height:1.1em;} a, a:link, a:visited {text-decoration:none; color:#861723;} a:hover, a:focus, a:active {text-decoration:underline; color:#ec6708;} b, strong {font-weight:bold;} i, em {font-style:italic;} /* ~~~ Oben Header Links - Logo~~~ */ #oben_header {width:100%; height:36px; background:#969695; } #obeninnen {max-width: 1000px; margin:0 auto 0 auto; } #obeninnen_links {float:left; width:14.2%; height:auto; position:relative;} #obeninnen_links #logo {position:absolute; left:0; top:0; width:100%; margin:0; padding:0; z-index:250;} #obeninnen_links #logo img {width:100%; height:auto;} #obeninnen_links #logostrichlinks {position:absolute; left:0; top:36px; width:1px; height:87px; margin:0; padding:0; z-index:500; background-color:#282828;} #obeninnen_links #logostrichrechts {position:absolute; right:0; top:36px; width:1px; height:87px; margin:0; padding:0; z-index:500; background-color:#282828;} /* ~~~ Oben Header Rechts~~~ */ #obeninnen_rechts {float:left; width:85.8%; margin:0 0 0 14.6%; height:auto; } /* ~~~ HORIZONTALE Zusatz-Navigation oben~~~ */ #menublock_oben {float:right; width:70%; height:36px; margin:0 0 0 0; overflow:hidden; border-right:1px solid #60605f;} #menublock_oben ul {list-style-type:none; margin:0; padding:0; } #menublock_oben li {float:right; display:inline; background:none; padding:0% 1% 0 1%; margin:13px 0 3px 0; border-right:1px solid #b6b6b5; } #menublock_oben li:first-child {border-right:none; } #menublock_oben li a, #menublock_oben li a:link, #menublock_oben li a:visited {display:block; color:#fff; font-weight:normal; line-height:1.0em; text-decoration:none;} #menublock_oben li a:active, #menublock_oben li a:focus, #menublock_oben li a:hover {display:block; color:#861723; font-weight:normal; line-height:1.0em; text-decoration:none;} #menublock_oben li.akt a {color:#861723; } /* ~~~ Social-Buttons~~~ */ #social_rahmen {float:right; width:72px; height:36px; margin:0 0 0 0; overflow:hidden; border-right:1px solid #60605f;} #social_rahmen .social_but {float:left; width:36px; height:36px; margin-left:0; overflow:hidden;} #social_rahmen .social_but img {width: 100%; height:auto; padding-top:3px;} #social_rahmen .social_but:hover {background-color:#861723; } /* ~~~ MENÜanzeige Smartphone UNTER 500px~~ */ #menu_smart {position:relative; display:none; width:100%; height:40px; overflow:hidden; margin:0; padding:0; background-color: #861723; } #menu_smart a {display: block; padding: 10px 0 11px 53px; margin:0; color:#fff; font-size:1.2em; font-weight:normal; text-decoration:none; text-transform:uppercase; cursor: pointer; } #menu_smart:hover {background-color: #ec6708;} #menu_smart .but {position:absolute; top:2px; left:5px; width:45px; height:auto; z-index:5000;} #menu_smart .but img {width:100%; height:auto; } /* ~~~ HORIZONTALE HAUPT-Navigation oben~~~ */ #unten_header {width:100%; height:87px; margin:0 0 0 0; padding:0; background:#353535; } #unten_header_innen {max-width:1000px; height:auto; margin:0 auto 0 auto; position:relative; } /* ~~~ Container für Suchefeld + Shopbutton~~~ */ #cont_such_shop {float:none; width:85.8%; margin:0 0 0 14.2%; height:auto; overflow:hidden; padding:16px 0 6px 0; } /* ~~~ Suchefeld~~~ */ #suchediv {float:right; width:230px; margin:0 0 0 16px; min-height:30px; background-color:#969695; position:relative; overflow:hidden;} #suchstr {height:30px; width:100%; color:#fff; background:none; border:none; padding:0 0 0 8px; position:absolute; bottom:0; left:0; z-index:200; } #gobutton {height:30px; vertical-align:middle; position:absolute; bottom:0; right:0; z-index:250;} #gobutton img {width:100%; height:auto; } /* ~~~ Shopbutton~~~ */ #shopdiv {float:right; width:60px; min-height:30px; margin:0 0 0 16px; position:relative; } #shopdiv a {display:block; font-size:1.2em; line-height:1em; color:#FFF; font-weight:normal; padding:7px 7px 7px 7px; background-color:#861723; text-decoration:none; position:absolute; top:0; left:0; z-index:250; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #shopdiv a:hover {padding:12px 7px 12px 7px; background-color:#ec6707; top:-5px; left:0; border-radius:10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} /* ~~~ ShopMenu~~~ */ #shopmenu {display:none; position:absolute; top:11px; right:0; z-index:3500; width:auto; min-height:100px; background-color:#ec6707; border-radius:10px; box-shadow: -2px 0px 10px #000; padding:0 0 12px 0;} #shopmenu_header {position:relative; width:auto; height:auto; padding:12px 9px 12px 9px; border-bottom:1px dotted #f6b383; text-align:right; font-size:1.2em; line-height:1em; color:#FFF; font-weight:normal; } #shopmenu_header .shopclose { position:absolute; top:-2px; left:0px; z-index:3550; max-width:30px; height:auto; } #shopmenu_header .shopclose img {width:100%; height:auto; } #shopmenu a, #shopmenu a:link, #shopmenu a:visited {display:block; text-decoration:none; font-size:1.0em; line-height:1.3em; color:#fff; font-weight:normal; padding:12px 9px 0px 9px; text-align:right;} #shopmenu a:active, #shopmenu a:hover, #shopmenu a:focus {text-decoration:none; color:#000; } /* ~~~ HORIZONTALE HAUPT-Navigation oben~~~ */ #navirahmen {width:85.4%; padding:0 0 0 14.2%; } ul#menublock_0_o {margin:0;} #menublock_0_o li {width:auto; display:block; float:left; background:#353535 url(none); text-align:center; text-transform:uppercase; position:relative; } #menublock_0_o li:hover {background-color:#861723;} #menublock_0_o li a {display:block; font-size:1.2em; line-height:1em; color:#FFF; font-weight:normal; padding:10px 7px 10px 7px; } #menublock_0_o li a:link, #menublock_0_o li a:visited {text-decoration:none; } #menublock_0_o li a:active, #menublock_0_o li a:focus, #menublock_0_o li a:hover {text-decoration:none; background-color:#861723; } #menublock_0_o li.akt {background-color:#861723;} #menublock_0_o li.akt a:hover {background-color:#861723;} #menublock_0_o .unterul {display:none; position:absolute; z-index:1000; cursor:pointer; left:0px; top:35px; width:auto; min-width:100%;} #menublock_0_o .unterul li {float:none; width:auto; height:auto; overflow:visible; padding:0; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; text-transform:none;} /* #menublock_0_o .unterul li {background: rgba(255,255,255,0.8);} */ #menublock_0_o .unterul li {background: rgba(238,238,238,0.95);} #menublock_0_o .unterul li a {display:block; text-align:left; overflow:visible; white-space:nowrap; padding:0.5em 10px 0.5em 10px; font-size:1.0em; line-height:1.3em; font-weight:normal; color:#000; } #menublock_0_o .unterul li a:hover, #menublock_0_o .unterul li a:focus, #menublock_0_o .unterul li a:active {background-color:#d4d4d4; color:#861723;} /* ~~~ HAUPTCONTAINER ~~~ */ #container {float:none; clear:both; max-width:1000px; margin:0 auto 0 auto; min-height: 300px; overflow:hidden;} /* ~~~ Bannerbild Start für EZA-Home und Shop~~~*/ #bannerbild {position:relative; z-index:500; width:100%; padding:0; margin-bottom:0; overflow:hidden; } #bannerbild h2 {position:absolute; right:0; bottom:50px; z-index:1500; width:auto; font-size:1.8em; font-weight:normal; color:#fff; padding:13px 17px 13px 17px; background:rgba(0,0,0,0.5); overflow:hidden; } /* ~~~2. Überschrift nur für Shop ~~~*/ #bannerbild h3 {position:absolute; left:25px; top:20px; z-index:1500; width:auto; font-size:1.8em; font-weight:bold; color:#fff; padding:13px 17px 13px 17px; background:rgba(0,0,0,0.5); overflow:hidden; } /* ~~~3. Überschrift nur für PartnerInnenbeschreibungen ~~~*/ #bannerbild h4 {position:absolute; left:-95px; bottom:95px; z-index:1500; width:200px; height:17px; font-size:0.8em; font-weight:normal; color:#fff; padding:2px 5px 2px 5px; background:rgba(0,0,0,0.5); overflow:hidden; -moz-transform:rotate(-90deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform:rotate(-90deg); /* Safari */ -o-transform:rotate(-90deg); /* Opera */ -ms-transform:rotate(-90deg); /* IE9 */ transform:rotate(-90deg); /* W3C */ } #slideshow {width:100%; padding:0; margin:0; left:0; bottom:0; z-index:1000; border:0;} #slideshow .img {width:100%; height:auto; overflow:hidden; } /* ~~~ Bannerbild Innen ~~~*/ #links_cont #bannerbild {position:relative; z-index:500; width:97.88%; padding:0; margin-bottom:0; overflow:hidden; } #links_cont #bannerbild h2 {position:absolute; right:0; bottom:30px; z-index:1500; width:auto; font-size:1.4em; font-weight:normal; color:#fff; padding:10px 13px 10px 13px; background:rgba(0,0,0,0.5); overflow:hidden; } #map_canvas {height:400px;} /* ~~~ Vertikale U-Navi Menü 2.Ebene ~~~ */ #menublock_1_u {width:93.5%; height:auto; padding:0; margin:16px 0 0 0; overflow:hidden; } #menublock_1_u li {display:block; border-bottom:1px solid #fff; background-color:#eeeeee; text-align:left; } #menublock_1_u li:hover {background-color:#d4d4d4; color:#143466; } #menublock_1_u li a {display:block; font-size:1.0em; text-decoration:none; line-height:1em; color:#000; font-weight:normal; padding:7px 7px 7px 7px;} #menublock_1_u li a:link, #menublock_1_u li a:visited {text-decoration:none;} #menublock_1_u li a:active, #menublock_1_u li a:focus, #menublock_1_u li a:hover {text-decoration:none;} #menublock_1_u li.akt {background-color:#d4d4d4; color:#861724; } #menublock_1_u li.akt a {background-color:#d4d4d4; color:#861724; } /* ~~~ Vertikale UU-Navi 3.Ebene ~~~ */ #menublock_1_u .ebene2 {width:100%; height:auto; padding:0; margin:0; border-top:1px solid #fff; overflow:hidden; } #menublock_1_u .ebene2 li {display:block; width:100%; color:#000; border:none; } #menublock_1_u .ebene2 li:first-child {border-top:1px solid #d0cfd0;} #menublock_1_u .ebene2 li:hover {background-color:#d4d4d4; color:#fff; } #menublock_1_u .ebene2 li a {display:block; padding:5px 0px 4px 17px; } #menublock_1_u .ebene2 li.pas a {border-bottom:1px solid #d0cfd0;} #menublock_1_u .ebene2 li.pas a:link, #menublock_1_u .ebene2 li.pas a:visited {color:#3e3e3e; text-decoration:none; background-color:#fff;} #menublock_1_u .ebene2 li.pas a:focus, #menublock_1_u .ebene2 li.pas a:hover, #menublock_1_u .ebene2.pas li active {text-decoration:none; background-color:#eddedb; color:#000;} #menublock_1_u .ebene2 li.akt a {background-color:#eddedb; color:#861723; border-bottom:1px solid #d0cfd0;} /* ~~~ breadcrumbs ~~~ */ #breadcrumbs {width:98%; margin:3px 0% 2px 0%; padding-bottom:5px; color:#969695; border-bottom: 1px dotted #8e8e8d; display:block;} #breadcrumbs ol {overflow:hidden;} #breadcrumbs li {float:left; padding-right:10px;} #breadcrumbs li:before {content:' > ';} #breadcrumbs li:first-child:before {content:'';} #breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {font-size:0.90em; text-decoration:none; color:#969695;} #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {font-size:0.90em; text-decoration:none; color:#861723;} #breadcrumbs a.akt {color:#861723;} /* ~~~ 4 x Vorschauboxen > Startseite ~~~*/ #vorschau_box_rahmen {width:100%; height:auto; padding:0; margin:15px 0 15px 0; background-color:#eaeaea; overflow:hidden;} .vorschau_box {float:left; position:relative; width:23.2%; height:255px; padding-bottom:5px; margin:1.5% 0 1.5% 1.5%; overflow:hidden; z-index:50; } .vorschau_box a { text-decoration:none; color:#000;} .vorschau_box a:hover { text-decoration:none; color:#2b6eb4;} .vorschau_box .bild { position:relative; z-index:50; width:100%; height:auto; max-height:200px; padding:0; margin:0; overflow:hidden; } .vorschau_box .bild img {width:100%; height:auto; } /* ~~~ .vorschau_box .overlay {position:absolute; bottom:0; left:0; width:100%; height:100%; padding:0; overflow:hidden; z-index:80; } ~~~*/ /* ~~~ .vorschau_box:hover .overlay{background: rgba(0,0,0,0.20); cursor:pointer; } ~~~*/ .vorschau_box .balken {position:absolute; bottom:3px; left:0; width:100%; height:auto; margin:0; z-index:90; padding:0; background:rgba(0,0,0,0.5); overflow:hidden; } .vorschau_box .balken h2 {color: #fff; font-size:1.1em; line-height:1.2em; font-weight:normal; padding:0px 3px 3px 7px; z-index:95; } .vorschau_box h2 {color: #861723; font-size:1.3em; line-height:1.45em; font-weight:normal; margin:3px 0px 1px 0px; padding:0;} .vorschau_box p {margin:5px 0px 5px 0px; } .vorschau_box p.mehrlink a {position:absolute; display:block; width:200%; height:100%; background-color:transparent; top:0; left:-100%; z-index:150;} .vorschau_box:hover p.mehrlink a:hover {background: rgba(0,0,0,0.2); } /* ~~~ Raster für Innen ~~~ */ #ganzebreite {display:none; } #links_cont {float:right; width:75.4%; } #maintxt {float:none; width:100%; margin:0 0 15px 0;} #rechts_cont {float:right; width:24.6%; margin:0 0 0 0; overflow:hidden;} /* ~~~ Vorschauboxen > in den verschiedenen Containern ~~~*/ #maintxt .vorschau_box {float:left; width:31.21%; height:255px; padding-bottom:5px; margin:16px 2.12% 0 0;} #maintxt .vorschau_box .balken {position:absolute; bottom:4px;} #rechts_cont .vorschau_box {float:none; width:93.5%; height:255px; padding-bottom:5px; margin:16px 0 0 0 ; background-color:#eeeeee;} #rechts_cont .vorschau_box h2 {margin:0 3px 0 7px; } #rechts_cont .vorschau_box p {margin:0 3px 0 7px; } /* ~~~ Video ~~~ */ .videorahmen {width:600px; max-width:100%; height:auto; margin:7px 0 10px 0; padding:0; } .videobox {width:100%; height:auto; margin:0; padding:0;position:relative;} .responsive-video {position:relative; padding-bottom:55%; padding-top:5px; height:0; overflow:hidden; } .responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video {position:absolute; top:0; left:0; width:100%; height:100%;} .cookie-text { position:absolute; top:20%; left:10%; width:75%; background: rgba(255,255,255,0.8); padding:2.5%; margin:0 auto; text-align:center; } .cookie-text img { width:auto; } .cookie-alert { position: fixed; left: 50%; width:500px; transform:translateX(-50%); max-width: 100%; margin: 30px auto; padding: 10px 20px; background-color: #fff; box-shadow: rgba(0,0,0,0.4) 0px 7px 7px 7px; border-radius: 10px; z-index:100000000; max-height: calc(100vh - 30px); overflow:auto; } .cookie-alert h1, .cookie-alert h2, .cookie-alert h3, .cookie-alert p {text-align:center;line-height:2em;} .cookie-alert h1 { color:#EC691F; font-weight:bold; font-size:2em; border-bottom:1px solid #EC691F; } .cookie-alert h2 input { background-color: #EC691F; padding:8px 15px; color:#FFF; font-size:1.1em; font-weight:bold; width:auto; margin-top:0.5em; border-radius:10px; border-width:0; } .cookie-alert p input { background-color: #FFF; font-size:1em; color:#EC691F; cursor:pointer; border:0; } /* ~~~ Beitrag Standard ~~~*/ div.beitrag_standard { width:80%; margin:0 0% 5% 0%;} div.beitrag_standard.breit {width:100%;} div.beitrag_standard p, div.beitrag_standard li { margin:0 0 0.25em 0; font-size:1.1em; line-height:1.4em;} div.beitrag_standard td { margin:0 0 0.25em 0; font-size:1em; line-height:1.4em;} div.beitrag_standard td p {font-size:1em;} .beitrag_standard .bild {width:50%; float:left; margin:0 17px 3px 0;} .beitrag_standard .bild img {width:100%;} .beitrag_standard .bild .bildtext p {font-size:0.85em; margin-top:0px; color:#4b4b4b;} .beitrag_standard .bildgross {width:100%; float:none; margin:0 0 3px 0;} .beitrag_standard .bildgross img {width:98%;} .beitrag_standard .bildgross .bildtext p {font-size:0.85em; margin-top:0px; color:#4b4b4b;} div.alsDetail {border-bottom:1px dotted #8e8e8d; padding-bottom:0.8em; margin-bottom:0.8em; overflow:hidden;} div#maintxt {list-style-type:none; padding:3px 7px 10px 10px; text-align:left; line-height:1.2em; margin:10px 0 10px 0; } div#maintxt li {background:transparent url('/images/bullet.png') 0px 5px no-repeat; text-indent:0; text-align:left; padding-left:10px; margin-bottom:3px;list-style: none;} div#maintxt ol li {background:none; list-style:decimal outside; padding-left:0; margin-left:3%;} div.alsDetail .intro p {color:#000; font-weight:bold; margin-bottom: 0.9em; font-size:1.1em; } div.alsDetail h2 {color:#000; font-weight:bold; margin-bottom: 0.5em; font-size:1.3em; line-height:1.1em;} div.alsDetail h3 {color:#000; font-weight:bold; margin-bottom: 0.5em; font-size:1.2em; line-height:1.1em;} div.alsDetail h4 {color:#000; font-weight:bold; margin-bottom: 0.5em; font-size:1.1em; line-height:1.1em;} .umbruch {white-space:nowrap; } #galerierahmen {margin:0; overflow:hidden;} #galerierahmen .fotogal {width:120px; height:79px; margin:0 8px 8px 0; overflow:hidden; float:left;} #galerierahmen .fotogal img {width:100%;} div#maintxt .flexslider li { background:none; margin:0; padding:0; padding-right:2%; list-style:none; } div.alsListe {border-bottom:1px dotted #8e8e8d; padding:1.1em 0 0.8em 0; margin:0 0 0% 0%; overflow:hidden; position:relative;} div.alsListe p.datum {color:#9C95A5; margin:0;} /* ~~~ div.alsListe .overlay {position:absolute; bottom:0; left:0; width:100%; height:100%; padding:0; overflow:hidden; z-index:80; } ~~*/ /* ~~~ div.alsListe:hover .overlay{background: rgba(0,0,0,0.20); cursor:pointer; } ~~*/ div.alsListe a {text-decoration:none; } div.alsListe a:hover {text-decoration:none;} div.alsListe h2 {margin:0; font-size:1.1em; line-height:1.15em;} div.alsListe h2, div.alsListe h2 a, div.alsListe h2 a:link, div.alsListe h2 a:visited {color:#000; font-weight:bold; margin-bottom: 0.5em; font-size:1em; line-height:1.15em;} div.alsListe h2 a:active, div.alsListe h2 a:hover, div.alsListe h2 a:focus {color:#000; text-decoration:underline;} div.alsListe p {margin:0;} div.liste-uberschrift h2 a, div.liste-uberschrift h2 a:link, div.liste-uberschrift h2 a:visited {color:#861723;} div.alsListe p.mehrlink {margin-top:5px;} /* ~~~ div.als:0;} div.alsListe p.mehrlink {margin-top:5px;} /* ~~~ div.alsListe p.mehrlink:before {content:"> "; color:#861723; } ~~*/ div.alsListe p.mehrlink a {position:absolute; display:block; width:200%; height:100%; background-color:transparent; top:0; left:-100%; } div.alsListe p.mehrlink a:hover {background: rgba(0,0,0,0.2); } div.alsListe h2.listenheader {color:#861723; font-weight:bold; margin:0em 0 0.3em 0; font-size:1.5em; line-height:1.1em} div.alsListe .bild {width:35%; float:left; margin:0 17px 3px 0;} div.alsListe .bild img {width:100%;} div.alsListe .passbild {width:20%; float:left; margin:0 17px 3px 0;} div.alsListe .passbild img {width:100%;} #seitenAnzeiger {font-size:1em;} .bodydiv {overflow:hidden;} .bodydiv .bild {float:left; margin:0 17px 3px 0;} /* ~~~ Partnerbeschreibung ~~~*/ #beschreibung_header {position:relative; width:98%; height:auto; margin:50px 0 2px 0; background:#353535; display:none;} #beschreibung_header h2 {position:absolute; z-index:3000; left: 15px; bottom:0; color:#fff; font-weight:normal;font-size:1.1em; padding:10px 0 17px 13px; text-transform:uppercase; letter-spacing:2px;} #beschreibung_header .logobalken {position:absolute; z-index:2950; width:100%; height:auto; left:0; bottom:0; } #beschreibung_header .logobalken img {width:100%; height:auto;} .beschreibung_teil1 {width:98%; margin:0 0 15px 0; overflow:hidden;} .beschreibung_teil1 .links {float:left; width:64%; margin:0; padding:10px 10px 10px 15px; background-color:#ece9e6; } .beschreibung_teil1 .links h2 {color:#000; font-weight:bold; margin-bottom: 0.5em; font-size:1.3em;} /* .beschreibung_teil1 .links p {column-count: 0; column-gap: 1.5em; -moz-column-count: 2; -moz-column-gap: 1.5em; -webkit-column-count: 2; -webkit-column-gap: 1.5em;} */ .beschreibung_teil1 .links p {text-align:justify;} .beschreibung_teil1 .rechts {float:left; width:28%; margin:0px 0 15px 15px; padding:0; } .beschreibung_teil1 .rechts p {font-weight:normal; margin-bottom:1em;} .beschreibung_teil2 {width:98%; margin:10px 0 10px 0; background:none; border:none; overflow:hidden;} /* .beschreibung_teil2 .links {float:left; width:64%; margin:0; padding:0 10px 10px 15px; column-count: 2; column-gap: 1.5em; -moz-column-count: 2; -moz-column-gap: 1.5em; -webkit-column-count: 2; -webkit-column-gap: 1.5em;} */ .beschreibung_teil2 .links {float:left; width:64%; margin:0; padding:0 10px 10px 15px; } .beschreibung_teil2 .links h2 {color:#861723; font-weight:bold; font-size:1.3em; margin: 0 0 0.5em 0;} .beschreibung_teil2 .links p { margin: 0.7em 0 0.7em 0; text-align:justify;} .beschreibung_teil2 .rechts {float:left; width:30.5%; margin:0 0 0.7em 15px; padding:0; background:#ece9e6; overflow:hidden; } .beschreibung_teil2 .rechts h2 {color:#861723; font-weight:normal; text-transform:uppercase; font-size:1.1em; margin: 0 0 0.5em 0; padding:7px 7px 7px 10px; background:#dad4cd; border-bottom:2px solid #fff;} .beschreibung_teil2 .rechts p, .beschreibung_teil2 .rechts ul {font-weight:normal; padding:3px 7px 10px 10px; } .beschreibung_teil1 p.quelle, .beschreibung_teil2 p.quelle {font-size:0.85em; line-height:1.1em; margin-top:7px; font-weight:normal; } /* ~~~ ALTE Partnerbeschreibung .beschreibung_teil2 {float:none; clear:both; width:66%; margin:0 0 7px 34%; background:#ece9e6; overflow:hidden;} .beschreibung_teil2 h2 {color:#861723; font-weight:normal; text-transform:uppercase; font-size:1.1em; margin: 0 0 0.5em 0; padding:7px 0 7px 15px; background:#dad4cd; border-bottom:2px solid #fff;} .beschreibung_teil2 p {font-weight:normal; padding:10px 10px 10px 15px; } .beschreibung_teil3 {width:98%; margin:0 0 15px 0; padding:7px 10px 7px 15px; overflow:hidden; column-count: 3; column-gap: 2em; -moz-column-count: 3; -moz-column-gap: 2em; -webkit-column-count: 3; -webkit-column-gap: 2em;} .beschreibung_teil3 h2 {color:#861723; font-weight:normal; font-size:1.1em; margin: 0 0 0.7em 0; } .beschreibung_teil3 p {margin: 0 0 0.9em 0; } .beschreibung_teil3 p.quelle {font-size:0.85em; line-height: 1.2em; margin-top:7px; font-weight:normal; margin: 0 0 0.7em 0;} .beschreibung_teil3 .logo {width:35%; margin:0 0 0 65%;} .beschreibung_teil3 .logo img {width:100%;} ~~~*/ #beschreibung_footer {width:98%; margin:0; padding:5px 10px 5px 15px; border-top:1px dotted #8e8e8d; display:none; } #beschreibung_footer .umbruch {white-space:nowrap;} /* ~~~ Footer~~*/ #unten {width:100%; background-color:#969695; } /* ~~~ Footer Oben~~*/ #untennavi_rahmen {width:100%; margin:0 0 0 0; border-bottom:1px solid #ece9e6;} #untennavi {max-width: 1000px; margin:0 auto 0 auto; background-color:#969695; } #zusatznavi_unten {width:100%; height:auto; margin:0; overflow:hidden; } #zusatznavi_unten ul {list-style-type:none; margin:0; padding-right:1%; } #zusatznavi_unten li {float:right; display:inline; background:none; padding:0% 1% 0% 1%; margin:7px 0 7px 0; border-right:1px solid #b6b6b5;} #zusatznavi_unten li:first-child {border-right:none; padding-right:0;} #zusatznavi_unten li a, #zusatznavi_unten li a:link, #zusatznavi_unten li a:visited {display:block; color:#fff; font-weight:normal; line-height:1.0em; text-decoration:none;} #zusatznavi_unten li a:active, #zusatznavi_unten li a:focus, #zusatznavi_unten li a:hover {display:block; color:#861723; font-weight:normal; line-height:1.0em; text-decoration:none;} #zusatznavi_unten li.akt a {color:#861723;} /* ~~~ Footer Unten~*/ #ganzunten_rahmen {width:100%; height:auto; background-color:#969695;} #untenfooter {max-width: 1000px; margin:0 auto; display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row;} /* ~~~ Footer Unten linker Teil Adresse~~*/ #untenfooter #untenlinks {float:none; width: 25%; color:#fff; padding:15px 0; } #untenfooter #untenlinks h2 {font-size:1.1em; font-weight:bold; color:#fff; margin:0% 0 3% 6%;} #untenfooter #untenlinks p {font-size:0.95em; color:#fff; margin:0 0 1% 6%; } #untenfooter #untenlinks a, #untenfooter #untenlinks a:link, #untenlinks a:visited {color:#fff; text-decoration:none;} #untenfooter #untenlinks a:hover, #untenfooter #untenlinks a:active, #untenlinks a:focus {color:#861723; text-decoration:underline;} #logo-rahmen {width: 75%; padding:10px 0; display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-align-items:center; align-items:center; } .logo-partner {width: 10%; margin-left:5%;} /* ~~~ Footer rechter Teil - JETZT unterhalb~~*/ #untenrechts {float:none; width: 100%; padding-bottom:2%; border-top:1px solid #ece9e6; } /* ~~~ Footer Unten rechter Teil - Hauptnavi unten~~*/ #hauptnavirahmen_unten {max-width:1000px; height:30px; margin:0 auto; } #hauptnavi_unten ul {list-style-type:none; margin:15px 0 0 0; padding:0; } #hauptnavi_unten li {float:right; display:inline; background:none; padding:0% 1% 0 1%;margin:7px 0 7px 0; border-right:1px solid #b6b6b5; } #hauptnavi_unten li:first-child {border-right:none; padding:0% 0% 0 1%; } #hauptnavi_unten li a, #hauptnavi_unten li a:link, #hauptnavi_unten li a:visited {display:block; color:#fff; font-weight:normal; line-height:1.0em; text-decoration:none;} #hauptnavi_unten li a:active, #hauptnavi_unten li a:focus, #hauptnavi_unten li a:hover {display:block; color:#861723; font-weight:normal; line-height:1.0em; text-decoration:none;} #hauptnavi_unten li.akt a {color:#861723;} /* ~~~ Footer UNTEN rechter Teil - Footer-PFEIL~~*/ #footerpfeil-cont {clear:both; float:none; width:99%; height:31px; padding:0 0 20px 0; position:relative; overflow:hidden;} .footerpfeil {width: 30px; height: auto; position: absolute; top: 1px; right: -1px; margin: 0;} .footerpfeil img {width:100%; height:auto; } #map_cv#maintext ol li {list-style:decimal outside; background:none;} .iwbild {width:150px; float:left;margin:0 10px 1px 0;} .iwbild img {width:100%;} .druckbutton {float:right; margin:0 5px 15px 0; clear:both;} .phoney {position:relative;font-size:1.2em;} .uberalles {position:absolute;top:0;left:0;width:100%;height:100%;} .phoney p {margin-bottom:0.5em;} .phoney .intro p {margin-bottom:0;} .clearfix {clear:both;} div.beitrag_standard p.o1 {margin-top:1em;} .phoney .wlinnen p {font-size:1.1em; margin-bottom:0.3em;} #rechts_cont .partnerbox {height:auto; min-height:2px; padding-top:20px;padding-bottom:20px;position:relative;} #rechts_cont .partnerbox a {position:absolute;top:0;left:0;width:100%;height:100%;} #rechts_cont .partnerbox a:hover, #rechts_cont .partnerbox a:focus {background: rgba(100,100,100,0.3);} div#maintxt .fotogalerie {margin-bottom:17px;} div#maintxt .fotogalerie ul li {margin:0; padding:0;list-style: none;} div#maintxt .fotogalerie figure img {width:100%;} div#maintxt .fotogalerie.galerie ul li { width:49%; margin:0 1% 15px 0; float:left; } div#maintxt ul.pagination { overflow:hidden; margin:8px 0; } div#maintxt ul.pagination li { margin:0; padding:3px 8px; border:1px solid #ccc; background:none; float:left; } div#maintxt ul.pagination .sr-only {display:none;} } @media screen and (max-width: 1000px) { .beschreibung_teil1, .beschreibung_teil2 {width:100%; } .beschreibung_teil1 .links, .beschreibung_teil2 .links {width:63%; } .logo-partner {margin-left:0; margin-right:5%;} } @media screen and (max-width: 960px) { #oben_header {width:100%; height:auto; background:#969695; } #obeninnen {height:36px; } #unten_header_innen {overflow:hidden;} #breadcrumbs {width:97%; margin:3px 0% 2px 1%; padding-bottom:5px; color:#969695; border-bottom: 1px dotted #8e8e8d; display:block;} #maintxt {width:98.5%; margin:0 0 15px 1%;} } @media screen and (max-width: 860px) { .beschreibung_teil1 .links, .beschreibung_teil2 .links {width:62%; } } @media screen and (max-width: 850px) { #obeninnen {width:100%; margin:0; } #obeninnen_links {width:20%;} #obeninnen_links #logostrichlinks {display:none;} #obeninnen_links #logostrichrechts {position:absolute; right:0; top:36px; width:1px; height:120px; } #obeninnen_rechts {width:80%; margin-left:20%; } #unten_header {height:120px; margin:0 0 0 0; padding:0; } #navirahmen {width:80.0%; padding:0 0 0 20%; } #menublock_0_o li a {padding:7px 7px 7px 7px; } } @media screen and (max-width: 800px) { #zusatznavi_unten {width:98%;} #zusatznavi_unten li {padding:0% 2% 0% 2%; margin:7px 0 7px 0; border-right:1px solid #b9d894;} #untenfooter #untenlinks {width: 30%; } #untenfooter #untenrechts {width: 70%; } #hauptnavirahmen_unten {width: 98%; height:30px; margin:0 2% 0 0; } #hauptnavi_unten ul {margin:7.0% 0 0 0; } #hauptnavi_unten li {padding:0% 2% 0% 2%; margin:7px 0 7px 0;} #hauptnavi_unten li:first-child {border-right:1px solid #b9d894; padding-right:2%;} #footerpfeil-cont {width:99%; height:40px;} .footerpfeil {width: 40px; position: absolute; top: 0px; right: 0px; ;} div.alsListe .bild {width:50%;} div.alsListe .passbild {width:30%;} .logo-partner {width:15%;} } @media screen and (max-width: 750px) { .beschreibung_teil1 .links {width:60%; } .beschreibung_teil1 .links p {column-count: 1; column-gap: 0em; -moz-column-count: 1; -moz-column-gap: 0em; -webkit-column-count: 1; -webkit-column-gap: 0em;} .beschreibung_teil2 .links {column-count: 1; column-gap: 0em; -moz-column-count: 1; -moz-column-gap: 0em; -webkit-column-count: 1; -webkit-column-gap: 0em;} .beschreibung_teil2 .rechts {width:29.5%; margin:0 0 0.7em 7px; padding:0; background:#ece9e6; overflow:hidden; } } @media screen and (max-width: 680px) { #obeninnen {height:56px; } #obeninnen_links {width:25%;} #obeninnen_links #logostrichrechts {position:absolute; right:0; top:56px; width:1px; height:110px; } #obeninnen_rechts {width:75%; margin-left:25%; } #menublock_oben {height:56px; margin:0 0 0 0;} #menublock_oben li {margin:10px 0 3px 0;} #unten_header {height:auto; margin:0 0 0 0; padding:0; } #navirahmen {width:75.0%; padding:0 0 0 25%; } #social_rahmen {border-right:none;} #menublock_oben li {padding:0% 1.5% 0 1.5%;} #menublock_0_o li a {padding:7px 10px 7px 10px;} div.beitrag_standard {width:90%; margin:0 0 5% 5%;} div.alsListe {margin:0 0 0 5%;} .beitrag_faq {margin:15px 0 0 5%; } .vorschau_box {height:250px; } #maintxt .vorschau_box {margin:10px 2.12% 0 0;} #rechts_cont .vorschau_box {margin:10px 0 0 0 ; } #menublock_1_u {margin:10px 0 0 0;} } @media screen and (max-width: 640px) { #menublock_1_u {width:100%;} #menublock_1_u .ebene2 li a {padding:5px 0px 4px 7px; } } @media screen and (max-width: 600px) { .vorschau_box {width:47%; height:270px; margin:2% 0 2% 2%; } .vorschau_box .balken {position:absolute; bottom:5px; right:0; } #beschreibung_header {position:relative; width:100%; margin:45px 0 0 0; background:#353535; } #beschreibung_header .logo {position:absolute; bottom:-3px; right:10px; width:20%; z-index:3000;} .beschreibung_teil1 .links {width:60%; margin:0; padding:10px 10px 10px 15px; } } @media screen and (max-width: 550px) { .vorschau_box {height:270px; } #untenfooter #untenlinks {width:30%;} #logo-rahmen {width: 70%;} } @media screen and (max-width: 500px) { /* ~~~ oben ~~~ */ #menu_smart {display:block;} body {font-size:1.00em; line-height:1.2em;} #oben_header {height:160px; margin:0; overflow:hidden; background:#353535; } #obeninnen_links {float:left; width:38%; margin:0 2% 0 0; height:auto; } #obeninnen_links #logo {position:static; width:100%; margin:10px 0 0 0;} #obeninnen_links #logostrichlinks {display:none;} #obeninnen_links #logostrichrechts {display:none;} /* ~~~ Oben Header Rechts~~~ */ #obeninnen_rechts {height:auto; width:60%; margin:0 0 0 0;} /* ~~~ Social-Buttons~~~ */ #social_rahmen {width:82px; height:auto; margin:0 0 7px 6px; overflow:hidden;} #social_rahmen .social_but {width:40px; height:40px; margin-left:0; overflow:hidden; } /* ~~~ HORIZONTALE Zusatz-Navigation oben~~~ */ #menublock_oben {float:none; height:auto; width:100%; margin:0; } #menublock_oben li {float:left; display:inline; background:none; padding:5px 7px 5px 7px; margin:5px 0 5px 0; border-right:1px solid #616160; } #menublock_oben li:first-child {border-right:1px solid #616160;} #menublock_oben li a:active, #menublock_oben li a:focus, #menublock_oben li a:hover {display:block; color:#ec6708; font-weight:normal; line-height:1.0em; text-decoration:none;} #menublock_oben li.akt a {color:#ec6708; } #unten_header {min-height:1px; height:auto; margin:0 0 0 0; padding:0; } /* ~~~ Container für Suchefeld + Shopbutton~~~ */ #cont_such_shop {float:none; width:100%; margin:0; height:auto; overflow:hidden; padding:10px 0 10px 0; } /* ~~~ Suchefeld~~~ */ #suchediv {width:68%; margin:0 2% 0 1%; min-height:35px;} /* ~~~ Shop~~~ */ #shopdiv {width:25%; min-height:35px; margin:0 2% 0 0%; text-align:center; position:relative; } #shopdiv a {width:100%; padding:7px 0 9px 0; position:static; } #shopdiv a:hover {padding:7px 0 9px 0; position:static; } #shopmenu {top:-13px; right:5px;} /* ~~~ HORIZONTALE HAUPT-Navigation oben~~~ */ #navirahmen {width:100%; padding:0; margin:0; border-top:1px solid #b6b6b5; } #menublock_0_o li {width: 49.7%; border-right:1px solid #b6b6b5; border-bottom:1px solid #b6b6b5;} #menublock_0_o li a {padding:12px 0px 12px 0px; text-align:center; font-size:1.0em;} /* ~~~ Hauptraster Innen~~~ */ #links_cont {float:none; width:100%; padding:0; margin:0; border:none; padding-bottom:5px } #rechts_cont {float:none; width:100%; padding:0; margin:0; } #maintxt {width:100%; margin:0 0 5px 0; } /* ~~~ Horizontale U-Navi Menü 2.Ebene ~~~ */ #menublock_1_u {width:100%; margin:3px 0 0 0; } #menublock_1_u li {float:left; width: 100%; border-bottom:1px solid #fff; border-left:1px solid #fff; text-align:center; } #menublock_1_u li a{padding:12px 0px 12px 0px; font-weight:bold;} /* ~~~ Vertikale UU-Navi 3.Ebene ~~~ */ #menublock_1_u .ebene2 {width:100%; margin:3px 0 0 0; } #menublock_1_u .ebene2 li {float:left; width: 100%; border-left:1px solid #fff; text-align:center; } #menublock_1_u .ebene2 li a {padding:7px 0px 7px 0px; font-weight:normal;} /* ~~~ Banner Slideshows ~~~ */ #bannerbild h2 {bottom:30px; font-size:1.1em; padding:5px; } #bannerbild h3 {left:45px; top:10px; font-size:1.1em; font-weight:bold; color:#fff; padding:7px 10px 5px 10px; } #bannerbild h4 {font-size:0.6em; } #links_cont #bannerbild {width:100%; margin-left:0; } #links_cont #bannerbild h2 {bottom:30px; font-size:1.1em; padding:5px;} #links_cont #bannerbild h3 {left:0; } /* ~~~ breadcrumbs ~~~ */ #breadcrumbs {width:96%; margin:5px 0 15px 2%; padding:5px 0 5px 0;} /* ~~~ Beitrag Standard ~~~*/ div.beitrag_standard {width:96%; margin:0 0 15px 2%;} div.beitrag_standard p, div.beitrag_standard li, div.beitrag_standard td { font-size:1.0em; line-height:1.2em;} #vorschau_box_rahmen {width:100%; height:auto; padding:0; margin:0px 0 0px 0; overflow:hidden;} .vorschau_box {width:47%; max-height:265px; margin:2% 0 1% 2%; overflow:hidden;} #maintxt .vorschau_box {width:47%; min-height:270px; margin:2% 0 1% 2%; padding:0;} #rechts_cont .vorschau_box {float:left; width:47%; max-height:147px; margin:2% 0 1% 2%; padding:0;} .beschreibung_teil1 {width:100%; margin:0 0 15px 0; } .beschreibung_teil1 .links {float:left; width:60%; padding:10px 5px 10px 10px; background-color:#ece9e6; } .beschreibung_teil1 .rechts {float:left; width:28%; margin:55px 0 0 10px; padding:0; } .beschreibung_teil1 .rechts p.quelle {font-size:0.70em; line-height:1.2em; margin-top:5px; } .beschreibung_teil2 .links {float:none; width:95%; margin:0 0 15px 0; overflow:hidden;} .beschreibung_teil2 .rechts {float:none; width:100%; padding-right:7px; margin:0 0 15px 0; overflow:hidden;} .beschreibung_teil3 {width:94%; margin:0 0 15px 0; column-count: 1; column-gap: 0em; -moz-column-count: 1; -moz-column-gap: 0em; -webkit-column-count: 1; -webkit-column-gap: 0em;} .beschreibung_teil3 .logo {width:30%; margin:0 0 0 70%;} #beschreibung_footer {width:96%; margin:0; padding:10px 5px 15px 10px;} /* ~~~ unten ~~~ */ #zusatznavi_unten li {padding:4% 4% 4% 4%; margin:0px 0 0px 0; border-right:1px solid #b6b6b5; } #untenfooter #untenlinks {width: 43.5%; border-right:1px solid #b6b6b5; padding-bottom:10px;} #untenfooter #untenlinks h2 {text-align:left; padding:10px 2px 5px 4px; margin:0;} #untenfooter #untenlinks p {text-align:left; padding:0 2px 0 4px; margin:0; line-height:1.8em;} #untenfooter #untenrechts {width: 56%; } #untenfooter #untenrechts #social_rahmen .social_but {width: 35px; margin:15px 0 0 10px; } #hauptnavirahmen_unten {height:35px;} #hauptnavi_unten ul {margin:5px 0 0 5px; } #hauptnavi_unten li {float:left; padding:0% 4% 0% 4%; margin:7px 0 15px 0;} #hauptnavi_unten li:first-child {padding:0 4% 0 4%; border-right:1px solid #b6b6b5; } #footerpfeil-cont {width:99%; height:70px;} .footerpfeil {width: 70px; position: absolute; top: 0px; right:20px; } #untenfooter {-webkit-flex-direction:column; flex-direction:column;} #logo-rahmen {width: 100%; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; border-top:1px solid #fff;} .logo-partner {width: 15%; margin:0 2%;} #untenfooter #untenlinks {width: 100%; border-right:none; padding-bottom:10px;} #untenfooter #untenlinks h2 {text-align:center; padding:10px 2px 5px 4px; margin:0;} #untenfooter #untenlinks p {text-align:center; padding:0 2px 0 4px; margin:0; line-height:1.8em;} #untenfooter #untenrechts #social_rahmen .social_but {width: 35px; margin:15px 0 0 10px; } #hauptnavirahmen_unten {height:35px;} } @media screen and (max-width: 480px) { #social_rahmen .social_but {height:40px;} #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:213px;} } @media screen and (max-width: 460px) { #oben_header {height:155px;} .vorschau_box {height:290px; } #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:203px;} } @media screen and (max-width: 440px) { #social_rahmen .social_but {height:35px;} .vorschau_box {height:300px; } #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:193px; } } @media screen and (max-width: 430px) { #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:193px; } } @media screen and (max-width: 420px) { #obeninnen_links #logo {margin:20px 0 0 0;} #untenfooter #untenlinks {width: 100%; padding-bottom:10px; } #untenfooter #untenrechts {width: 100%; } #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:188px; } } @media screen and (max-width: 400px) { #obeninnen_links #logo {margin:25px 0 0 0;} #untenfooter #untenlinks {width: 100%; padding-bottom:10px;} #untenfooter #untenrechts {width: 100%; } #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:184px; } } @media screen and (max-width: 380px) { #obeninnen_links #logo {margin:30px 0 0 0;} #untenfooter #untenlinks {padding-bottom:10px;} #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:171px; } } @media screen and (max-width: 360px) { #obeninnen_links #logo {margin:35px 0 0 0;} #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:163px; } #menublock_0_o li {width: 49.5%; border-right:1px solid #b6b6b5; border-bottom:1px solid #b6b6b5;} } @media all { * {margin:0;padding:0;} img {border:0; width:100%;} /* Tabelle außerhalb des Shops*/ #angaben {width: 100%; background-color:#f5f5f5; } #angaben table {width:100%; border-collapse: collapse; line-height:1.4em; background-color:#f5f5f5; font-size:1.0em; } #angaben td, th {width:100%; padding: 3px; border:none; text-align: left; font-weight:normal;} #angaben th {background: #eaeaea; margin:7px 0 7px 0; padding:10px 7px 10px 7px; border:none; width:100%;} #angaben td.rechtszelle { text-align: right; width:35%;} /* Tabelle Shop Warenkorb*/ #bestellung table {width: 100%; border-collapse: collapse; line-height:1.4em; background-color:#f5f5f5; font-size:1.0em; margin:10px 0 20px 0; } /* Zebra striping */ #bestellung tr:nth-of-type(odd) {background: #eee; } #bestellung td, th {padding:7px 7px 7px 7px; width:auto; border:1px solid #ccc; text-align: left; font-weight:normal; vertical-align:baseline;} #bestellung th {color:#fff; background-color: #8d8d8c; font-weight:bold; } #bestellung td.rechtszelle { text-align: right; } #bestellung .menge {width: 40px; border:1px solid #ccc; padding:5px; margin-left:5px;} #bestellung .untenx6 {text-align:right;} #bestellung td .bild {float:right; width:30%;} #bestellung td .bild img {width:100%; height:auto;} #bestellung td .info {float:right; width:20px; margin-left:10px; vertical-align:baseline; cursor:pointer;} #bestellung td .info img {width:100%; height:auto;} /* Eingabefelder */ .einr1 {width: 95%; border:1px solid #9a9a9a; padding:5px;} .einr2 {width: 40%; border:1px solid #9a9a9a; padding:5px;} .einr3 {width: 220px; border:1px solid #9a9a9a; padding:5px; margin:0;} .login {width: 40%; border:1px solid #9a9a9a; padding:5px;} .textfeld {width:85%; height:auto; text-align:left; margin:1% 0 1% 0; padding:1% 0.2% 0.2% 1%; border:1px solid #9a9a9a; vertical-align:top;} .artikelnr {width: 120px; border:1px solid #9a9a9a; padding:5px; margin-right:5px;} .menge {width: 50px; border:1px solid #9a9a9a; padding:5px; margin-left:5px;} /* Buttons */ .submit {width:130px; height:30px; margin:3px 10px 3px 0; padding:1%; cursor:pointer; text-align:center; font-size:1em; overflow:hidden; color: #fff; background-color: #861723; border:1px solid #861723;display:inline-block;} .bestellbut, .drucken {width:auto; height:30px; margin:3px 10px 3px 0; padding:0% 3% 0% 3%; cursor:pointer; text-align:center; font-size:1em; overflow:hidden; color: #fff; background-color: #861723; border:1px solid #861723;} .abbruch {width:130px; height:30px; margin:3px 10px 3px 0; padding:0%; cursor:pointer; text-align:center; font-size:1em; overflow:hidden; color: #fff; background-color: #8d8d8c; border:1px solid #8d8d8c;} .submit:hover, .bestellbut:hover, .abbruch:hover {background-color: #353535; border:1px solid #353535;} a.submit {line-height:30px;color:#FFF;text-decoration:none;} /* Warenkorb Container für Daten*/ #ganzebreite .datenfeld {margin:10px 0 10px 0; padding:10px 10px 10px 10px; background-color:#f5f5f5;} /* Login Container für Daten*/ #loginfeld {width:100%; margin:10px 0 10px 0; padding:40px 0 40px 0; background-color:#f5f5f5;} /* Tabelle Shop z.B. Login */ #nonfloat table {width: 100%; border-collapse: collapse; line-height:1.4em; background-color:#f5f5f5; font-size:1.0em; margin-bottom:20px; } #nonfloat td, th {padding:7px 7px 7px 7px; width:auto; text-align: left; font-weight:normal;} #nonfloat th {color:#fff; background-color: #8d8d8c; font-weight:bold; } #nonfloat td.rechtszelle { text-align: right; } /* Schnelleingabe Formular Tabelle im Shop */ #schnellformular {width: 100%; margin:10px 0 10px 0; font-size:1.0em;} #schnellformular table {width: auto; border-collapse: collapse; line-height:1.4em; background-color:#f5f5f5; padding-bottom:10px; margin-bottom:10px;} #schnellformular th {width:auto; background: #eaeaea; margin:7px 0 7px 0; padding:5px 7px 5px 7px; border:none; text-align: left; font-weight:bold; border-left: 1px solid #fff;} #schnellformular td {width:auto; padding: 3px 0 3px 0; border:none; text-align: left; font-weight:normal;} #schnellformular td:last-child {margin-bottom:30px;} #schnellformular .nr {padding:5px 0px 5px 15px;} /* Artikelbestandteile Fancybox Frame im Shop */ #bestandteile table {width: 100%; border-collapse: collapse; line-height:1.4em; background-color:#f5f5f5; font-size:1.0em; margin:10px 0 20px 0; } /* Zebra striping */ #bestandteile tr:nth-of-type(odd) {background: #eee; } #bestandteile td, th {padding:7px 7px 7px 7px; width:auto; border:1px solid #ccc; text-align: left; font-weight:normal; vertical-align:baseline;} #bestandteile th {color:#fff; background-color: #8d8d8c; font-weight:bold; } #bestandteile td.rechtszelle { text-align: right; } } @media screen and (max-width: 850px) { #schnellformular table {width: auto;} .login {width: 70%; } #bestellung td .bild {float:none; width:40%; margin:5px 0 0 0;} #bestellung td .info {float:none; width:30px; margin:10px 0 0 0;} } @media screen and (max-width: 680px) { #schnellformular table {width: auto;} #bestellung td .bild {width:50%; } } @media screen and (max-width: 600px) { .einr3 {width: 180px;} .textfeld {width:90%;} } @media screen and (max-width: 560px) { .textfeld {width:90%;} #schnellformular table {width: auto;} #bestellung td .bild {width:70%; } } @media screen and (max-width: 520px) { #angaben table, #angaben thead, #angaben tbody, #angaben th, #angaben td, #angaben tr {display: block; width: 100%;} #angaben th {padding:3px 5px 3px 5px; } #angaben thead tr {position: absolute; top: -9999px; left: -9999px; } #angaben td {border: none; position: relative; padding:5px 0 0px 0px; } #angaben td:first-child { text-align: left; width:97%;} .einr1 {width: 97%; padding:7px 0 7px 5px;} .einr2 {width: 97%; padding:7px 0 7px 5px;} .einr3 {width: 97%; padding:7px 0 7px 5px;} .login {width: 200px; } .textfeld {width:97%;} .submit, .bestellbut, .abbruch, .drucken { margin:5px 10px 15px 0; height:auto; width:auto; padding:3% 5% 3% 5%; } #angaben td.rechtszelle, #bestellung td.rechtszelle { text-align: left; width:96%;} /* Force table to not be like tables anymore */ #bestellung table, #bestellung thead, #bestellung tbody, #bestellung th, #bestellung td, #bestellung tr {display: block; margin:20px 0 20px 0;} /* Hide table headers (but not display: none;, for accessibility) */ #bestellung thead tr {position: absolute; top: -9999px; left: -9999px;} #bestellung tr {border: none; } #bestellung td {/* Behave like a "row" */border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 32%; } #bestellung td:before {/* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left:0; width: 30%; padding-right: 0px; white-space: nowrap; text-align:right; font-weight:bold;} #bestellung tr:nth-of-type(odd) {background: #dddedd; } #bestellung .menge {width: 60px; border:1px solid #ccc; padding:8px; margin-left:0px;} /*Label the data*/ #bestellung td:nth-of-type(1):before { content: "Menge:";} #bestellung td:nth-of-type(2):before { content: "ArtNr.:"; } #bestellung td:nth-of-type(3):before { content: "Bezeichnung:"; } #bestellung td:nth-of-type(4):before { content: "Bio:"; } #bestellung td:nth-of-type(5):before { content: "Neu:"; } #bestellung td:nth-of-type(6):before { content: "Preis EURO:"; } #bestellung td:nth-of-type(7):before { content: "Gesamt:"; } #bestellung tfoot tr td:before { content: "" !important; } #bestellung .untenx6 {text-align:left;} #bestellung td .bild {float:none; width:60%; } #bestellung td .info {float:none; width:40px; } #bestandteile table, #bestandteile thead, #bestandteile tbody, #bestandteile th, #bestandteile td, #bestandteile tr {display: block; margin:20px 0 20px 0;} /* Hide table headers (but not display: none;, for accessibility) */ #bestandteile thead tr {position: absolute; top: -9999px; left: -9999px;} #bestandteile tr {border: none; } #bestandteile td {/* Behave like a "row" */border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } #bestandteile td:before {/* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left:0; width: 48%; padding-right: 0px; white-space: nowrap; text-align:right; font-weight:bold;} #bestandteile tr:nth-of-type(odd) {background: #dddedd; } /*Label the data*/ #bestandteile td:nth-of-type(1):before { content: "Art:";} #bestandteile td:nth-of-type(2):before { content: "Beschreibung.:"; } #bestandteile td:nth-of-type(3):before { content: "Wert:"; } #nonfloat table, #nonfloat thead, #nonfloat tbody, #nonfloat th, #nonfloat td {width: 100%; display:block;} #nonfloat tr {width: 100%; display:table-row;} #nonfloat th, #nonfloat td {width: 100%; display:table-cell;} #nonfloat td.rechtszelle { text-align: right; width:40%;} #schnellformular table, #schnellformular thead, #schnellformular tbody, #schnellformular th, #schnellformular td {width: 100%; display:block;} #schnellformular tr {width: 90%; display:table-row;} #schnellformular th, #schnellformular td {width: 100%; display:table-cell;} #schnellformular th {margin:7px 0 7px 0; padding:5px 7px 5px 7px; } #schnellformular thead tr {position:static; top: 0; left: 0; } #schnellformular td {border: none; position: relative; } #schnellformular .nr {width:auto; padding:5px 0px 5px 30px;} .artikelnr {width: 120px; padding:8px; margin:0 15px 0 15px;} .menge {width: 50px; padding:8px; margin:0 15px 0 15px;} } @media screen and (max-width: 500px) { th {width:98%; padding-right:3%;} #schnellformular table {width: 98%;} #schnellformular th {width: 98.5%;} #schnellformular tr {width: 98%;} .artikelnr {width: 140px; padding:10px; margin:0 15px 0 15px;} .menge {width: 60px; padding:10px; margin:0 35px 0 15px;} .loginfeld {padding:20px 0 20px 0;} .login {width: 190px; } } @media screen and (max-width: 400px) { .login {width: 180px; } } @media screen and (max-width: 380px) { .login {width: 170px; } #bestellung td {padding-left: 40%; } #bestellung td:before {width: 38%; } }@media all { /* ~~~ SHOP Auswahl Menü ~~~*/ #shopmenunavi {width:98.0%; padding:10px 0 0px 0; margin-bottom:0; } .shopmenu ul { margin-bottom:30px;} .shopmenu li {float:left; width:33.2%; display:block; float:left; background:#8d8d8c; text-align:center; border-left:1px solid #fff; text-transform:uppercase; position:relative; } .shopmenu li:first-child {border-left:none; } .shopmenu li:hover {background-color:#861723;} .shopmenu li a {display:block; color:#fff; font-weight:normal; padding:5px 0px 5px 0px; } .shopmenu li a:link, .shopmenu li a:visited {text-decoration:none; } .shopmenu li a:active, .shopmenu li a:focus, .shopmenu li a:hover {text-decoration:none; background-color:#861723; } .shopmenu li.akt {background-color:#861723;} .shopmenu li.akt a:hover {background-color:#861723;} /* ~~~ SHOP Schnelleingabeformular In den Warenkorb legen ~~~*/ #maintxt #schnellformular .warenkorbbalken {position:relative; width:auto; margin:10px 0 20px 0;} #maintxt #schnellformular .warenkorbbalken .symbol {position:absolute; width:30px; left:10px; top:0; margin:0 0 0 0;} #maintxt #schnellformular .warenkorbbalken .symbol img {width:100%; height:auto; } #maintxt #schnellformular .warenkorbbalken ul {margin-bottom:20px;} #maintxt #schnellformular .warenkorbbalken li {width:288px; display:block; background:#8d8d8c; text-align:left; border-left:1px solid #fff; position:relative; } #maintxt #schnellformular .warenkorbbalken li:hover {background-color:#861723;} #maintxt #schnellformular .warenkorbbalken li a {display:block; color:#fff; font-weight:normal; padding:5px 0px 5px 40px; } #maintxt #schnellformular .warenkorbbalken li a:link, #maintxt #schnellformular .warenkorbbalken li a:visited {text-decoration:none; } #maintxt #schnellformular .warenkorbbalken li a:active, #maintxt #schnellformular .warenkorbbalken li a:focus, #maintxt #schnellformular .warenkorbbalken li a:hover {text-decoration:none; background-color:#861723; } /* ~~~ SHOP Warengruppen im Beitrag Standard.alsDetail auf der Shopseite ~~~*/ div.alsDetail .warengruppe {margin:0px 0 10px 0; padding:7px 0 0px 0; text-align:left; line-height:1.2em; background-color:#eeeeee;} div.alsDetail .warengruppe .header {margin:1% 0 2% 0; padding:0 0 1% 15px; border-bottom:1px dotted #8e8e8d; line-height:1.5em;} div.alsDetail .warengruppe .header .datum {width: auto; border:1px solid #9a9a9a; padding:4px; margin:0% 0% 0% 0%;} div.alsDetail .warengruppe .header .dropdown {width: auto; border:1px solid #9a9a9a; padding:4px; margin:0% 0% 0% 0%;} div.alsDetail .warengruppe .header .gobut {width: auto; background-color:#616161; padding:5px 10px 5px 10px; margin:0% 0% 0% 3px; color:#fff; border:none; border-radius:5px; cursor:pointer;} div.alsDetail .header .gobut:hover {background-color:#861723; } div.alsDetail .warengruppe .warenliste {width:97%; margin:10px 0 5px 2%; padding:0; border-bottom:1px dotted #8e8e8d; } div.alsDetail .warengruppe .warenliste ul {list-style-type:none; margin:10px 0px 0px 0px; padding:0; text-align:left; line-height:1.0em; } div.alsDetail .warengruppe .warenliste li {background:none; text-indent:0; text-align:left; padding-left:0; margin-bottom:3px;} div.alsDetail .warengruppe .warenliste h2 {margin:0 0 2% 0; font-size:1.1em} .spaltenumbruch {break-before: column; break-after: avoid;} div.alsDetail .warengruppe p {margin:0 0 4px 10px; line-height:1.2em;} div.alsDetail .warengruppe .footer {margin:0% 0 0 0; padding:0% 0 0% 15px; line-height:1.5em;} div.alsDetail .warengruppe .footer .warenkorb {width:30px; height:auto; padding:0; margin:0% 2% 0% 1%; overflow:hidden; vertical-align:middle;} div.alsDetail .warengruppe .footer .warenkorb img {width:100%;} div.alsDetail .warengruppe .footer .artikelnr {width: 120px; border:1px solid #9a9a9a; padding:5px; margin:0% 2% 2% 0%;} div.alsDetail .warengruppe .footer .menge {width: 60px; border:1px solid #9a9a9a; padding:5px; margin:0% 0% 2% 0%;} div.alsDetail .warengruppe .footer .vorschaubut {width: auto; background-color:#8d8d8c; padding:8px; margin:0% 0% 2% 0%; color:#fff; border:none; border-radius:5px; cursor:pointer;} div.alsDetail .warengruppe .footer .vorschaubut:hover {background-color:#861723; } div.alsDetail .warengruppe .spalte_x1 {padding-left:5px; column-count:1; column-gap:0.5em; -moz-column-count:1; -moz-column-gap:0.5em; -webkit-column-count:1; -webkit-column-gap:0.5em;} div.alsDetail .warengruppe .spalte_x2 {padding-left:5px; column-count:2; column-gap:0.5em; -moz-column-count:2; -moz-column-gap:0.5em; -webkit-column-count:2; -webkit-column-gap:0.5em;} div.alsDetail .warengruppe .spalte_x3 {padding-left:5px; column-count:3; column-gap:0.5em; -moz-column-count:3; -moz-column-gap:0.5em; -webkit-column-count:3; -webkit-column-gap:0.5em;} div.alsDetail .warengruppe .gruppenrahmen {margin-bottom:15px; break-inside:avoid; display: inline-block; } /* ~~~ Anleitungen ~~~*/ .anleitung, #ganzebreite .anleitung {color:#666; margin-bottom:2%; font-size:1.0em; line-height:1.2em;} div.alsDetail .anleitung p, #ganzebreite .anleitung p {margin:0 0 0.25em 0; } .rot {color:#861723; font-weight:bold;} .gruen {color:#76b82a; font-weight:bold;} .bildblender {margin-bottom:1%; font-weight:bold;} /* ~~~ SHOP warengruppen im Beitrag Standard.alsDetail auf der Shopseite ~~~*/ div.alsDetail .artikelbox {float:left; position:relative; width:23.50%; height:350px; margin:1.5% 1.5% 0 0; overflow:hidden; z-index:50; background-color:#eeeeee;} div.alsDetail .artikelbox .bild { width:92%; height:auto; padding:0; margin:4% 0 2% 4%; overflow:hidden; } div.alsDetail .artikelbox .bild img {width:100%; height:auto; } div.alsDetail .artikelbox h2 {font-weight:bold; padding:0 0 0 0; margin:0 0 0% 4%; font-size:1.0em;} div.alsDetail .artikelbox p {margin:0 0 3px 4%; font-size:1.0em;} div.alsDetail .artikelbox .beschreibung {width:92%; height:auto; padding:1% 0 0 0; margin:1% 0 1% 4%; border-top:1px dotted #8e8e8d; border-bottom:1px dotted #8e8e8d; } div.alsDetail .artikelbox .beschreibung p {margin:0 0 3px 0; font-size:1.0em;} div.alsDetail .artikelbox .detaillupe {position:absolute; left:2%; bottom:0%; z-index:150; width:18%; height:auto;} div.alsDetail .artikelbox .detaillupe img {width:100%;} div.alsDetail .artikelbox .warenkorb {position:absolute; right:3%; bottom:0.5%; z-index:150; width:18%; height:auto;} div.alsDetail .artikelbox .warenkorb img {width:100%;} /* ~~~ SHOP NEU-Ecke Artikelbox und Detailbox ~~~*/ div.alsDetail .artikelbox .neueck {position:absolute; left:0; top:0; z-index:150; width:35%; height:auto;} div.alsDetail .artikelbox .neueck img {width:100%;} /* ~~~ SHOP Produkt-Detail-Beitrag Standard.alsDetail auf der Shopseite ~~~*/ div.alsDetail .detailbox {position:relative; width:100%; height:auto; margin:0 0 2% 0; overflow:hidden; z-index:50; background-color:#eeeeee;} div.alsDetail .detailbox #detailbild {position:relative; z-index:1100; float:left; width:45%; height:auto; padding:0; margin:1% 3% 2% 1%; } div.alsDetail .detailbox #detailbild ul {list-style-type:none; margin:0; padding:0; } div.alsDetail .detailbox #detailbild li {background:none; text-indent:0;margin:0; padding:0;} div.alsDetail .detailbox .neueck {position:absolute; left:0; top:0; z-index:1200; width:15%; height:auto;} div.alsDetail .detailbox .neueck img {width:100%;} div.alsDetail .detailbox .detailtext { float:left; width:48%; height:auto; padding:0; margin:2% 1% 2% 0%; overflow:hidden; } div.alsDetail .detailbox .detailtext p {margin:0 0 0px 0;} div.alsDetail .detailbox .detailtext .beschreibung {padding:1% 0 0 0; margin:1% 0 1% 0%; border-top:1px dotted #8e8e8d; border-bottom:1px dotted #8e8e8d; } div.alsDetail .detailbox .detailtext .beschreibung p {margin:0 0 3px 0;} div.alsDetail .detailbox .detailtext .pictorahmen {float:none; padding:0; margin:2% 0 2% 0%; overflow:hidden;} div.alsDetail .detailbox .detailtext .pictorahmen .warenkorb {float:left; width:40px; height:auto; padding:0; margin:0% 0% 0% 2%; } div.alsDetail .detailbox .detailtext .pictorahmen .warenkorb img {width:100%;} div.alsDetail .detailbox .detailtext .pictorahmen .logo {float:left; width:auto; height:45px; padding:0; margin:0% 2% 0% 0%; overflow:hidden; } div.alsDetail .detailbox .detailtext .pictorahmen .logo img {width:100%;} div.alsDetail .detailbox .detailtext .pictorahmen .menge {float:left; width: 60px; border:1px solid #9a9a9a; padding:5px; margin:1.5% 0% 0% 0%;} /* ~~~ SHOP Fancybox iFrame Artikelbestandteile ~~~*/ #container_bestandteile {max-width:600px; margin:0 auto 0 auto; height: auto; background:transparent url('images/shop-bestandteile-header.png') no-repeat top left; padding-top: 140px; overflow:hidden;} #container_bestandteile #druck {margin:20px 0 20px 0; text-align:center; overflow:hidden;} } @media screen and (max-width: 960px) { div.alsDetail .artikelbox {height:320px;} div.alsDetail .artikelbox .detaillupe { width:22%; } div.alsDetail .artikelbox .warenkorb {width:22%; } } @media screen and (max-width: 960px) { div.alsDetail .artikelbox .neueck {width:40%; } } @media screen and (max-width: 750px) { div.alsDetail .artikelbox {width: 31.8%; height:330px;} div.alsDetail .artikelbox .detaillupe { width:22%; } div.alsDetail .artikelbox .warenkorb {width:22%; } div.alsDetail .artikelbox .neueck {width:40%; } div.alsDetail .warengruppe .spalte_x3 {padding-left:15px; column-count: 2; column-gap: 0.5em; -moz-column-count: 2; -moz-column-gap: 0.5em; -webkit-column-count: 2; -webkit-column-gap: 0.5em;} .spaltenumbruch {break-before: column; break-after: avoid;} } @media screen and (max-width: 640px) { div.alsDetail .artikelbox .detaillupe {width:30%;} div.alsDetail .artikelbox .warenkorb {width:30%;} .shopmenu li {width:33.0%; } div.alsDetail .warengruppe .spalte_x1 {padding-left:10px;} div.alsDetail .warengruppe .spalte_x2 {padding-left:10px; column-count: 1; column-gap: 0.0em; -moz-column-count: 1; -moz-column-gap: 0.0em; -webkit-column-count: 1; -webkit-column-gap: 0.0em;} div.alsDetail .warengruppe .spalte_x3 {padding-left:10px; column-count: 1; column-gap: 0.0em; -moz-column-count: 1; -moz-column-gap: 0.0em; -webkit-column-count: 1; -webkit-column-gap: 0.0em;} .spaltenumbruch {display:none;} } @media screen and (max-width: 520px) { #maintxt #schnellformular .warenkorbbalken li {width:344px; } } @media screen and (max-width: 500px) { /* ~~~ SHOP Auswahl Menü ~~~*/ #shopmenunavi {width:96.0%; padding:10px 0 20px 0; margin-left:2%; } .shopmenu ul { margin-bottom:30px;} .shopmenu li {float:none; width:100%; border-left:none; border-bottom:1px solid #fff; } .shopmenu li a {padding:10px 0px 10px 0px; } /* ~~~ SHOP Schnelleingabeformular In den Warenkorb legen ~~~*/ #maintxt #schnellformular .warenkorbbalken {margin:10px 0 20px 0;} #maintxt #schnellformular .warenkorbbalken .symbol {position:absolute; width:40px; left:10px; top:0; margin:0 0 0 0;} #maintxt #schnellformular .warenkorbbalken .symbol img {width:100%; height:auto; } #maintxt #schnellformular .warenkorbbalken ul {margin-bottom:20px;} #maintxt #schnellformular .warenkorbbalken li {width:96%; display:block; background:#8d8d8c; text-align:left; border-left:1px solid #fff; position:relative; } #maintxt #schnellformular .warenkorbbalken li a {padding:10px 0px 10px 60px; } /* ~~~ SHOP warengruppen im Beitrag Standard.alsDetail auf der Shopseite ~~~*/ div.alsDetail .warengruppe {width:98%; padding:7px 0 0px 0; } div.alsDetail .warengruppe .header {margin:1% 0 4% 0; padding:0 0 4% 10px;} div.alsDetail .warengruppe .header .datum {padding:9px; margin:3% 0% 2% 0%; font-size:1.0em;} div.alsDetail .warengruppe .header .dropdown {padding:9px; margin:0% 0% 0% 0%; font-size:1.0em;} div.alsDetail .warengruppe .header .gobut {padding:15px 15px 15px 15px; margin:3% 0% 2% 1.5%; } div.alsDetail .header .gobut:hover {background-color:#861723; } div.alsDetail .warengruppe ul {margin:10px 0 5px 10px; } div.alsDetail .warengruppe li { margin-bottom:7px;} div.alsDetail .warengruppe h2 {margin:0 0 10px 0;} div.alsDetail .warengruppe .footer {margin:4% 0 0% 0; padding:4% 0 4% 10px; } div.alsDetail .warengruppe .footer .warenkorb {width:45px; margin:7px 2% 7px 7px;} div.alsDetail .warengruppe .footer .artikelnr {padding:9px; margin:0% 2% 2% 0%;} div.alsDetail .warengruppe .footer .menge {padding:9px; margin:0% 0% 2% 0%;} div.alsDetail .warengruppe .footer .vorschaubut {padding:12px; margin:2% 0% 2% 0%;} /* ~~~ SHOP Artikelbox im Beitrag Standard.alsDetail auf der Shopseite ~~~*/ div.alsDetail .artikelbox {width:47.7%; height:420px; margin:2% 2% 1% 0; overflow:hidden;} div.alsDetail .artikelbox .detaillupe {width:23%;} div.alsDetail .artikelbox .warenkorb {width:23%;} div.alsDetail .artikelbox .neueck {width:35%; } /* ~~~ SHOP Produkt-Detail-Beitrag Standard.alsDetail auf der Shopseite ~~~*/ div.alsDetail .detailbox {width:98%; margin:0 0 10px 0; } div.alsDetail .detailbox #bild { float:left; width:45%; height:auto; padding:0; margin:2% 2% 2% 2%; overflow:hidden; } div.alsDetail .detailbox .detailtext { width:50%; } div.alsDetail .detailbox .detailtext p {margin:0 0 4px 0;} div.alsDetail .detailbox .detailtext .beschreibung {padding:2% 0 0 0; margin:7px 0 10px 0%; } div.alsDetail .detailbox .detailtext .pictorahmen {margin:3% 0 3% 0%; } div.alsDetail .detailbox .detailtext .pictorahmen .warenkorb {width:50px; margin:0% 0% 0% 5%; } div.alsDetail .detailbox .detailtext .pictorahmen .logo {height:55px; padding:0; margin:0% 2% 0% 0%; overflow:hidden; } div.alsDetail .detailbox .detailtext .pictorahmen .menge {width: 60px; padding:10px 5px 10px 5px; margin:2.5% 0% 0% 0%;} } @media screen and (max-width: 460px) { div.alsDetail .artikelbox {height:400px;} div.alsDetail .artikelbox .detaillupe {width:25%;} div.alsDetail .artikelbox .warenkorb {width:25%;} } @media screen and (max-width: 380px) { div.alsDetail .artikelbox {height:400px;} div.alsDetail .artikelbox .detaillupe {width:30%;} div.alsDetail .artikelbox .warenkorb {width:30%;} }@media all { /* ~~~ Startseite allgemein ~~~*/ body.start #links_cont, body.start #rechts_cont, body.start #breadcrumbs, body.start #maintxt {display:none;} body.partnerbeschreibung #breadcrumbs {width:96.0%; margin:3px 0% 15px 0%; padding:0 0 5px 0; } body.shop #bannerbild { display:none;} body.shop.start #bannerbild, body.shop.start.wiederverkauf #bannerbild { display:block;} body.shop #navirahmen {width:auto%; padding:0 0 0 24.5%; } /* ~~~ SHOP 4x Vorschauboxen > Startseite SHOP ENDVERBRAUCHER ~~~*/ body.shop.start .vorschau_box {float:left; position:relative; width:23.2%; height:255px; padding-bottom:5px; margin:1.5% 0 1.5% 1.5%; overflow:hidden; z-index:50; } /* ~~~ SHOP 5x Vorschauboxen > Startseite SHOP WIEDERVERKÄUFER ~~~*/ body.shop.start.wiederverkauf .vorschau_box {float:left; position:relative; width:18.2%; height:230px; padding-bottom:5px; margin:1.5% 0 1.5% 1.5%; overflow:hidden; z-index:50; } body.shop.start #ganzebreite, body.shop.start.wiederverkauf #ganzebreite, body.start #ganzebreite, body.warenkorb #ganzebreite{display:block; width:100%; height:auto; padding:0; margin:0; overflow:hidden;} body.shop.start #links_cont, body.shop.start #rechts_cont, body.shop.start #breadcrumbs, body.shop.start #maintxt {display:none;} body.shop.start.wiederverkauf #links_cont, body.shop.start.wiederverkauf #rechts_cont, body.shop.start.wiederverkauf #breadcrumbs, body.shop.start #maintxt {display:none;} body.shop div.beitrag_standard { width:98%; margin:15px 0% 5% 0;} /* ~~~ Beitrag Standard auf der Shop-Startseite für Endverbraucher bzw. nach Login für Wiederverkäufer~~~*/ body.shop.start div.beitrag_standard {width:60%; margin:0 0% 0% 0%; border-bottom:none; padding-bottom:0.0em;} body.shop.start.wiederverkauf div.beitrag_standard {width:60%; margin:0 0% 0% 0%; border-bottom:none; padding-bottom:0.0em;} body.warenkorb div.beitrag_standard {width:60%; margin:0 0% 0% 0%; border-bottom:none; padding-bottom:0.0em;} body.shop #links_cont, body.shop.start #links_cont, body.shop.start.wiederverkauf #links_cont, body.shop.start #links_cont, body.warenkorb #links_cont {float:left; } body.shop #rechts_cont, body.shop.start #rechts_cont, body.shop.start.wiederverkauf #rechts_cont, body.shop.start #rechts_cont, body.warenkorb #rechts_cont {float:left;} body.shop #breadcrumbs, body.shop.start #breadcrumbs, body.shop.start.wiederverkauf #breadcrumbs, body.shop.start #breadcrumbs, body.warenkorb #breadcrumbs {margin-top:12px;} div.bottomzeile { margin-bottom:1em; } div.bottomzeile select { width:25%; padding:3px; } div.bottomzeile input[type=button] { background-color:#861723; border:1px solid #861723; color:#FFF; padding:3px 9px; } #canvaswrapper { width:96.5%; } #produzentenliste { display:flex; flex-wrap:wrap; margin-top:1em; } #produzentenliste .pvorschau { width:31%; flex-grow:0; flex-shrink:0; flex-basis:auto; align-self:auto; margin:0 2% 15px 0; position:relative; } #produzentenliste .pvorschau img { width:100%; } #produzentenliste .pvorschau figcaption { position:absolute; bottom:3px; width:100%; background:rgba(0,0,0,0.5); color:#FFF; font-size:1.5em; line-height:1.5em; text-align;center; } #produzentenliste .pvorschau figcaption { text-align:center;font-weight:normal; font-size:1.2em; width:100%; } #produzentenliste .pvorschau a { position:absolute; top:0; left:0; width:100%; height:100%; } #produzentenliste .pvorschau a:focus, #produzentenliste .pvorschau a:hover, #produzentenliste .pvorschau a:active { background: rgba(0,0,0,0.3); } .js-faq-content {display:none;} div.faq { overflow:hidden; border-bottom: 1px dotted #8e8e8e; padding-bottom:0.8em; margin-bottom:0.8em; } a.js-slide-toggle, a.js-slide-toggle:link, a.js-slide-toggle:visited { text-decoration:none; } a.js-slide-toggle p { font-weight:bold; } a.js-slide-toggle p:before { content:'+ '; } a.js-slide-toggle.pfeilup p:before { content:'- '; } } @media screen and (max-width: 960px) { body.shop #navirahmen {width:auto%; padding:0 0 0 25.5%; } body.partnerbeschreibung #maintxt {width:98%; margin:0 0 15px 0;} } @media screen and (max-width: 800px) { body.shop.start .vorschau_box {width:30.7%; height:245px; padding-bottom:5px; margin:2% 0 1% 2%; } body.shop.start.wiederverkauf .vorschau_box {width:30.7%; height:245px; padding-bottom:5px; margin:2% 0 1% 2%; } body.shop.start div.beitrag_standard {width:75%; margin:0 0% 0% 1%;} body.shop.start.wiederverkauf div.beitrag_standard {width:75%; margin:0 0% 0% 1%; } body.warenkorb div.beitrag_standard {width:75%; margin:0 0% 0% 1%; } #produzentenliste .pvorschau { width:48%; } div.bottomzeile select { width:50%; padding:3px; } } @media screen and (max-width: 600px) { body.shop.start .vorschau_box {width:47%; height:275px; margin:2% 0 0% 2%; padding:0;} body.shop.start.wiederverkauf .vorschau_box {width:47%; height:275px; margin:2% 0 0% 2%; padding:0;} body.shop.start div.beitrag_standard {width:96%; margin:0 0% 0% 2%;} body.shop.start.wiederverkauf div.beitrag_standard {width:96%; margin:0 0% 0% 2%; } body.warenkorb div.beitrag_standard {width:96%; margin:0 0% 0% 2%; } } @media screen and (max-width: 500px) { /* ~~~ Partnerbeschreibung ~~~*/ body.partnerbeschreibung #breadcrumbs {width:98.0%; padding:0 0 5px 10px; } body.partnerbeschreibung #maintxt {width:100%; margin:0 0 15px 0; } /* ~~~ Shop~~~*/ body.shop #navirahmen {width:auto%; padding:0 0 0 0%; } body.shop.start .vorschau_box {width:47%; height:285px; margin:2% 0 0% 2%; padding:0;} body.shop.start.wiederverkauf .vorschau_box {width:47%; height:260px; margin:2% 0 0% 2%; padding:0;} body.shop div.beitrag_standard, body.shop.start div.beitrag_standard, body.shop.start.wiederverkauf div.beitrag_standard, body.shop.start div.beitrag_standard, body.warenkorb div.beitrag_standard {width:98%; margin:0 0 15px 2%;} body.shop #breadcrumbs, body.shop.start #breadcrumbs, body.shop.start.wiederverkauf #breadcrumbs, body.shop.start #breadcrumbs, body.warenkorb #breadcrumbs {margin-top:0px;} } @media screen and (max-width: 480px) { body.shop.start .vorschau_box {height:400px; } body.shop.start.wiederverkauf .vorschau_box {height:260px; } } img[alt=edit] { width:auto; } form.uplform .form-field { margin-bottom:5px; } form.uplform .input { width: 40%; border: 1px solid #9a9a9a; padding: 5px; display:inline-block; }form.uplform .input[type=file] { border:0; } form.uplform label { display:inline-block; width:150px; font-size:1.2em; } .hasengalerie{ overflow:hidden; position:relative; } .hasengalerie div { width:49%; margin-right:1%; float:left; position:relative; } .hasengalerie div a, .hasengalerie div span { display:block; position:absolute; bottom:0; background-color:#FFF; color:#000; text-decoration:none; padding:5px; border:1px solid black; margin-bottom:3px; } .hasengalerie div a.r { right:0; } .hasengalerie div span { background: rgba(255,255,255,0.7); padding:2px; border:0; right:0; } div.beitrag_standard p.ol { margin-bottom:1.2em; } div#maintxt .paginator ul {display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap;-webkit-justify-content:center; justify-content:center;} div#maintxt .paginator, div#maintxt .paginator li a, div#maintxt .paginator li a:link {position:relative; display:block;text-decoration:none;curosr:pointer;background-color:#FFF;} div#maintxt .paginator li a { text-transform:uppercase; letter-spacing:0.03em; text-align:center; color:#323232;} div#maintxt .paginator {margin:30px 0;} div#maintxt .paginator ul {list-style:none !important; margin:0;} div#maintxt .paginator li {background:none !important; text-indent:0; padding-left:0em; margin-bottom:0; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } div#maintxt .paginator li:first-child {border-left:1px solid #dbdbdb; } div#maintxt .paginator li a, div#maintxt .paginator li a:link {color:#737373; width:15px; height:15px; padding:7px 10px 10px 10px; text-align:center;} div#maintxt .paginator li a:hover, div#maintxt .paginator li a:focus, div#maintxt .paginator li.akt a {background:#323232; color:#fff;} div#maintxt .paginator li.pas a, div#maintxt .paginator li.pas a:hover, div#maintxt .paginator li.pas a:focus {color:#dbdbdb; background:#fff;} div#maintxt .paginator img {width:256px;} .bodydiv .bild.rechts {float:right; margin:0 0 3px 17px;} /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ @media all { /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .shopslide .flexslider {margin: 0 0 60px; background-color:#eaeaea; border: 0; position: relative; zoom: 1;} .shopslide .flex-viewport {max-height: 270px; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; transition: all 0.0s ease;} .shopslide .loading .flex-viewport {max-height: 270px;} .shopslide .flexslider .slides {zoom: 1;} .shopslide .carousel li {margin-right: 5px} /* Direction Nav */ .shopslide .flex-direction-nav {*height: 0;} .shopslide .flex-direction-nav a {width: 30px; height: 82px; margin: -35px 0 0; display: block; background: url(../images/bg_direction_shop_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 1500; cursor: pointer; text-indent: -9999px; opacity: 0.8; -webkit-transition: all .3s ease;transition: all .3s ease;-moz-transition: all .3s ease;} /* Neuversuch Direction Nav */ /*.flex-direction-nav a {width: 60px; height: 82px; margin: -35px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;transition: all .3s ease;-moz-transition: all .3s ease; overflow:hidden;} .flex-direction-nav a img {width: 100%; overflow:hidden; }*/ .shopslide .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; } .shopslide .flex-direction-nav .flex-prev {left: 5px;} .shopslide .flexslider:hover .flex-next {opacity: 0.8; right: 0px;} .shopslide .flexslider:hover .flex-prev {opacity: 0.8; left: 0px;} .shopslide .flexslider:hover .flex-next:hover, .shopslide .flexslider:hover .flex-prev:hover {opacity: 1.0;} .shopslide .flex-direction-nav .flex-disabled {opacity: 1.0!important; filter:alpha(opacity=100); cursor: default;} /* Control Nav */ .shopslide .flex-control-nav {width: 100%; position: absolute; bottom: -8px; text-align: center;} .shopslide .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;} .shopslide .flex-control-paging li a {width: 9px; height: 9px; display: block; background: #666; background: rgba(255,255,255,1.0); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.0);} .shopslide .flex-control-paging li a:hover { background: #ec6707; background: rgba(134,23,35,1.0); } .shopslide .flex-control-paging li a.flex-active { background: #ec6707; background: rgba(134,23,35,1.0); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* Shop-Angebots-Slider */ #contangebot {width:100%; height:auto; margin:15px 0 15px; padding:0; overflow:hidden; text-align:center; background-color:#eaeaea;} /* #contangebot .header {width:100%; height:auto; background-color:#861723;} */ #contangebot .header {width:100%; height:auto; background-color:#636363;} #contangebot .header h2 {font-size:1.2em; color:#fff; padding:6px 0 6px 0;} /* ~~~ slideshop~~~*/ #slideshop {width:100%; height:auto; padding:0px 0 5px 0; margin:0% 0% 0% 0%; background-color:#eaeaea; } #slideshopcont {width:100%; padding:0; margin:0%; } #slideshopcont a {text-decoration:none; } #slideshopcont .vierangebote {width:100%; height:auto; overflow:hidden; } #slideshopcont .vierangebote .vorschau_box {float:left; position:relative; width:23.2%; height:255px; padding-bottom:5px; margin:0.0% 1.5 2.5% 1.5%; overflow:hidden; z-index:50; } #slideshopcont .vierangebote .vorschau_box .balken {position:absolute; bottom:0px; left:0; width:100%; height:auto; margin:0; z-index:90; padding:0; background:rgba(0,0,0,0.5); overflow:hidden; } #slideshopcont .vierangebote .vorschau_box .balken h2 {color: #fff; font-size:1.1em; text-align:left; line-height:1.2em; font-weight:normal; padding:0px 3px 3px 7px; z-index:95; } #slideshopcont .vierangebote .vorschau_box h2 {color: #861723; font-size:1.3em; line-height:1.45em; text-align:left; font-weight:normal; margin:3px 0px 1px 0px; padding:0;} #slideshopcont .vierangebote .vorschau_box p {margin:5px 0px 5px 0px; text-align:left;} #slideshopcont .vierangebote .vorschau_box p.mehrlink a {position:absolute; display:block; width:200%; height:100%; background-color:transparent; top:0; left:-100%; z-index:200;} #slideshopcont .vierangebote .vorschau_box:hover p.mehrlink a:hover {background: rgba(0,0,0,0.2); } /* ~~~ #slideshopcont .vierangebote .angebotbox {position:relative; float:left; width:25%; height:auto; margin:0; overflow:hidden; } #slideshopcont .vierangebote .angebotbox .rahmen {width:94%; margin:5% 3% 5% 3%; overflow:hidden; background-color:#eaeaea;} #slideshopcont .vierangebote .angebotbox .rahmen .overlay {position:absolute; bottom:0px; left:-5px; width:94%; margin:5%; height:87%; padding:0; overflow:hidden; z-index:80; background: rgba(0,0,0,0.0);} #slideshopcont .vierangebote .angebotbox .rahmen:hover .overlay {background: rgba(0,0,0,0.3); cursor:pointer; z-index:120;} #slideshopcont .vierangebote .angebotbox .rahmen .bild {position:relative; width:100%; height:auto; overflow:hidden;} #slideshopcont .vierangebote .angebotbox .rahmen .bild img {width:100%;} #slideshopcont .vierangebote .angebotbox .rahmen p {position:absolute; background:rgba(0,0,0,0.6); width:94%; bottom:7px; left:2px; color:#fff; font-size:1.1em; line-height:1.2em; margin:5px; padding:4px 0 4px 0; z-index:100; } #slideshopcont .vierangebote .angebotbox .rahmen p.mehrlink a {position:absolute; display:block; width:200%; height:100%; background-color:transparent; top:0; left:-100%; z-index:200;} #slideshopcont .vierangebote .angebotbox:hover .rahmen p.mehrlink a:hover {background: rgba(0,0,0,0.2); } ~~~*/ } @media screen and (max-width: 1000px) { .shopslide .flex-viewport {max-height: 280px; } .shopslide .loading .flex-viewport {max-height: 280px;} } @media screen and (max-width: 960px) { .shopslide .flex-viewport {max-height: 260px; } .shopslide .loading .flex-viewport {max-height: 260px;} #slideshopcont .vierangebote .angebotbox .rahmen .overlay {bottom:0px; left:-5px; } #slideshopcont .vierangebote .angebotbox .rahmen p {width:94%; bottom:6px; left:3px; } } @media screen and (max-width: 800px) { .shopslide .flex-viewport{max-height: 240px; } .shopslide .loading .flex-viewport {max-height: 240px;} #slideshopcont .vierangebote .vorschau_box {width:22.5%; margin:0.0% 1.5 0.5% 1.5%; } #slideshopcont .vierangebote .angebotbox .rahmen .overlay {bottom:0px; left:-4px; } #slideshopcont .vierangebote .angebotbox .rahmen p {width:94%; bottom:4px; left:1px; } } @media screen and (max-width: 660px) { .shopslide .flex-viewport {max-height: 220px; } .shopslide .loading .flex-viewport {max-height: 180px;} .shopslide .flex-control-nav {bottom: -15px;} #slideshop {width:98%; height:auto; padding:1% 0 2% 0; margin:1% 0% 0% 1%; } #slideshopcont .vierangebote .angebotbox .rahmen .overlay {bottom:0px; left:-3px; } #slideshopcont .vierangebote .angebotbox .rahmen p {width:94%; bottom:2px; left:0px; } } @media screen and (max-width: 600px) { .shopslide .flex-viewport {max-height: 600px; } .shopslide .loading .flex-viewport {max-height: 450px;} .shopslide .flex-control-nav {bottom: -15px;} #slideshopcont .vierangebote .vorschau_box {width:47%; margin:0.0% 1.5 0.5% 1.5%; } #slideshopcont .vierangebote .vorschau_box p {width:94%; bottom:5px; left:2px; } }/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ @media all { /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .shop_detail .flexslider {margin: 0; background: #eaeaea; border: 0; position: relative; zoom: 1;} .shop_detail .flex-viewport {max-height: 500px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;} .shop_detail .loading .flex-viewport {max-height: 500px;} .shop_detail .flexslider .slides {zoom: 1;} .shop_detail .carousel li {margin-right: 0;} /* Direction Nav */ .shop_detail .flex-direction-nav {display:none; *height: 0;} .shop_detail .flex-direction-nav .flex-next {display:none; background-position: 100% 0; right: 0; } .shop_detail .flex-direction-nav .flex-prev {display:none; left: 0;} /* Control Nav */ .shop_detail .flex-control-nav {display:none; width: 100%; position: absolute; bottom: 0; text-align: center;} .shop_detail .flex-control-thumbs {display:none; margin: 0 0 0; position: static; overflow: hidden;} /* .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} */ }@media print { #oben_header, #unten_header, #unten, #rechts_cont, #breadcrumbs, #cmsleiste, .noprint {display:none;} #container, #links_cont {max-width:21cm; width:99%; margin:0 1% 0 0;} #links_cont #bannerbild, #beschreibung_header, .beschreibung_teil1 {width:98%; margin-left:2%;} #beschreibung_header {display:block; } #links_cont #bannerbild h2 {bottom:65px; } .beschreibung_teil2 {page-break-before:always;} .beschreibung_teil1 .rechts {float:left; width:28%; margin:20px 0 15px 15px; padding:0; } .beschreibung_teil2 .rechts {float:left; width:30.5%; margin:0 0 0.7em 10px; padding:0; background:#ece9e6; overflow:hidden; } #beschreibung_footer {display:block;} div#maintxt {padding:0;} }@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;display:block;background:url(images/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}.flex-direction-nav .flex-prev{left:-36px}.flexslider:hover .flex-next{opacity:.8;right:5px}.flexslider:hover .flex-prev{opacity:.8;left:5px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}.flex-direction-nav .flex-next{opacity:1;right:0}}/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ @media all { /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flex-direction-nav a {height:82px;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px; background: #eaeaea; border: 0; position: relative; zoom: 1;} .flex-viewport {max-height: 440px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;} .loading .flex-viewport {max-height: 440px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 35px; height: 82px; margin: -35px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.2; -webkit-transition: all .3s ease;transition: all .3s ease;-moz-transition: all .3s ease;} /* Neuversuch Direction Nav */ /*.flex-direction-nav a {width: 60px; height: 82px; margin: -35px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;transition: all .3s ease;-moz-transition: all .3s ease; overflow:hidden;} .flex-direction-nav a img {width: 100%; overflow:hidden; }*/ .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; } .flex-direction-nav .flex-prev {left: 5px;} .flexslider:hover .flex-next {opacity: 0.4; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.4; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.5;} .flex-direction-nav .flex-disabled {opacity: .5!important; filter:alpha(opacity=50); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center;} .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 10px; height: 10px; display: block; background: #fff; background: rgba(255,255,255,1.0); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 0px rgba(255,255,255,1.0);} .flex-control-paging li a:hover { background: #353535; background: rgba(134,23,35,1.0); } .flex-control-paging li a.flex-active { background: #353535; background: rgba(134,23,35,1.0); } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} */ }