@import url('/css/roboto.css'); /* https://coolors.co/1b4056-000000-393939-eeeeee-ffffff-f7d139-bfc48f-86b7e5-6a9ca4-4e8162 */ :root { --background-color-body: #1B4056; --background-color-page: #ffffff; --background-color-header: #EEEEEE; --background-color-menu: #CCCCCC; --background-color-menu-mouseover: #E2E2E2; --black: #000000; --jet: #393939; --antiflashwhite: #eeeeee; --white: #ffffff; --mustard: #F7D139; --sage: #86B7E5; --viridian: #49795B; --moonstone: #6A9CA4; --jordyblue: #86B7E5; --hinweis: #A64A4D; --vh: 1vh; /* Fallback */ } * {box-sizing: border-box;} mark {background-color: var(--viridian); font-style: normal; font-weight: 400; color: var(--white); padding-left: 5px; padding-right: 5px;} strong, b {font-weight: 400;} body {font-family: 'Roboto', sans-serif; -webkit-text-size-adjust: none; background-color:var(--background-color-body); color: var(--jet); font-size:18px; line-height:20px; font-weight: 400; outline:none;} a {color:var(--viridian);} a:hover {color:var(--black);} p {line-height: 1.3em;margin-bottom: 15px;} h1 {margin-top:50px;} h1.center { text-align:center } .clear {clear:both;} .clearleft {clear:left;} .clearright {clear:right;} .Feedback {position: fixed;width: 440px;margin: 0% auto;left: 0;right: 0;top: 0px;text-align: center;display: none; /* */background-color: var(--mustard);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;z-index: 5000;} .Feedback > .FeedbackBox {margin-top: 7px;margin-bottom: 7px;} .Feedback > .FeedbackBox span {} .bx-wrapper {max-height:500px;} .bx-wrapper>.bx-viewport {overflow: hidden;} .audio2 {display:none;} .page {margin-left:40px; margin-right:40px; margin-top:40px; margin-bottom:40px; } .page > .wrapper {width: 100%; max-width:1400px; margin-left:auto; margin-right:auto; background-color: var(--background-color-page); border-radius:20px;} .AddToAnimation {position: fixed; width: 100px; height:100px; background-color: #bbbbbb; z-index:5000; margin: auto; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; border-radius: 10px; text-align: center; background-color: var(--viridian); border-color: var(--viridian); color: #ffffff; display:none; font-size: 95px; padding-top: 37px;} .AddToAnimation i {} .supportpage {position: absolute;width: 100%;visibility:hidden;} .supportpage > .supportbox {margin-left:40px; margin-right:40px; /*position: sticky;top: -60px;z-index: 1000;*/} .supportpage > .supportbox > .supportwrapper {width: 100%;max-width: 1400px;margin-left: auto;margin-right: auto;} .supportpage > .supportbox > .supportwrapper > .support {background-color: var(--mustard);border-top-left-radius: 15px;border-bottom-left-radius: 15px;padding: 25px;padding-bottom: 20px;margin-top: 60px;position: relative;z-index: 1000;float: right;} .supportpage > .supportbox > .supportwrapper > .support > .box {margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;} .supportpage > .supportbox > .supportwrapper > .support > .box ul {list-style: none;} .supportpage > .supportbox > .supportwrapper > .support > .box li {margin-bottom: 15px;clear: both;min-height: 48px;} .supportpage > .supportbox > .supportwrapper > .support > .box li:last-child {margin-bottom: -16px;} .supportpage > .supportbox > .supportwrapper > .support > .box a {color: var(--jet);font-size: 25px;text-decoration: none;} .supportpage > .supportbox > .supportwrapper > .support > .box a:hover {color: var(--black); } .supportpage > .supportbox > .supportwrapper > .support > .box i {float: left;font-size: 36px;} .supportpage > .supportbox > .supportwrapper > .support > .box i.fa-info-circle {padding-left: 2px;} .supportpage > .supportbox > .supportwrapper > .support .box a > div {display:inline-block; font-size: 0px;padding-left:0px;padding-top: 2px; height:20px; font-weight:300; width:1px; overflow:hidden; -webkit-transition: font-size 0.1s;-moz-transition: font-size 0.1s;-o-transition: font-size 0.1s;} .supportpage > .supportbox > .supportwrapper > .support:hover .box a > div { font-size: 25px; padding-left: 23px; width: auto; overflow:initial;} .supportpage > .supportbox > .supportwrapper > .shopsupport {display:none;background-color: var(--mustard);border-top-left-radius: 15px;border-bottom-left-radius: 15px;padding: 25px;padding-bottom: 20px;margin-top: 60px;position: relative;z-index: 1000;float: right;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box {margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box ul {list-style: none;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box li {margin-bottom: 15px;clear: both;min-height: 48px;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box li:last-child {margin-bottom: -5px;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box a {color: var(--jet);font-size: 25px;text-decoration: none;display: block;height: 35px;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box a:hover {color: var(--black); } .supportpage > .supportbox > .supportwrapper > .shopsupport > .box i {float: left;font-size: 36px;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box i.fa-info-circle {padding-left: 2px;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box i.fa-user {padding-left: 3px;padding-right: 3px;} .supportpage > .supportbox > .supportwrapper > .shopsupport > .box i.zahlcart {background-color: #B83637;position: absolute;font-size: 13px;font-style: normal;padding: 2px 4px 2px 4px;padding-top: 4px;padding-right: 6px;padding-bottom: 4px;padding-left: 6px;color: #ffffff;border-radius: 9px;line-height: 10px;margin-left: -7px;margin-top: 8px;text-decoration: none;} .supportpage > .supportbox > .supportwrapper > .shopsupport .box a > div {display:inline-block; font-size: 0px;padding-left:0px;padding-top: 2px; height:20px; font-weight:300; width:1px; overflow:hidden; -webkit-transition: font-size 0.1s;-moz-transition: font-size 0.1s;-o-transition: font-size 0.1s;} .supportpage > .supportbox > .supportwrapper > .shopsupport.searchactivity .box a > div, .supportpage > .supportbox > .supportwrapper > .shopsupport:hover .box a > div { font-size: 25px; padding-left: 23px; width: auto; overflow:initial;} .supportpage > .supportbox > .supportwrapper > .shopsupport:active .box a > div { font-size: 25px; padding-left: 23px; width: auto; overflow:initial; -webkit-transition: none;-moz-transition: none;-o-transition: none;} .supportpage > .supportbox > .supportwrapper > .shopsupport input, .supportpage > .supportbox > .supportwrapper > .shopsupport button {overflow: hidden;display: none;-webkit-transition: font-size 0.1s;} .supportpage > .supportbox > .supportwrapper > .shopsupport.searchactivity input, .supportpage > .supportbox > .supportwrapper > .shopsupport.searchactivity button, .supportpage > .supportbox > .supportwrapper > .shopsupport:hover input, .supportpage > .supportbox > .supportwrapper > .shopsupport:hover button {overflow: initial;display:inline-flex;-webkit-transition: font-size 0.1s;} .shopsupport input {margin-left: 22px;height: 35px;margin-top: -9px;font-size: 17px;border-radius: 5px;border: 1px solid var(--mustard);padding-left: 5px;padding-right: 5px;} .shopsupport input:focus {font-size: 17px;outline-width: 0;} .shopsupport button {margin-top: -13px;background-color: transparent;border: 0px;color: var(--black);cursor: pointer;} .shopsupport button > i {} .MobileSupport input {margin-top: -6px;font-size: 17px;} .MobileSupport button {margin-top: -5px;} .MobileSupport button i {font-size: 28px !important;} html.iphone .shopsupport input, html.ipad .shopsupport input, html.mac .shopsupport input {margin-top: -9px;} html.iphone .shopsupport button, html.ipad .shopsupport button, html.mac .shopsupport button {position: absolute; right: 14px; margin-top: -3px;} html.iphone .shopsupport button > i, html.ipad .shopsupport button > i, html.mac .shopsupport button > i {font-size: 25px !important;} #header {} #header > .wrapper {background-color: var(--background-color-header); border-top-left-radius: 20px; border-top-right-radius:20px; min-height:180px; } #header > .wrapper .box {margin-left:38px; margin-right:38px; padding-top:38px; padding-bottom: 20px;} #header > .wrapper .box > .logo {width: max-content;float: left;z-index: 900;position: absolute;visibility:hidden;} #header > .wrapper .box > .logo > a {} #header > .wrapper .box > .logo img {display: block;width: 100%;max-width: fit-content;height: auto;object-fit: contain;} #header > .wrapper .box > .mobilenavi {display:none;} #header > .wrapper .box > .navi {margin-left: 225px;text-align: center;z-index: 900;position: relative; visibility:hidden; display:block; } #header > .wrapper .box > .navi ul.menu {flex-direction: row; margin: 0; padding: 0; display: flex; width:max-content;margin:0 auto; margin-top: 32px;} #header > .wrapper .box > .navi ul.menu > li {flex: 1;/*padding: 0.5em 1.5em 0.5em 1.5em;*/min-width: max-content;} #header > .wrapper .box > .navi ul.menu > li a {font-size:24px; color: var(--jet); text-decoration:none; } #header > .wrapper .box > .navi ul.menu > li a:hover {color: var(--black); } #header > .wrapper .box > .navi ul.menu > li > a {width: auto;display: flex;padding:0.5em 1.5em 0.5em 27px;} #header > .wrapper .box > .navi ul.menu > li i {font-size: 25px; margin-left: 10px;margin-right: -15px;} #header > .wrapper .box > .navi ul.menu > li > ul {visibility: hidden;height: 0;z-index: 1000;position: absolute;text-align: left;padding-top: 10px; background-color: var(--background-color-menu);margin-left: 0px;border-bottom-left-radius:5px;border-bottom-right-radius: 5px;border-top-right-radius: 5px; padding-left:12px;padding-right: 12px;padding-bottom: 10px;margin-top: 0px;overflow: hidden;min-width: 205px;max-width: 305px;} #header > .wrapper .box > .navi ul.menu.menu > li > ul > li { margin-bottom: 10px; } #header > .wrapper .box > .navi ul.menu.menu > li > ul > li:last-child { margin-bottom: 0px; } #header > .wrapper .box > .navi ul.menu.menu > li > ul > li.trenner { margin-top: 30px;} #header > .wrapper .box > .navi ul.menu > li > ul > li a {padding: 5px 15px 5px 15px;display: block; border-radius: 5px; min-width: 140px;line-height: 24px;} #header > .wrapper .box > .navi ul.menu > li > ul > li a:hover {background-color: var(--background-color-header); } #header > .wrapper .box > .navi ul.menu > li:hover > ul, #header > .wrapper .box > .navi ul.menu > li:active > ul, #header > .wrapper .box > .navi ul.menu > li:focus > ul {visibility: visible;height: auto;} #header > .wrapper .box > .navi ul.menu > li > ul > li.True a::before, .mainboxzurzeit .zurzeitliste ul > li a.True::after, .mainboxzurzeit .zurzeitarticle .article > .datum.True::before, .mainboxpresseschau .item > div:first-child > .datum.True::after, .mainboxpressestimmen .item > div:first-child > .datum.True::after, .mainboxpressemitteilungen .item > div:first-child > .ausgabe.True::after { content: "NEU"; background: none; background-color: var(--hinweis); color: var(--white); padding-top: 2px; padding-right: 6px; padding-left: 6px; padding-bottom: 2px; border-radius: 5px; font-weight: 100; float: right; margin-top: -2px; font-size: 17px; margin-right: -10px; margin-left: 5px; } .mainboxzurzeit .zurzeitliste ul > li a.True::after {margin-right: 0px;} .mainboxpresseschau .item > div:first-child > .datum.True::after {float: none;display: inline-block;margin-left: 20px;margin-top: 5px;font-size: 13px;} .mainboxpressestimmen .item > div:first-child > .datum.True::after {font-size: 13px;padding-top: 3px;padding-bottom: 3px;float: none;} .mainboxzurzeit .zurzeitarticle .article > .datum::before {float: left;font-size: 13px;padding-top: 2px;padding-bottom: 0px;margin-right: 10px;} .mainboxpressemitteilungen .item > div:first-child > .ausgabe.True::after {float: none;display: inline-block;margin-left: 20px;margin-top: 5px;font-size: 13px;padding-bottom: 0px;} #header > .wrapper .box > .navi ul.menu > li.mouseover {background-color: var(--background-color-menu-mouseover);border-radius:5px;border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important;} #header > .wrapper .box > .navi ul.menu > li.mouseover > ul {background-color: var(--background-color-menu-mouseover) !important;} #header > .wrapper .box > .navi ul.menu > li.mouseover:hover > ul {background-color: var(--background-color-menu) !important;} #header > .wrapper .box > .navi ul.menu > li:hover {background-color: var(--background-color-menu);border-radius:5px;} /* Spezifische Stile für Menüelemente mit Submenü */ #header > .wrapper .box > .navi ul.menu > li:hover:has(ul.submenu) {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} #header > .wrapper .box > .navi ul.menu {position: relative;} /* Stile für Touchgeräte */ #header > .wrapper .box > .navi ul.menu > li.touch-active {border-radius: 5px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} #header > .wrapper .box > .navi ul.menu > li.touch-active .submenu {display: block;} .menu > li:has(.submenu li.True) > a::before {content: "•";color: var(--hinweis);margin-right: 5px;font-size: 45px;} .action365home {display: inline-block;width: 17px;height: 17px;background-image: url('/images/action365-logo.svg');background-size: contain; background-repeat: no-repeat; background-position: bottom center;transform: translateY(2px);} #header.MobileHeader .menu > li:has(.submenu li.True) > a::before {vertical-align: bottom;} #header.MobileHeader > .wrapper {min-height: 89px;} #header.MobileHeader > .wrapper .box {margin-left: 25px;margin-right: 25px;padding-top: 25px;padding-bottom: 20px;} #header.MobileHeader > .wrapper .box > .mobilenavi {display:block;margin-right: 60px;text-align: center;z-index: 900;position: relative;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul {flex-direction: row;margin: 0;padding: 0;display: flex;width: max-content;float: right;list-style: none;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li {flex: 1;min-width: max-content;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li a {font-size: 21px;color: var(--jet);text-decoration: none;padding: 0.5em 1.0em 0.5em 1.0em;display: block;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li a:hover {color: var(--black);} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li a i {font-size: 25px;margin-top: -1px;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li a i.zahlcart {background-color: #B83637; position: absolute; font-size: 12px; font-style: normal; padding: 2px 4px 2px 4px; padding-top: 4px; padding-right: 6px; padding-bottom: 4px; padding-left: 6px; color: #ffffff; border-radius: 9px; line-height: 10px; margin-left: -12px; margin-top: 9px; text-decoration: none;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li:hover {background-color: var(--background-color-menu);border-radius:5px;} #header.MobileHeader > .wrapper .box > .navi { display:none; background-color: var(--background-color-menu);margin-top: 64px;margin-left: 0px;margin-right: 0px;margin-bottom: -20px;padding-bottom: 15px;padding-top: 15px;position: absolute;right: 40px;left: 40px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;padding-bottom: 0px;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li {display:none;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li:first-child {display:block;} #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li:last-child {display:block;} .SupportWarenkorb, .SupportMerkliste, #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li.MobileWarenkorb, #header.MobileHeader > .wrapper .box > .mobilenavi > ul > li.MobileMerkliste {display:none;} /* #header.MobileHeader > .wrapper .box > .navi {border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;} #header.MobileHeader > .wrapper .box > .navi::after{content: '';border-bottom: 0px solid #000;width: 100%;display: block;height: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background-color: var(--background-color-menu);margin-bottom: -20px;}*/ #header.MobileHeader > .wrapper .box > .navi ul.menu { display: block;width: 100%;margin-top: 0px;padding-bottom: 10px;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li {text-align: left;border-bottom: 1px dotted;margin-bottom: 14px;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li:last-child {border-bottom: 0px dotted;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li i {display:none;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li a {display: block;padding: 5px 15px 5px 15px;border-radius: 5px;margin-right: -15px;margin-left: -15px;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li > a {padding:0.5em 1.5em 0.5em 27px;margin-right: 15px;margin-left: 15px;margin-bottom: -12px;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li a:hover {background-color: var(--background-color-header);} #header.MobileHeader > .wrapper .box > .navi ul.menu > li a[href="#top"] {display: block;color: var(--black);border-bottom: 1px dotted var(--black);border-radius: 0px;margin-bottom: -5px;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li a[href="#top"]:hover { cursor: inherit; background-color: var(--background-color-menu); } #header.MobileHeader > .wrapper .box > .navi ul.menu > li > ul {visibility: visible !important;position: relative;display: initial;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li > ul > li {margin-left: 50px;margin-right: 27px;} #header.MobileHeader > .wrapper .box > .navi ul.menu > li > ul > li > a {padding-left: 30px;margin-right: 10px;} #header.MobileHeader > .wrapper .box > .anzeigen {display:block !important;} #header.DesktopHeader > .wrapper .box > .navi {display: block !important;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .support {padding: 15px;padding-bottom: 0px;margin-top: 19px;padding-right:0px} #supportpage.MobileSupport > .supportbox > .supportwrapper > .support > .box {} #supportpage.MobileSupport > .supportbox > .supportwrapper > .support > .box > ul {} #supportpage.MobileSupport > .supportbox > .supportwrapper > .support > .box > ul > li {display:none;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .support > .box > ul > li:first-child {display: block;margin-bottom: 0px;font-size: 25px;min-height: 36px;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .support > .box i {font-size: 22px;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .support .box a > div {font-weight: 100;font-size: 17px;padding-top: 0px;padding-left: 15px;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .support:hover .box a > div {font-size: 18px;padding-left: 18px;padding-right:15px;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .shopsupport {padding: 15px;padding-bottom: 0px;margin-top: 19px;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .shopsupport > .box {} #supportpage.MobileSupport > .supportbox > .supportwrapper > .shopsupport > .box > ul {} #supportpage.MobileSupport > .supportbox > .supportwrapper > .shopsupport > .box > ul > li {display:none !important;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .shopsupport > .box > ul > li:first-child {display: block !important;margin-bottom: 0px;font-size: 25px;min-height: 36px;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .shopsupport > .box i {font-size: 21px;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .shopsupport .box a > div {font-weight: 100;font-size: 17px;padding-top: 0px;padding-left: 15px;} #supportpage.MobileSupport > .supportbox > .supportwrapper > .shopsupport:hover .box a > div {font-size: 18px;padding-left: 18px;} #main {z-index: 0;position: relative;} #main > .wrapper {} /*Slider*/ #main > .wrapper .slider {height: clamp(250px, 40vw, 500px); max-height: 500px; background-color: var(--jet);display: flex;justify-content: center;overflow: hidden;} #main > .wrapper .slider > div {} #main > .wrapper .slider > div > a {color: var(--jet); } #main > .wrapper .slider > div .SliderBox {top: 0;bottom: 0;left: 0;right: 0;position: absolute;overflow: hidden; max-height: fit-content;} #main > .wrapper .slider > div .SliderBox > .divTable {display: table;width: 100%;aspect-ratio: 14 / 5;} #main > .wrapper .slider > div .SliderBox > .divTable > .divTableCell {display: table-cell;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc1 {width:10%;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 {width: 47%; font-size: clamp(1em, 2.8vw, 1.75em); line-height: 1.0em; vertical-align: middle; } #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h1, #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h2 {font-weight: 400;line-height: 1.0em;font-size: 1.4em;margin-top: 20px;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 p {font-weight: 100;margin-top: 20px;line-height: 1.1em;margin-bottom:20px;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc3 {width:5%;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4 {width: 28%;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4 img {height: auto;display: block;max-height: 450px;width: auto !important;margin-top: 22px;vertical-align: middle;margin-left: auto;margin-right: auto;height: auto;object-fit: contain;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4 img.ImageShadow {-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); /*box-shadow: 0px 0px 3px rgba(57,57,57,0.7) !important;*/} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4full {width: 80%;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4full img {height: auto;display: block;max-height: 450px;width: auto !important;margin-top: 22px;vertical-align: middle;margin-left: auto;margin-right: auto;height: auto;object-fit: contain;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4full img.ImageShadow {-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); /*box-shadow: 0px 0px 3px rgba(57,57,57,0.7) !important;*/} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc5 {width:10%;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 { width:80%; font-size: clamp(1em, 2.8vw, 1.75em); line-height: 1.0em; vertical-align: middle;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 h1, #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 h2 {font-weight: 400;line-height: 1.0em;font-size: 1.4em;margin-top: 20px;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 p {font-weight: 100;margin-top: 20px;line-height: 1.2em;margin-bottom:20px;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2:after, #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234:after {content: '';position: absolute;left: 0px;right: 0px;height: 30px;bottom: 0px;pointer-events: none;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2:after {left: 43%;right: 10%;} #main > .wrapper .slider > div .SliderBoxmoonstone > .divTable > .dtc2:after, #main > .wrapper .slider > div .SliderBoxmoonstone > .divTable > .dtc234:after {background: linear-gradient(180deg, rgba(106,156,164,0) 0%, rgba(106,156,164,1) 100%);} #main > .wrapper .slider > div .SliderBoxviridian > .divTable > .dtc2:after, #main > .wrapper .slider > div .SliderBoxviridian > .divTable > .dtc234:after {background: linear-gradient(180deg, rgba(78,129,98,0) 0%, rgba(78,129,98,1) 100%);} #main > .wrapper .slider > div .SliderBoxjet > .divTable > .divTableCell, #main > .wrapper .slider > div .SliderBoxblack > .divTable > .divTableCell, #main > .wrapper .slider > div .SliderBoxviridian > .divTable > .divTableCell, #main > .wrapper .slider > div .SliderBoxmoonstone > .divTable > .divTableCell {color: var(--antiflashwhite);} #main > .wrapper .slider > div .SliderContrastTrue { color:var(--white);} #main > .wrapper .slider > div .SliderContrastTrue a { color:var(--jet);} #main > .wrapper .slider > div .SliderContrastTrue a:hover {color:var(--background-color-menu);} #main > .wrapper .slider > div .SliderContrastFalse a {color:var(--antiflashwhite);} #main > .wrapper .slider > div .SliderContrastFalse a:hover {color:var(--jet);} html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 h1, html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 h2 {margin-top: 15px;line-height: 0.8em;font-size: 1.1em;} html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 p {font-size: 0.9em;line-height: 1.1em;margin-top: 10px;margin-bottom: 10px;} html.tabletnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4 img, html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4 img {margin-top:0px;} html.tabletnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h1, html.tabletnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h2, html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h1, html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h2 {margin-top: -70px;font-size: 1.0em;} html.tabletnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 p, html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 p {font-size: 0.9em;line-height: 1.1em;margin-top: 10px;margin-bottom: 10px;} html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 h1, html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 h2 {margin-top: 15px;line-height: 0.8em;font-size: 1.1em;} html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 p {font-size: 0.9em;line-height: 1.1em;margin-top: 10px;margin-bottom: 10px;} html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4 img {margin-top:0px;} html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h1, html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h2 {margin-top: -70px;font-size: 1.0em;} html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 p {font-size: 0.9em;line-height: 1.1em;margin-top: 10px;margin-bottom: 10px;} html.smartnarrow {} html.smartnarrow #main > .wrapper .slider > div > a > .SliderBox > .divTable > .dtc2 {width:91%;} html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2:after {left: 0%;right: 0%;} html.smartnarrow #main > .wrapper .slider > div > a > .SliderBox > .divTable > .dtc4 {width: 0%;display:none;} html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 h1, html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 h2 html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h1, html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 h2 {font-size: 15px;margin-top: 10px;font-weight: 500;} html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234 p, html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2 p {margin-top: 5px;line-height: 1.1em;margin-bottom: 0px;font-size: 14px;} html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234, html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2, html.tabletwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4, html.tabletnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234, html.tabletnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2, html.tabletnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4 html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234, html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2, html.smartwide #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4 html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc234, html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc2, html.smartnarrow #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4{/*vertical-align:top;*/} html.ios #main > .wrapper .slider > div .SliderBox > .divTable { aspect-ratio: unset; } /*Slider*/ /* EntryPageAbove */ .EntryPageAbove > .divTable {display: table;width: 100%;height: 100%; } .EntryPageAbove > .divTable > .divTableCell {display: table-cell;} .EntryPageAbove > .divTable > .dtc1 {width:10%;} .EntryPageAbove > .divTable > .dtc2 {width: 47%; font-size: clamp(1em, 2.8vw, 1.75em); line-height: 1.0em; vertical-align: middle; } .EntryPageAbove > .divTable > .dtc2 h1 {font-weight: 400;font-size: 1.3em;line-height: 1.1em;margin-top: 20px;} .EntryPageAbove > .divTable > .dtc2 p {font-weight: 100;font-size: 0.8em;line-height: 1.1em;margin-top: 20px;margin-bottom:20px;} .EntryPageAbove > .divTable > .dtc3 {width:5%;} .EntryPageAbove > .divTable > .dtc4 {width: 28%;vertical-align: middle;} .EntryPageAbove > .divTable > .dtc4 img {height: auto;display: block;max-height: 450px;width: 100% !important;max-width: fit-content;margin-top: 22px;margin-bottom: 22px;vertical-align: middle;margin-left: auto;margin-right: auto;height: auto;object-fit: contain;} .EntryPageAbove > .divTable > .dtc4 img.ImageShadowTrue {-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); /*box-shadow: 0px 0px 3px rgba(57,57,57,0.7) !important;*/} .EntryPageAbove > .divTable > .dtc4full {width: 80%;} .EntryPageAbove > .divTable > .dtc4full img {height: auto;display: block;max-height: 450px;width: auto !important;margin-top: 22px;margin-bottom: 40px;vertical-align: middle;margin-left: auto;margin-right: auto;height: auto;object-fit: contain;} .EntryPageAbove > .divTable > .dtc4full img.ImageShadowTrue {-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); /*box-shadow: 0px 0px 3px rgba(57,57,57,0.7) !important;*/} .EntryPageAbove > .divTable > .dtc5 {width:10%;} .EntryPageAbove > .divTable > .dtc234 { width:80%; font-size: clamp(1em, 2.8vw, 1.75em); line-height: 1.0em; vertical-align: middle;padding-top:40px;padding-bottom:40px;} .EntryPageAbove > .divTable > .dtc234 h1 {font-weight: 400;line-height: 1.0em;margin-top: 20px;} .EntryPageAbove > .divTable > .dtc234 p {font-weight: 100;margin-top: 20px;line-height: 1.2em;margin-bottom:20px;} .EntryPageAbove > .divTable > .dtc2:after, .EntryPageAbove > .divTable > .dtc234:after {content: '';position: absolute;left: 0px;right: 0px;height: 30px;bottom: 0px;pointer-events: none;} .EntryPageAbove > .divTable > .dtc2:after {left: 43%;right: 10%;} .EntryPageAboveContrastFalse > .divTable > .divTableCell {color: var(--jet);} .EntryPageAboveContrastTrue > .divTable > .divTableCell {color: var(--antiflashwhite);} /* EntryPageAbove */ /* EntryPageBelow */ .mainbox {} .mainbox > .EntryPageBelow {} .mainbox > .EntryPageBelow > .divTable {display: table;width: 100%;height: 100%; } .mainbox > .EntryPageBelow > .divTable > .divTableCell {display: table-cell;} .mainbox > .EntryPageBelow > .divTable > .dtc1 {width:10%;} .mainbox > .EntryPageBelow > .divTable > .dtc2 {width: 47%; line-height: 1.0em; vertical-align: middle; } .mainbox > .EntryPageBelow > .divTable > .dtc2 h1 {font-weight: 400;font-size: clamp(1.3em, 2.8vw, 1.7em);line-height: clamp(1.3em, 2.8vw, 1.7em);margin-top: 20px;} .mainbox > .EntryPageBelow > .divTable > .dtc2 p {font-weight: 100;font-size: clamp(0.8em, 2.8vw, 1.0em);line-height: clamp(1.0em, 2.8vw, 1.2em);margin-top: 20px;margin-bottom:20px;} .mainbox > .EntryPageBelow > .divTable > .dtc3 {width:5%;} .mainbox > .EntryPageBelow > .divTable > .dtc4 {width: 28%;vertical-align: middle;} .mainbox > .EntryPageBelow > .divTable > .dtc4 img {height: auto;display: block;max-height: 450px;width: auto !important;margin-top: 22px;margin-bottom: 22px;vertical-align: middle;margin-left: auto;margin-right: auto;height: auto;object-fit: contain;} .mainbox > .EntryPageBelow > .divTable > .dtc4 img.ImageShadowTrue {-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); /*box-shadow: 0px 0px 3px rgba(57,57,57,0.7) !important;*/} .mainbox > .EntryPageBelow > .divTable > .dtc4full {width: 80%;} .mainbox > .EntryPageBelow > .divTable > .dtc4full img {height: auto;display: block;max-height: 450px;width: 100%;max-width: fit-content;margin-top: 22px;margin-bottom: 40px;vertical-align: middle;margin-left: auto;margin-right: auto;height: auto;object-fit: contain;} .mainbox > .EntryPageBelow > .divTable > .dtc4full img.ImageShadowTrue {-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); /*box-shadow: 0px 0px 3px rgba(57,57,57,0.7) !important;*/} .mainbox > .EntryPageBelow > .divTable > .dtc5 {width:10%;} .mainbox > .EntryPageBelow > .divTable > .dtc234 { width:80%; line-height: 1.0em; vertical-align: middle;padding-top:40px;padding-bottom:40px;} .mainbox > .EntryPageBelow > .divTable > .dtc234 h1 {font-weight: 400;font-size:1.7em;line-height: 1.0em;margin-top: 20px;} .mainbox > .EntryPageBelow > .divTable > .dtc234 p {font-weight: 100;margin-top: 20px;line-height: 1.3em;margin-bottom:20px;} .mainbox > .EntryPageBelow > .divTable > .dtc2:after, .mainbox > .EntryPageBelow > .divTable > .dtc234:after {content: '';position: absolute;left: 0px;right: 0px;height: 30px;bottom: 0px;pointer-events: none;} .mainbox > .EntryPageBelow > .divTable > .dtc2:after {left: 43%;right: 10%;} .mainbox > .EntryPageBelowContrastFalse > .divTable > .divTableCell {color: var(--jet);} .mainbox > .EntryPageBelowContrastTrue > .divTable > .divTableCell {color: var(--antiflashwhite);} .MobileMain .mainbox > .EntryPageBelow > .divTable > .dtc1 {width: 0%;} .MobileMain .mainbox > .EntryPageBelow > .divTable > .dtc234 {width:100%;padding-left: 0px;padding-right: 0px;} .MobileMain .mainbox > .EntryPageBelow > .divTable > .dtc5 {width: 0%;} .fullpage .mainbox > .EntryPageBelow > .divTable > .dtc1 {width:0%;} .fullpage .mainbox > .EntryPageBelow > .divTable > .dtc2 {width: 57%;} .fullpage .mainbox > .EntryPageBelow > .divTable > .dtc4 {width: 38%;} .fullpage .mainbox > .EntryPageBelow > .divTable > .dtc234 {width:100%;padding-left: 0px;padding-right: 0px;} .fullpage .mainbox > .EntryPageBelow > .divTable > .dtc5 {width:0%;} /* EntryPageBelow */ /*Startseite*/ #main > .wrapper .mainContent {} .presentedBox > .load {margin-left: auto;margin-right: auto;text-align: center;} .presentedBox > .load > .ri-loader-2-fill {font-size: 30px;padding-top: 10px;padding-bottom: 10px;animation: rotateDiv 2s linear infinite;display: inline-block;} .presentedBoxTitle { margin-left: 40px; margin-right: 40px;font-size: clamp(1.3em, 2.8vw, 1.7em); line-height: clamp(1.3em, 2.8vw, 1.7em); font-weight: normal; color: var(--viridian); margin-bottom: 10px; display: inline-block; margin-top: 30px;} .presentedBoxTitleBlank {height:50px;} .presentedBoxKaffeeTop, .presentedBoxKaffeeBottom, .presentedBoxUeberUnsTop, .presentedBoxUeberUnsBottom {margin-top: 0px !important;} .presentedBox { margin-left: 40px; margin-right: 40px; margin-top: 40px; } .presentedBox > .wrapper {display: grid; grid-template-columns: repeat(4, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;} .presentedBox > .wrapper > .NoResults {position: absolute;margin-top: -65px;} .presentedBox > .wrapper .item {lang: de; position: relative; border-radius:20px;overflow: hidden;cursor: pointer; } .presentedBox > .wrapper .item:not([data-title=""])::after {content: attr(data-title); position: absolute; bottom: 0; left: 0; right: 0; padding: 12px 10px 12px 20px; background: url(/images/presentedBox-after.png) top right; font-size: clamp(1.10em, 2.5vw, 0.8em); line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: unset; -webkit-line-clamp: 2; cursor: pointer;z-index:1;hyphens: auto;} .presentedBox > .wrapper .item[data-title=""]::after { content: none; /* ::after wird nicht angezeigt */ } .presentedBox > .wrapper .bgarrow::after { background: url(/images/presentedBox-after-arrow.png) top right; padding: 12px 65px 12px 20px; } .presentedBox > .wrapper .bg001_b, .presentedBox > .wrapper .bg002_b, .presentedBox > .wrapper .bg003_b, .presentedBox > .wrapper .bg004_b, .presentedBox > .wrapper .bg005_b, .presentedBox > .wrapper .bg006_b, .presentedBox > .wrapper .bg007_b, .presentedBox > .wrapper .bg008_b {position: relative;overflow: hidden;} .presentedBox > .wrapper .bg001_b::before {background: url(/images/mainpage/001.png);} .presentedBox > .wrapper .bg002_b::before {background: url(/images/mainpage/002.png);} .presentedBox > .wrapper .bg003_b::before {background: url(/images/mainpage/003.png);} .presentedBox > .wrapper .bg004_b::before {background: url(/images/mainpage/004.png);} .presentedBox > .wrapper .bg005_b::before {background: url(/images/mainpage/005.png);} .presentedBox > .wrapper .bg006_b::before {background: url(/images/mainpage/006.png);} .presentedBox > .wrapper .bg007_b::before {background: url(/images/mainpage/007.png);} .presentedBox > .wrapper .bg008_b::before {background: url(/images/mainpage/008.png);} .presentedBox > .wrapper .bg001 a:not(:has(img)) {background: url(/images/mainpage/001.png);} .presentedBox > .wrapper .bg002 a:not(:has(img)) {background: url(/images/mainpage/002.png);} .presentedBox > .wrapper .bg003 a:not(:has(img)) {background: url(/images/mainpage/003.png);} .presentedBox > .wrapper .bg004 a:not(:has(img)) {background: url(/images/mainpage/004.png);} .presentedBox > .wrapper .bg005 a:not(:has(img)) {background: url(/images/mainpage/005.png);} .presentedBox > .wrapper .bg006 a:not(:has(img)) {background: url(/images/mainpage/006.png);} .presentedBox > .wrapper .bg007 a:not(:has(img)) {background: url(/images/mainpage/007.png);} .presentedBox > .wrapper .bg008 a:not(:has(img)) {background: url(/images/mainpage/008.png);} .presentedBox > .wrapper .ArticleIsNewFalseTrue::before, .presentedBox > .wrapper .ArticleIsNewFalse1::before { content: ""; position: absolute; inset: 0; background-size: cover; background-position: center; /* filter: brightness(0.6) blur(2px); hier kannst du spielen */ filter: blur(50px); opacity: 0.2; z-index: 0; } .presentedBox > .wrapper .ArticleIsNewTrueTrue > a, .presentedBox > .wrapper .ArticleIsNewTrue1 > a {background-color: #EFF5FB;} .presentedBox > .wrapper .bg001_b > *, .presentedBox > .wrapper .bg002_b > *, .presentedBox > .wrapper .bg003_b > *, .presentedBox > .wrapper .bg004_b > *, .presentedBox > .wrapper .bg005_b > *, .presentedBox > .wrapper .bg006_b > *, .presentedBox > .wrapper .bg007_b > *, .presentedBox > .wrapper .bg008_b > * {position: relative;z-index: 1;} .presentedBox > .wrapper .bg001 {background: url(/images/mainpage/001.png); background-size: cover;} .presentedBox > .wrapper .bg002 {background: url(/images/mainpage/002.png); background-size: cover;} .presentedBox > .wrapper .bg003 {background: url(/images/mainpage/003.png); background-size: cover;} .presentedBox > .wrapper .bg004 {background: url(/images/mainpage/004.png); background-size: cover;} .presentedBox > .wrapper .bg005 {background: url(/images/mainpage/005.png); background-size: cover;} .presentedBox > .wrapper .bg006 {background: url(/images/mainpage/006.png); background-size: cover;} .presentedBox > .wrapper .bg007 {background: url(/images/mainpage/007.png); background-size: cover;} .presentedBox > .wrapper .bg008 {background: url(/images/mainpage/008.png); background-size: cover;} /*.presentedBox > .wrapper .bg001_b {background: url(/images/mainpage/001_b.png); background-size: cover;} .presentedBox > .wrapper .bg002_b {background: url(/images/mainpage/002_b.png); background-size: cover;} .presentedBox > .wrapper .bg003_b {background: url(/images/mainpage/003_b.png); background-size: cover;} .presentedBox > .wrapper .bg004_b {background: url(/images/mainpage/004_b.png); background-size: cover;} .presentedBox > .wrapper .bg005_b {background: url(/images/mainpage/005_b.png); background-size: cover;} .presentedBox > .wrapper .bg006_b {background: url(/images/mainpage/006_b.png); background-size: cover;} .presentedBox > .wrapper .bg007_b {background: url(/images/mainpage/007_b.png); background-size: cover;} .presentedBox > .wrapper .bg008_b {background: url(/images/mainpage/008_b.png); background-size: cover;}*/ .presentedBox > .wrapper .item > a > .x {aspect-ratio: 3 / 4;} .presentedBox > .wrapper .item > a {display:block; aspect-ratio: 3 / 4;overflow: hidden;} .presentedBox > .wrapper .item > a:hover {} .presentedBox > .wrapper .item > a img {display: block;width: 75%;margin-top: 20px;margin-left: auto;margin-right: auto;max-width: -webkit-fill-available;-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7));filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); height: auto;object-fit: contain;} .presentedBox > .wrapper .item > a img.kein-after {margin-top:14%;} .presentedBox > .wrapper .fallback > a > img {display:none;} .presentedBox > .wrapper .ArticleIsNewTrueFalse::before, .presentedBox > .wrapper .ArticleIsNewTrueTrue::before { content: "NEU"; position: absolute; top: -7px; right: -30px; background: none; background-color: var(--hinweis); color: var(--white); padding-top: 20px; padding-right: 30px; padding-left: 30px; padding-bottom: 5px; border-radius: 3px; font-weight: 100; display: inline-block; transform: rotate(45deg); box-shadow: 0 2px 10px -3px var(--black); z-index: 1000; } .presentedBox > .wrapper .orderableFalse {filter: opacity(0.3);transition: filter 0.1s ease-in-out;} .presentedBox > .wrapper .orderableFalse:hover {filter: opacity(1.0);} .presentedBox > .wrapper .orderableFalse::before {content: attr(data-noorderreason); position: absolute;left: 0;right: 0;padding: 12px 10px;background: url(/images/presentedBox-after.png) top right;font-size: clamp(0.8em, 2.5vw, 1.1em);line-height: 1.2;overflow: hidden;text-overflow: ellipsis;z-index: 2;align-self: anchor-center;margin-left: 10%;margin-right: 10%;text-align: center;} .presentedBox > .wrapper .item > a img.sizeKarten {width: 60%;height: auto;object-fit: contain;} .presentedBox > .wrapper .item > a img.sizeKarten:first-child {position: absolute;top: -13px;left: 20px;} .presentedBox > .wrapper .item > a img.sizeKarten:last-child {position: absolute;bottom: 43px;right: 22px;} .presentedBox > .wrapper .item > a img.sizePoster {width: 48%;height: auto;object-fit: contain;} .presentedBox > .wrapper .item > a img.sizePoster:first-child {position: absolute;top: 15px;left: 30px;z-index: 1;} .presentedBox > .wrapper .item > a img.sizePoster:last-child {position: absolute;bottom: 30px;right: 30px;} #main > .wrapper .newsBox { background-color: #F5F5F5;margin-top: 40px;} #main > .wrapper .newsBox > .wrapper {margin-left: 40px; margin-right: 40px;padding-top:30px;padding-bottom:30px;} #main > .wrapper .newsBox > .wrapper h2 {font-size:clamp(1.3em, 2.8vw, 1.7em); line-height:clamp(1.3em, 2.8vw, 1.7em); font-weight: normal; color: var(--viridian);} #main > .wrapper .newsBox > .wrapper .box {} #main > .wrapper .newsBox > .wrapper .box > .item {display: table-row;} #main > .wrapper .newsBox > .wrapper .box > .item > div {padding-right: 20px;padding-top: 10px;font-size:clamp(1.0em, 2.8vw, 1.2em); line-height:clamp(1.1em, 2.9vw, 1.3em);} #main > .wrapper .newsBox > .wrapper .box > .item div:first-child {display: table-cell;} #main > .wrapper .newsBox > .wrapper .box > .item div:last-child {display: table-cell;} #main > .wrapper .newsBox > .wrapper .box > .item div a {color:var(--viridian); text-decoration:none; } #main > .wrapper .newsBox > .wrapper .box > .item div a:hover {color:var(--jet); text-decoration:underline;} #main > .wrapper .newsBox > .wrapper > .more {margin-top: 30px;font-size: 1.0em;} #main > .wrapper .newsBox > .wrapper > .more a {color:var(--viridian); text-decoration:none;} #main > .wrapper .newsBox > .wrapper > .more a:hover {color:var(--jet); text-decoration:underline;} #main > .wrapper .newsBox > .wrapper > .PushApp {margin-top: 25px;font-size: clamp(1.0em, 2.8vw, 1.2em);line-height: clamp(1.0em, 2.8vw, 1.2em); display: table;} #main > .wrapper .newsBox > .wrapper > .PushApp > p {float: left;display: block;margin-bottom: 16px;margin-top: 4px;} #main > .wrapper .newsBox > .wrapper > .PushApp > p > i {color: var(--viridian);} #main > .wrapper .newsBox > .wrapper > .PushApp > p > font {margin-left: 10px; margin-right: 15px;} #main > .wrapper .newsBox > .wrapper > .PushApp > .PushAppButtons {display: inline-block;} #main > .wrapper .newsBox > .wrapper > .PushApp > .PushAppButtons a {display: inline-block;-ms-touch-action: manipulation;touch-action: manipulation;padding: 6px 16px 6px 12px;font-size: 16px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0;text-decoration: none;margin-top: -7px;} #main > .wrapper .newsBox > .wrapper > .PushApp > .PushAppButtons a:hover {} #main > .wrapper .newsBox > .wrapper > .PushApp > .PushAppButtons a#button {background-color: var(--viridian);border-color: var(--viridian);color: #ffffff;} #main > .wrapper .newsBox > .wrapper > .PushApp > .PushAppButtons a#button:hover {background-color: var(--jet);border-color: var(--jet);} #main > .wrapper .newsBox > .wrapper > .PushApp > .PushAppButtons a#cancel {background-color: var(--background-color-menu);border-color: var(--background-color-menu);color: var(--jet);} #main > .wrapper .newsBox > .wrapper > .PushApp > .PushAppButtons a#cancel:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} #main > .wrapper .wrapper a.button {display: inline-block;-ms-touch-action: manipulation;touch-action: manipulation;padding: 8px 16px 6px 16px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0;text-decoration: none !important;margin-top: -7px;background-color: var(--viridian) !important;border-color: var(--viridian) !important;color: #ffffff !important; } #main > .wrapper .wrapper a.button:hover {background-color: var(--jet) !important;border-color: var(--jet) !important;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item > div {padding-top: 20px;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item > div p.datum {margin-bottom: 2px;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item > div p.ausgabe {font-size: 0.8em;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item > div p.link {margin-bottom: 6px;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item > div p.txt {} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div {padding-top: 20px;} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div p.datum {margin-bottom: 2px;} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div p.ausgabe {font-size: 0.8em;} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div p.link {margin-bottom: 6px;} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div p.txt {font-size: 0.8em;margin-top: -10px;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div:first-child {display: table-cell;width: 200px;padding-top: 20px;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div:last-child {display: table-cell;padding-top: 20px;padding-right: 20px;font-size: clamp(1.0em, 2.8vw, 1.2em);line-height: clamp(1.1em, 2.9vw, 1.3em);vertical-align: top;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div {} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div p.image {} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div p.image img {display: block;width: 100%;-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7));filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7));height: auto;object-fit: contain;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div p.datum {font-size: 0.8em;margin-top: 15px;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div p.link {margin-bottom: 10px;margin-top: 5px;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div p.link a {color: var(--viridian);text-decoration: none;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div p.link a:hover {color: var(--jet); text-decoration:underline;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div p.txt {} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div p.download {margin-top: 25px;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item > div {padding-top: 20px;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item > div p.datum {margin-bottom: 2px;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item > div p.ausgabe {font-size: 0.8em;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item > div p.link {margin-bottom: 6px;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item > div p.txt {margin-bottom: 10px;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item > div p.small {font-size: 0.8em;margin-top: 5px;} /*Startseite*/ /*Kundenkonto*/ #main > .wrapper .kundenkonto {display: table;margin-left: auto;margin-right: auto;} #main > .wrapper .kundenkonto > .anmelden {display: table-cell;width: 400px;border-right: 1px solid var(--jet);padding-right: 30px;} #main > .wrapper .kundenkonto > .registrieren {display: table-cell;width: 400px;padding-left: 30px;} #main > .wrapper .kundenkonto > div > div {margin-top: 20px;} #main > .wrapper .kundenkonto > div > div > .formular {margin-left: 0% !important;margin-right: 0% !important;} /*Kundenkonto*/ /*schriftlesung*/ #main > .wrapper .schriftlesungListe {margin-left: 30px;margin-right: 30px;margin-top: -30px;margin-bottom: 60px;} #main > .wrapper .schriftlesungListe ul {list-style: none;margin: 0px;padding: 0px;} #main > .wrapper .schriftlesungListe ul > li {font-size: 20px; border-bottom: 1px dotted; padding-left: 15px; /* background-color: #fcfcfc;*/} #main > .wrapper .schriftlesungListe ul > li:hover {background-color:var(--antiflashwhite);} #main > .wrapper .schriftlesungListe ul > li:first-child {border-top-left-radius: 10px;border-top-right-radius: 10px;} #main > .wrapper .schriftlesungListe ul > li:last-child {border-bottom: 0px dotted;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} #main > .wrapper .schriftlesungListe ul > li > a {display: table;color: var(--jet);text-decoration: none;border-collapse: separate;border-spacing: 10px;width: -webkit-fill-available;} #main > .wrapper .schriftlesungListe ul > li > a:hover {color: var(--viridian);} #main > .wrapper .schriftlesungArticle {margin-top: -30px;} #main > .wrapper .schriftlesungArticle ul {list-style: none;} #main > .wrapper .schriftlesungArticle ul > li {border-bottom: 1px dotted;padding-bottom: 15px;padding-left: 20px;padding-right: 20px;} #main > .wrapper .schriftlesungArticle ul > li:last-child {border-bottom: 0px dotted;padding-bottom: 0px;} #main > .wrapper .schriftlesungArticle ul > li h2 {margin-top: 20px;display: block;} #main > .wrapper .schriftlesungArticle ul > li p {} #main > .wrapper .schriftlesungArticle ul > li p.auswahl {text-align: right;} #main > .wrapper .schriftlesungArticle ul > li p.auswahl a {border-radius: 8px;background: var(--background-color-header);line-height: 40px;text-decoration: none;padding-left: 10px;padding-right: 10px;color: var(--jet);font-size: 22px;font-weight: 100;height: 40px;display: inline-block;} #main > .wrapper .schriftlesungArticle ul > li p.auswahl a:hover {color: var(--white);background: var(--jet);} #main > .wrapper .schriftlesungArticle ul > li .datumblock {background-color: var(--antiflashwhite);max-width: fit-content;border-radius: 8px;float: right;margin-top: -55px;margin-left: 20px;margin-bottom: 10px;} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper {display: table-row;} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper:first-child {} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper:last-child {} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper > .bezeichnung {display: table-cell;padding-left: 15px;} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper > .datum {padding-left: 15px;padding-right: 15px;color: var(--viridian);display: table-cell;} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper> .bezeichnung, #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper > .datum {padding-bottom: 4px;} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper:first-child > .bezeichnung, #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper:first-child > .datum {padding-top: 10px;} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper:last-child > .bezeichnung, #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper:last-child > .datum {padding-bottom: 10px;} #main.MobileMain > .wrapper .schriftlesungListe {margin-left: 0px;margin-right: 0px;} #main.MobileMain > .wrapper .schriftlesungArticle ul > li {padding-left: 10px;padding-right: 10px;} #main.MobileMain > .wrapper .schriftlesungArticle ul > li .datumblock {margin-top: 13px;margin-bottom: 13px;} /*schriftlesung*/ /*Konto*/ #main > .wrapper .kontobox {margin-top: 20px;} #main > .wrapper .kontobox > .kontoDiv {} #main > .wrapper .kontobox > .kontoDiv > .kontoTbl {} #main > .wrapper .kontobox > .kontoDiv > .kontoTbl > .kontoTr {position: relative;display: flex;align-items: flex-start;} #main > .wrapper .kontobox .kontoL {flex: auto;margin-right: 35px;} #main > .wrapper .kontobox .kontoL .formular {margin-left: 0% !important;margin-right: 0% !important;} #main > .wrapper .kontobox .kontoL > .adressdaten {} #main > .wrapper .kontobox .kontoL > .adressdaten .item {border: 1px solid var(--background-color-header);border-radius: 10px;margin-bottom: 20px;} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper {} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .adresse {} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .adresse > .links {float: left;width: 50%;} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .adresse .topic {padding: 8px 15px 8px 15px;background-color: var(--background-color-header);color: var(--jet);font-size: 1.3rem;} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .adresse .txt {padding: 15px 15px 15px 15px;} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .btnDiv {padding: 0px 15px 10px 15px;clear: both;} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .btnDiv > a.btn { background-color: var(--viridian); color: var(--white); text-decoration: none;padding: 5px 15px 5px 15px;margin-left: 0px;margin-right: 15px;border-radius: 5px;display: inline-block;margin-bottom: 0px;} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .btnDiv > a.btn:hover {background-color: var(--jet); } #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .btnDiv > a.del {background-color: var(--antiflashwhite); color: var(--jet);} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .btnDiv > a.del:hover {background-color: var(--jet); color: var(--white);} #main > .wrapper .kontobox .kontoL > .bestellungen {} #main > .wrapper .kontobox .kontoL > .bestellungen .item {border: 1px solid var(--background-color-header);border-radius: 10px;margin-bottom: 20px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .datum {padding: 8px 15px 8px 15px;background-color: var(--background-color-header);color: var(--jet);font-size: 1.3rem;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel {padding:15px 15px 15px 15px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul {list-style: decimal;margin-left: 20px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li {margin-top: 15px;border-top: 1px dotted var(--background-color-menu);padding-top: 15px;padding-right: 15px;font-size: 1.0rem;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li:first-child {margin-top: 0px;border-top: 0px solid var(--background-color-menu);padding-top: 0px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li:last-child {} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.normal {color: var(--background-color-menu)} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.normal > div {color: var(--jet);} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.vergriffen {color: var(--background-color-menu);} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.vergriffen > div {color: var(--background-color-menu);font-size: 0.9rem;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.NichtImSortiment {} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.NichtImSortiment > div.no_order_reason {font-size: 1.0rem;padding-bottom: 3px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div {display: block;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div.no_order_reason {font-size: 0.9rem;line-height: 0.9rem;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div.no_order_reason > span {margin-right: 7px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div.title {font-size: 1.0rem;padding-bottom: 3px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div.title > span {margin-right: 7px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div.artikelnr {font-size: 0.9rem;line-height: 0.9rem;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div.artikelnr > span {margin-right: 7px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div.anzahl {font-size: 0.9rem;line-height: 0.9rem;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li > div.anzahl > span {margin-right: 7px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.btn {border-top: 0px solid;padding-top: 0px;list-style: none;margin-bottom: -10px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.btn_no_order_reason {} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.btn a {background-color: var(--antiflashwhite); color: var(--jet); text-decoration: none;padding: 5px 15px 5px 15px;margin-left: 0px;margin-right: 15px;border-radius: 5px;display: inline-block;margin-bottom: 10px;} #main > .wrapper .kontobox .kontoL > .bestellungen .item > .artikel > ul > li.btn a:hover {background-color: var(--jet); color:var(--white);} #main > .wrapper .kontobox .kontoL > .sepalastschrift {} #main > .wrapper .kontobox .kontoL > .sepalastschrift > div {margin-bottom: 5px;} #main > .wrapper .kontobox .kontoL .btnDiv {margin-top: 15px;} #main > .wrapper .kontobox .kontoL .btnDiv > a.btn {background-color: var(--viridian);color: var(--white);text-decoration: none;padding: 5px 15px 5px 15px;margin-left: 0px;margin-right: 15px;border-radius: 5px;display: inline-block;margin-bottom: 0px;} #main > .wrapper .kontobox .kontoL .btnDiv > a.btn:hover {background-color: var(--jet); } #main > .wrapper .kontobox .kontoL .btnDiv > a.del {background-color: var(--antiflashwhite); color: var(--jet);} #main > .wrapper .kontobox .kontoL .btnDiv > a.del:hover {background-color: var(--jet); color: var(--white);} #main > .wrapper .kontobox .kontoR {} #main > .wrapper .kontobox .kontoR {flex: none;position: sticky;width: 370px;padding: 12px;border-radius: 10px;background: var(--background-color-header);top: 20px;} #main > .wrapper .kontobox .kontoR > .wrapper {} #main > .wrapper .kontobox .kontoR > .wrapper ul {list-style: none;padding: 0px;} #main > .wrapper .kontobox .kontoR > .wrapper ul > li {margin-bottom: 3px;margin-top: 8px;} #main > .wrapper .kontobox .kontoR > .wrapper ul > li:first-child {margin-top: 3px;} #main > .wrapper .kontobox .kontoR > .wrapper ul > li > a {display: block;border-radius: 5px;padding: 6px 10px 6px 10px;text-decoration: none;color: var(--jet);font-size: 1.3rem;} #main > .wrapper .kontobox .kontoR > .wrapper ul > li > a:hover {background-color: var(--white);color: var(--viridian);} #main > .wrapper .kontobox .kontoR > .wrapper ul > li > a.aktiv {background-color: var(--background-color-menu-mouseover);} #main > .wrapper .kontobox .kontoR > .wrapper ul > li > a.aktiv:hover {background-color: var(--white);} #main > .wrapper .kontobox .kontoR > .wrapper ul > li > a i {margin-right:10px;font-size: 1.5rem;} #main > .wrapper .kontobox > .kontoUI {} /*Konto*/ /*warenkorb*/ #main > .wrapper .warenkorbbox {margin-top: -20px;} #main > .wrapper .warenkorbbox > .hinweis {background-color: var(--hinweis); color: var(--white);margin-bottom: 20px;padding: 10px 15px 10px 15px;border-radius: 10px;} #main > .wrapper .warenkorbbox > .WarenkorbLeer {} #main > .wrapper .warenkorbbox > .WarenkorbDiv {} #main > .wrapper .warenkorbbox > .WarenkorbDiv > .WarenkorbTbl {} #main > .wrapper .warenkorbbox > .WarenkorbDiv > .WarenkorbTbl > .WarenkorbTr {position: relative;display: flex;align-items: flex-start;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht {flex: none;position: sticky;width: 370px;padding: 12px;border-radius: 10px;background: var(--background-color-header);top: 20px;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht > .wrapper {} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_topic {color: var(--viridian);font-size: 20px;margin-left: 10px;margin-right: 10px;margin-top: 3px;padding-bottom: 3px;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_topic > span {color: var(--background-color-body);box-sizing: border-box;text-align: right;float: right;font-size: 15px;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl {background-color: var(--white);border-radius: 10px;margin-top: 10px;padding: 15px 15px 15px 15px;font-size: 15px;display: table; width: 100%;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_line {} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_line > .wku_td {border-top: 1px solid var(--background-color-menu);padding-top: 5px;padding-bottom: 5px !important;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_line_b {} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_line_b > .wku_td {border-bottom: 1px solid var(--background-color-menu);padding-bottom: 5px;padding-bottom: 5px !important;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr {display: table-row;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td {display: table-cell;padding-bottom: 10px;vertical-align: top;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td:first-child {font-weight: 400;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td:last-child {font-weight: 300;text-align: right;width: 90px;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr:last-child {} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr:last-child > .wku_td {border-top: 1px solid var(--background-color-menu);padding-top: 5px;padding-bottom: 0px;font-weight:400;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr_lastone > .wku_td {border-top: 0px solid var(--background-color-menu) !important;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td span {display:inline-block;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td span.small {display: block;font-size: 13px;color: var(--background-color-menu);} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_btn {margin-top: -10px;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td .specialDiscount {color: #4E8162;margin-top: 12px;margin-bottom: -12px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel {flex: auto;margin-right: 35px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel > .wrapper {border: 1px solid var(--background-color-header);border-radius: 10px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel > .wrapper > .item {margin: 10px;border-top: 1px solid var(--background-color-header);padding-top: 10px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel > .wrapper > .item:first-child {border-top: 0px solid var(--background-color-header);padding-top: 0px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel > .wrapper > .item > .wrapper {} #main > .wrapper .warenkorbbox .WarenkorbArtikel .image {display: table-cell;vertical-align: top;width: 140px;text-align: center;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .image > a {display: inline-block;margin-left: auto;margin-right: auto;margin-top: 10px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .image img {height: auto;object-fit: contain;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .itemWrapperFallback > .wrapper > .image img {display: none;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details {display: table-cell;padding-bottom: 20px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .title {margin-top:10px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .title a {font-size: clamp(1.1em, 2.2vw, 1.5em) !important;line-height: clamp(0.9em, 2.2vw, 1.3em) !important;margin-bottom: 5px !important;font-weight: normal;color: var(--viridian);display: inline-block;text-decoration: none;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .title a:hover {color: var(--black);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .NewFalse {} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .NewTrue {} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .NewTrue::before {content: "NEU";background-color: var(--hinweis);color: var(--white);font-weight: 100;display: inline-block;font-size: 13px;margin: 0px;line-height: normal;margin-right: 10px;padding: 4px 10px 3px 10px;margin-bottom: 1px;vertical-align: middle;border-radius: 12px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .version {margin-top: 8px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .version > p {margin-bottom: 0px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .preisDiv {margin-top: 10px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .preisDiv > .preis {font-size: clamp(0.9em, 2.2vw, 1.3em) !important;line-height: clamp(0.7em, 2.2vw, 1.1em) !important;font-weight: normal;color: var(--viridian);margin-bottom: 5px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .preisDiv > .preisinfo {font-size: 16px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv {margin-top: 15px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderAnzahl {float: left;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderAnzahl label {display: none;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderAnzahl input {height: 45px;width: 65px;text-align: center;padding-left: 12px;border-radius: 8px;border: solid 1px var(--background-color-menu);color: var(--jet);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderWarenkorb {float: left;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderWarenkorb > a {height: 45px;padding: 10px 15px 0px 15px;font-size: 17px;margin-top: 0px;margin-left: 15px;display: inline-block;width: auto;background-color: var(--background-color-menu);border-color: var(--background-color-menu);color: var(--jet);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderWarenkorb > a:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderLoeschen {float: left;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderLoeschen > a {width: auto;display: inline-block;margin-top: 0px;padding: 10px 15px 0px 15px;height: 45px;margin-left: 15px;margin-top: 0px;font-size: 17px;background-color: var(--background-color-menu);border-color: var(--background-color-menu);color: var(--jet);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderLoeschen > a:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .NoOrderReasonDiv {margin-top: 12px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .NoOrderReasonDiv > .NoOrderReason {padding-top: 5px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .NoOrderReasonDiv > .orderloeschen {} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .NoOrderReasonDiv > .orderloeschen > a {width: auto;display: inline-block;margin-top: 20px;padding: 10px 15px 0px 15px;height: 45px;font-size: 17px;background-color: var(--background-color-menu);border-color: var(--background-color-menu);color: var(--jet);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .NoOrderReasonDiv > .orderloeschen > a:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderUpdate {float: left; opacity: 0;max-height: 0;overflow: hidden;transition: opacity 0.5s ease, max-height 0.5s ease;pointer-events: none;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderUpdate > a {height: 45px;padding: 10px 15px 0px 15px;font-size: 17px;margin-top: 0px;margin-left: 15px;display: inline-block;width: auto;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderUpdate > a:hover {} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderUpdateRefresh {float: left;opacity: 1;max-height: 200px;pointer-events: none;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderUpdateRefresh > a {height: 45px;padding: 10px 15px 0px 15px;font-size: 17px;margin-top: 0px;margin-left: 15px;display: inline-block;width: auto;background-color: var(--white);border-color: var(--white);color: var(--black);} #main > .wrapper .warenkorbbox .WarenkorbArtikel .details > .orderDiv > .orderUpdateRefresh > a:hover {} #main > .wrapper .warenkorbbox .Bestellbestaetigung > .wrapper { border: 0px solid var(--background-color-header);border-radius: 0px;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenTxt {vertical-align: top;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenAnzeige {vertical-align: top;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_Gesamtkosten {vertical-align: top;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenTxt span {float:left;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenTxt div {float:left;background-color: var(--white);padding: 1px 5px 0px 5px;font-size: 10px;border: 1px solid var(--background-color-header); cursor:pointer;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenTxt div:hover {background-color: var(--background-color-header);} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenTxt div.aktiv {background-color: var(--viridian);color: var(--white);} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenTxt div.VKDE {margin-left: 10px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenTxt div.VKCH {border-top-right-radius: 5px;border-bottom-right-radius: 5px;padding-right: 6px;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_VersandkostenAnzeige span {display:none;} #main > .wrapper .warenkorbbox .WarenkorbUebersicht .wku_tbl > .wku_tr > .wku_td_Gesamtkosten span {display:none;} #main > .wrapper .warenkorbbox .anmelden {max-width: 1170px;margin-left: auto;margin-right: auto;} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel {margin-left: auto;margin-right: auto;padding-left: 40px;padding-right: 40px;} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel h1 {margin-top: 0px;margin-bottom: 20px;} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel > #Content_LoginPanel {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel .formular {margin-left: 0%;margin-right: 0%;} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .selectadress, .formular > .selectadress {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .selectadress .custom-input, #main > .wrapper .dauerauftrag_formular .custom-input-selected, .formular > .selectadress .custom-input {margin-bottom: 0px;border: 1px solid var(--white);border-top: 1px solid var(--background-color-menu); padding-bottom: 10px;} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .selectadress .custom-input:hover, #main > .wrapper .dauerauftrag_formular .custom-input-selected:hover, .formular > .selectadress .custom-input:hover {background-color: var(--background-color-header); } #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .selectadress .custom-input:first-child, #main > .wrapper .dauerauftrag_formular .custom-input-selected:first-child, .formular > .selectadress .custom-input:first-child {border-top:1px solid var(--white) !important;} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .selectadress .custom-input > label, #main > .wrapper .dauerauftrag_formular .custom-input-selected > label, .formular > .selectadress .custom-input label {display: inline-flex;width: 90%;padding-top: 10px;cursor: pointer; } #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .selectadress .formular > p {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .selectadress .formular > p .ui-button {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .selectadress .custom-input:has(input[type="radio"]:checked), #main > .wrapper .dauerauftrag_formular .custom-input-selected:has(input[type="radio"]:checked), .formular > .selectadress .custom-input:has(input[type="radio"]:checked) { border: 1px solid var(--viridian) !important; /* Beispiel für den grünen Rand */ background-color: #DFECE4 !important; /* Beispiel für den grünen Hintergrund */ } .testbestellung { margin-top: 30px;} .testbestellung > .custom-input {padding-top: 15px;} .testbestellung > .custom-input span {padding-left: 14px;font-weight: 400;} .testbestellung > .custom-input > table {width: 100%;} .testbestellung > .custom-input > table input {} #main > .wrapper .dauerauftrag_formular {} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list {} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item {display: inline-flex; border-bottom: 1px solid var(--background-color-menu) !important;width: 100%;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item:last-child {border-bottom: 0px solid var(--background-color-menu) !important;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .image {width: 100px;padding-top: 10px;padding-bottom: 10px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item:first-child > .image {padding-top: 0px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .image img {} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .anzahl {width: 65px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .anzahl > input {height: 45px;width: 65px;text-align: center;padding-left: 12px;border-radius: 8px;border: solid 1px var(--background-color-menu);color: var(--jet);margin-top: 10px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item:first-child > .anzahl > input {margin-top: 0px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text {width: inherit;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > .categorie {} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > h2 {margin-top: 10px;font-size: 20px;line-height: 22px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > h2.NewFalse {} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > h2.NewTrue {} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > h2.NewTrue::before {content: "NEU";background-color: var(--hinweis);color: var(--white);font-weight: 100;display: inline-block;font-size: 13px;margin: 0px;line-height: normal;margin-right: 10px;padding: 4px 10px 3px 10px;margin-bottom: 1px;vertical-align: middle;border-radius: 12px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > .version {margin-top: 3px;font-size: 14px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > .version > p {margin-bottom: 0px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > .preisDiv {margin-top: 10px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > .preisDiv > .preis {font-size: clamp(0.9em, 2.2vw, 1.3em) !important;line-height: clamp(0.7em, 2.2vw, 1.1em) !important;font-weight: normal;color: var(--viridian);margin-bottom: 5px;} #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .text > .preisDiv > .preisinfo {font-size: 16px;} html.ios #main > .wrapper .dauerauftrag_formular .dauerauftrag_list > .item > .anzahl > input {font-size: 16px;padding-left: 12px;} html.ios .custom-input input, html.ios .form-control, html.ios .custom-input select {font-size: 16px !important;} #main > .wrapper .warenkorbbox > .bestelluebersichtui {} #main > .wrapper .warenkorbbox > .bestelluebersichtui .changeadress {margin-bottom: 25px;} #main > .wrapper .warenkorbbox > .bestelluebersichtui .DHLco2 {float: right;margin-left: 20px;margin-bottom: 20px;} #main > .wrapper .warenkorbbox > .bestelluebersichtui .custom-input {} #main > .wrapper .warenkorbbox > .bestelluebersichtui .custom-input > div {margin-bottom:5px;} #main > .wrapper .warenkorbbox > .bestelluebersichtui .jetztkaufen {text-align: center;} #main > .wrapper .warenkorbbox > .bestelluebersichtui .jetztkaufen div {font-size: 30px;padding-top: 10px;padding-bottom: 10px;animation: rotateDiv 2s linear infinite;display: inline-block;} #main > .wrapper .warenkorbbox > .bestelluebersichtui .hinterlegterKontoinhaber {margin-top:5px;} #main > .wrapper .warenkorbbox > .bestelluebersichtui .hinterlegteIBAN {} #main > .wrapper .warenkorbbox > .bestelluebersichtui .hinterlegteMandatsreferenz {} .ArtikelNachladen {text-align: center;} .ArtikelNachladen div {font-size: 30px;padding-top: 10px;padding-bottom: 10px;animation: rotateDiv 2s linear infinite;display: inline-block;} @keyframes rotateDiv { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #main > .wrapper .warenkorbbox .anmelden .WarenkorbUebersicht {margin-top: 0px;} #main > .wrapper .warenkorbboxstartseitefix {margin-top: 50px;} .MobileMain > .wrapper .warenkorbboxstartseitefix {margin-top: 20px !important;} /*warenkorb*/ /*formular*/ #main .formular {margin-left: 20%;margin-right: 20%;} #main .formular .custom-input {} #main .formular .custom-input > span {} #main .formular .custom-input > span.hinweis {background-color: var(--hinweis);color: var(--white);padding: 5px 10px; display: block;border-radius: 8px;margin-top: 5px;} #main .formular .custom-input > p {padding-top: 15px;padding-bottom: 5px;} #main .formular .custom-input > .cf-turnstile {padding-top: 20px;} #main .formular #password-rules.custom-input {margin-bottom: 20px;margin-top: -10px;} #main .formular #password-rules.custom-input > p {} #main .formular #password-rules.custom-input > ul {list-style: none;margin-left: 10px;margin-top: 5px;} #main .formular #password-rules.custom-input > ul > li {padding-bottom: 5px;} #main .formular .custom-input > span.Content_anrede, #main .formular .custom-input > span#Content_anrede {margin-bottom: 15px;display: block;} #main .formular .custom-input > span.Content_anrede > label, #main .formular .custom-input > span#Content_anrede > label {margin-right: 20px;} #main .formular .FelderLieferanschrift .custom-input > span.hinweis {display: none !important;} #main .formular .custom-input-nolabel > span.label {display:none;} #main .formular .custom-input-small {float: left;width: 25%;} #main .formular .custom-input-medium {float: right;width: 65%;} #main .formular .custom-input-clear {clear: both;} #main .formular div.hinweis {background-color: var(--hinweis);color: var(--white);padding: 5px 10px; display: block;border-radius: 8px;} #main .formular .FelderLieferanschrift {} #main .formular .FelderLieferanschrift h2 {margin-top: 20px;} #Content_formfeedback {} #Content_formfeedback .FeedbackBox {background-color: var(--hinweis);color: var(--white);padding: 10px 10px; display: block;border-radius: 8px;} #Content_formfeedback .FeedbackBox span {} .custom-input input, .form-control, .custom-input select {display:block; width:100%; height:40px; padding:6px 12px; font-size:14px; line-height: 1.42857143; color:var(--jet); background-color: var(--antiflashwhite);background-image:none;border:1px solid var(--background-color-menu);border-radius:8px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;border: 1px solid var(--jet);box-sizing: border-box;margin-top: 5px;margin-bottom: 15px;} .custom-input input[readonly] {border: 0px;box-shadow: none;outline: none;padding-left: 0px; background-color: var(--white);} textarea.form-control { height:160px;resize: none;} .custom-input span.label { cursor: text; color: var(--jet); transition: all .3s ease; } input[type="checkbox"] {display: inline-block;width: auto;height: auto;padding: unset;background-color: unset;box-shadow: unset;box-shadow: unset;-webkit-transition: unset;-o-transition: unset;transition: unset;box-sizing: border-box;margin-top: 5px;margin-bottom: 10px;} .custom-input > table tr > td {padding-bottom: 7px;padding-top: 5px;} .custom-input > table tr > td > label {margin-left:3px;margin-right: 20px;} input[type="checkbox"] {display: inline-block;width: auto;height: auto;padding: unset;background-color: unset;box-shadow: unset;box-shadow: unset;-webkit-transition: unset;-o-transition: unset;transition: unset;box-sizing: border-box;margin-top: 5px;margin-bottom: 10px;} input[type="radio"] {display: inline-block;width: auto;height: auto;padding: unset;background-color: unset;box-shadow: unset;box-shadow: unset;-webkit-transition: unset;-o-transition: unset;transition: unset;box-sizing: border-box;margin-top: 5px;margin-bottom: 10px;display: none;} input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before, input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before {content: ' '; display: inline-block; width: 19px; height: 19px; position: relative; top: 4px; border: 1px solid var(--jet); background: var(--antiflashwhite); margin-right: 10px;margin-left: 10px;border-radius: 30px;} input[type=radio]:checked + label::before { background-color: var(--viridian);} .custom-input > table tr > td {padding-bottom: 7px;padding-top: 5px;} .custom-input > table tr > td > label {margin-left:3px;margin-right: 20px;} .ui-button, .custom-btn button, .tdbLink:first-child a:first-child { display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 13px 50px 13px 50px; font-size: 19px; line-height: 1.42857143; border-radius: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0px 15px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; background-color: var(--jet); color: var(--antiflashwhite); border-color: var(--jet); text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); display: block;width: 100%;margin-left: auto;margin-right: auto;margin-top: 27px;} .ui-button:hover, .custom-btn button:hover, .tdbLink:first-child a:first-child:hover { background-position: 0 -15px; transition: background-position 0.1s linear; outline: 0; background-color: var(--jet); border-color: var(--jet);color: var(--white);} .ui-button, .custom-btn button, .tdbLink:first-child a:first-child { background-color: var(--viridian); border-color: var(--viridian); color: var(--white);} .ui-button:hover, .custom-btn button:hover, .tdbLink:first-child a:first-child:hover { background-color: var(--jet); border-color: var(--jet); color: var(--white);} .custom-btn-neutral .tdbLink:first-child a:first-child {background-color: var(--antiflashwhite) !important;border-color: var(--antiflashwhite) !important;color: var(--black) !important;padding: 5px !important;margin: 10px 0px 0px 0px !important;} .buttonAction .ui-button {margin-right: 0px !important;} .inhalt .checkout .ui-button {margin-top: 10px;} .ui-button-gast {color: var(--jet); background-color: var(--antiflashwhite); border: 1px solid var(--antiflashwhite);} .ui-button-gast:hover {} .ui-button-disabled, .ui-button-disabled:hover {color: var(--background-color-menu) !important;background-color: var(--antiflashwhite) !important;border: 1px solid var(--antiflashwhite) !important;cursor:no-drop !important;} .zahlungsartDiv {max-width: 85%;line-height: 23px;padding-top: 4px;} .zahlungsartDiv > .hinterlegteIBAN {margin-top: 10px;} .zahlungsartDiv > .neuesSepaForm {display:none;} .zahlungsartDiv > .neuesSepaForm > div.NeuerInhaber {display: flex;} .zahlungsartDiv > .neuesSepaForm > div.NeuerInhaber > label {margin-top: 24px;padding-right: 10px;width: 70px;} .zahlungsartDiv > .neuesSepaForm > div.NeuerInhaber > input {margin-top: 15px;} .zahlungsartDiv > .neuesSepaForm > div.NeueIBAN {display: flex;} .zahlungsartDiv > .neuesSepaForm > div.NeueIBAN > label {margin-top: 24px;padding-right: 10px;width: 70px;} .zahlungsartDiv > .neuesSepaForm > div.NeueIBAN > input {margin-top: 15px;} .zahlungsartDiv > .neuesSepaForm > div.NeueBIC {display: flex;} .zahlungsartDiv > .neuesSepaForm > div.NeueBIC > label {margin-top: 24px;padding-right: 10px;width: 70px;} .zahlungsartDiv > .neuesSepaForm > div.NeueBIC > input {margin-top: 15px;} .zahlungsartDiv > .neuesSepaForm > div.IBANBICFeedback {display: flex;} .zahlungsartDiv > .neuesSepaForm > div.IBANBICFeedback > .check {margin-top: 5px;margin-bottom: 5px;} .zahlungsartDiv > .neuesSepaForm > div.IBANBICFeedback > .check > i {} .zahlungsartDiv > .neuesSepaForm > div.IBANBICFeedback > .korrekt {margin-top: 5px;margin-bottom: 5px;} .zahlungsartDiv > .neuesSepaForm > div.IBANBICFeedback > .korrekt > i {color:#4E8162;} .zahlungsartDiv > .neuesSepaForm > div.IBANBICFeedback > .fehler {margin-top: 5px;margin-bottom: 5px;} .zahlungsartDiv > .neuesSepaForm > div.IBANBICFeedback > .fehler > i {color:#B83637;} input[type='time'] {border: 2px solid var(--background-color-menu);background-color:var(--white);padding: 5px 10px 5px 10px;border-radius: 14px;font-weight: 400;font-size: 0.80em;max-width:75px; min-width: 60px; min-height: 20px;} input[type='time']:read-only {color: var(--background-color-menu);background-color: var(--white);} /*formular*/ /*fullpage*/ #main .fullpage {margin-left: auto;margin-right: auto;max-width: 1140px;font-weight: 100;} #main .fullpage > div {margin-left: 50px;margin-right: 50px;} #main .fullpage > div h1 {font-size: clamp(1.3em, 2.8vw, 1.7em);line-height: clamp(1.3em, 2.8vw, 1.7em);font-weight: normal;color: var(--viridian);margin-bottom: 15px; display:inline-block;} #main .fullpage > div h2 {font-size: clamp(1.1em, 2.6vw, 1.5em);line-height: clamp(1.1em, 2.6vw, 1.5em);font-weight: normal;color: var(--viridian);margin-top:35px; margin-bottom:10px; display:inline-block;} #main .fullpage > div h2:first-child {margin-top:35px;} #main .fullpage > div h3 {} #main .fullpage > div > p {margin-bottom: 15px;line-height: 1.3em;font-size: 1em;font-weight: 100;} #main .fullpage > div > ul {margin-bottom: 15px;margin-left: 30px;max-width: 580px;} #main .fullpage > div > ul > li {margin-bottom: 5px;line-height: 1.3em;font-size: 1em;} #main .fullpage > div > ul.datenschutz {max-width: 100%;list-style: upper-roman;font-weight: 400;margin-top:30px;margin-left: 20px !important;} #main .fullpage > div > ul.datenschutz > li {font-weight: 100;padding-top: 15px;} #main .fullpage > div > ul.datenschutz > li > p {} #main .fullpage > div > ul.datenschutz > li > p > strong {color: var(--viridian);} #main .fullpage > div > ul.datenschutz > li > ul {margin-left: 20px;list-style: decimal;} #main .fullpage > div > ul.datenschutz > li > ul.a {list-style: lower-alpha;} #main .fullpage > div > ul.datenschutz > li > ul.d {list-style: disc;} #main .fullpage > div > ul.datenschutz > li > ul.o {list-style:none;margin-left: 0px;} #main .fullpage > div > ul.datenschutz > li > ul > li {} #main .fullpage > div > ul.datenschutz > li > ul > li > strong {} #main .fullpage > div > ul.datenschutz > li > ul > li > p {} #main .fullpage > div > ul.datenschutz > li > ul > li > ul {margin-left:20px;margin-left: 25px;margin-bottom: 15px;} #main .fullpage > div > ul.datenschutz > li > ul > li > ul.a {list-style: lower-alpha;} #main .fullpage > div > ul.datenschutz > li > ul > li > ul.b {} #main .fullpage > div > ul.datenschutz > li > ul > li > ul > li {} #main .fullpage > div > ul.datenschutz > li > ul > li > ul.RAL {list-style: lower-latin;} #main .fullpage > div > ul.datenschutz > li > ul > li > ul.RAL > li {margin-top: 15px;} #main .fullpage > div > ul.datenschutz > li > ul > li > ul > li > ul {list-style: disc;margin-left: 30px;} #main .fullpage > div > ul.datenschutz > li > ul > li > ul > li > ul > li {} #main .fullpage > div > ul.kundeninformation > li {border-bottom: 1px solid var(--background-color-menu);padding-bottom: 15px;} #main .fullpage > div > ul.kundeninformation > li:last-child {border-bottom: 0px solid var(--background-color-menu);padding-bottom: 0px;} #main .fullpage > div h2.NewTrue::before, #main .fullpage > div h1.NewTrue::before {content: "NEU";background-color: var(--hinweis);color: var(--white);font-weight: 100;display: inline-block;font-size: 13px;margin: 0px;line-height: normal;margin-right: 10px;padding: 4px 10px 3px 10px;margin-bottom: 1px;vertical-align: middle;border-radius: 12px;} #main .fullpage > div h2.NewTrue {} #main .fullpage > .wrapper > #videos {margin-left: 18%;margin-right: 18%;background-color: var(--background-color-header);border: 1px solid var(--background-color-body);border-radius: 10px;padding: 15px;} #main .fullpage > .wrapper > #videos p {} #main .fullpage > .wrapper > #videos p:first-child {} #main .fullpage > .wrapper > #videos p:last-child {margin-bottom: 0px;margin-top: 15px;} #main .fullpage > .wrapper > #videos iframe {width: 100%;height: 100%;aspect-ratio: 16 / 9;} .MobileMain .fullpage > .wrapper > #videos {margin-left: 0% !important;margin-right: 0% !important;} #main .fullpage > .wrapper > #videos > a {color:var(--black);} /*fullpage*/ /*Kuratorium*/ #main .fullpagekuratorium {} #main .fullpagekuratorium > .wrapper {} .kuratorium {margin-top: -30px;} .kuratorium > .wrapper {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 90px;grid-row-gap: 40px;border-top-left-radius: 10px;border-top-right-radius: 10px;} .kuratorium > .wrapper > .item {} .kuratorium > .wrapper > .item > .image {} .kuratorium > .wrapper > .item > .image > img {display: block;width: 100%;max-width: fit-content;border-top-left-radius: 10px;border-top-right-radius: 10px;} .kuratorium > .wrapper > .item > .txt {padding-top: 20px;padding-left: 8px;padding-right: 8px;padding-bottom: 15px;background-color: #fcfcfc;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;max-width: 425px;} .kuratorium > .wrapper > .item > .txt > .name {font-weight: normal;color: var(--viridian);font-size: 25px;line-height: 26px;} .kuratorium > .wrapper > .item > .txt > .ort {color: #737373;margin-top: 5px;font-size: 17px;} .kuratorium > .wrapper > .item > .txt > .ort > i {margin-right: 5px;} .kuratorium > .wrapper > .item > .txt > .funktion {margin-top: 10px;font-size: 20px;line-height: normal;} .kuratorium > .wrapper > .item > .txt > .funktion span {display: block;font-style: italic;color: #737373;margin-top: 9px;font-size: 17px;} /*Kuratorium*/ /*Kaffee-Dauerauftrag*/ #main .dauerauftrag_formular {margin-top:-35px;} #main .dauerauftrag {} #main .dauerauftrag > .dauerauftrag_landauswahl {} #main .dauerauftrag > .dauerauftrag_anderes {padding-left:10px;padding-right:10px;padding-top:10px;} #main .dauerauftrag > .dauerauftrag_daten {} #main .dauerauftrag > .dauerauftrag_artikel {padding-left: 10px;padding-right: 10px;} #main .dauerauftrag .mengeSticky {position: sticky;top: 0px;background-color: var(--white);border-bottom: 1px solid var(--background-color-menu);padding-bottom: 18px;} #main .dauerauftrag .mengeSticky_bottom {border-bottom: 0px solid var(--background-color-menu);border-top: 1px solid var(--viridian);top: unset;bottom: 0px; padding-bottom: 15px;background-color: #DFECE4;} #main .dauerauftrag .mengeSticky_bottom:has(a.ui-button-disabled) {background-color: #fbfbfb !important;border-top: 1px solid var(--background-color-menu) !important;} #main .dauerauftrag .mengeSticky_bottom > .gesamtpreisDIV {padding-top: 10px;} #main .dauerauftrag .mengeSticky_bottom > .custom-btn {padding-bottom: 20px;padding-left: 35px;padding-right: 35px;} #main .dauerauftrag .mengenhinweis {padding-top: 20px;} #main .dauerauftrag .mengenhinweis > .bestellmenge {margin-right: 80px;max-width: 350px;margin-left: 10px;} #main .dauerauftrag .mengenhinweis > .bestellmenge > span {display: inline-block;} #main .dauerauftrag .mengenhinweis > .menge {float: right;text-decoration: none;font-style: italic;color: var(--viridian);font-weight: 400;margin-top: 8px;margin-right: 10px;} #main .dauerauftrag .gesamtpreisDIV {text-align: center;margin-top: 15px;margin-bottom: 15px;font-weight: 400;font-size: 1.1em;padding-top: 15px;} #main .dauerauftrag .gesamtpreisDIV > .gesamtpreis {} #main .dauerauftrag .rabattDIV {display:none;text-align: center;} #main .dauerauftrag .rabattDIV > p:first-child {font-weight: 100;text-align: center;margin-top: 15px;margin-bottom: 15px;font-size: 0.9rem;} #main .dauerauftrag .rabattDIV > p:last-child {margin-top: -5px;font-size: 1.0em;font-weight: 400;} #main .dauerauftrag .rabattDIV .rabattSPAN {font-weight: 400;} #main .dauerauftrag .kaffeehinweisDIV {margin-bottom: 25px;} #main .dauerauftrag .kaffeehinweisDIV > a {font-size: 0.9rem;} #main .dauerauftrag .kaffeehinweisDIV > blockquote {display:none;padding: 7px 15px 7px 15px; margin-top: 15px;border-left: 1px solid var(--viridian);font-size: 0.9rem;line-height: 1.2rem;background-color: var(--antiflashwhite); } #main .dauerauftrag .labelCheckbox {display: block;margin-bottom: 5px;} #main .dauerauftrag .rbMonatDropDowmn {display: inline-block;width: 45px;padding: 0px 3px;height: 25px;text-align: center;border-radius: 5px;margin-top: 8px;} /*Kaffee-Dauerauftrag*/ /*Content_kontaktformular*/ #Content_kontaktformular {margin-top: -30px;} #Content_erfolgreich {margin-top: -70px;} #Content_kontaktformular > .kontaktBox, #Content_erfolgreich > .kontaktBox {display: table;margin-left: auto;margin-right: auto;} #Content_kontaktformular > .kontaktBox > .item, #Content_erfolgreich > .kontaktBox > .item {display: table-cell;width: 50%;} #Content_kontaktformular > .kontaktBox > .item:first-child, #Content_erfolgreich > .kontaktBox > .item:first-child {} #Content_kontaktformular > .kontaktBox > .item:last-child, #Content_erfolgreich > .kontaktBox > .item:last-child {} #Content_kontaktformular > .kontaktBox > .item > .kontakt, #Content_erfolgreich > .kontaktBox > .item > .kontakt {display: table-row;} #Content_kontaktformular > .kontaktBox > .item > .kontakt > div, #Content_erfolgreich > .kontaktBox > .item > .kontakt > div {display: table-cell;} #Content_kontaktformular > .kontaktBox > .item > .kontakt > div > label, #Content_erfolgreich > .kontaktBox > .item > .kontakt > div > label {color: var(--viridian);font-weight: 400;} #Content_kontaktformular > .kontaktBox > .item > .kontakt > div:first-child, #Content_erfolgreich > .kontaktBox > .item > .kontakt > div:first-child {} #Content_kontaktformular > .kontaktBox > .item > .kontakt > div:last-child, #Content_erfolgreich > .kontaktBox > .item > .kontakt > div:last-child {padding-left: 15px;} #Content_kontaktformular > .kontaktBox > .item > .kontakt:first-child, #Content_erfolgreich > .kontaktBox > .item > .kontakt:first-child {} #Content_kontaktformular > .kontaktBox > .item > .kontakt:last-child , #Content_erfolgreich > .kontaktBox > .item > .kontakt:last-child {} /*Content_kontaktformular*/ /*Breadcrumb*/ .breadcrumb-container {width: 100%;overflow: hidden;position: relative;border: 0px solid var(--background-color-menu);display: flex;align-items: center;margin-top: -1px;} .fixed-links {flex-shrink: 0;display: flex; align-items: center; list-style: none; margin: 0;padding: 10px 0px 10px 0px; background: white; /* Make sure the background is not blurred */z-index: 2; box-shadow: 0 2px 6px -3px var(--background-color-menu);margin-bottom: 10px; margin-top: 1px; } html.ff .fixed-links {padding: 9px 0px 9px 0px;} .fixed-links li {} .fixed-links li > div {font-size: 20px;padding: 0px 30px 0px 30px;font-weight: normal;} .fixed-links li::before {content: ">";position: absolute;margin-left: -4px;background-color: #ffffff;height: 31px;display: block;top: 0px;padding-left: 0px;padding-top: 10px;border-bottom: 1px solid #EFEFEF;margin-top: 1px;} .fixed-links li:first-child::before {background-color: transparent;content: "";height: 0%;position: absolute;top: 0%;width: .00rem;} .fixed-links > li > a {text-decoration: none;font-size: 20px;color: var(--jet);text-decoration: none;padding: 8px 30px 10px 30px;border-top: 0px solid #E5E5E6;margin-left: 1px;font-weight: 100;} .fixed-links > li > a:hover {background-color: var(--viridian);color: var(--white);} .fixed-links li:last-child::after {} .fixed-links > li:first-child a {margin-left: 0px;} .breadcrumb-wrapper {display: flex;white-space: nowrap;overflow-x: scroll;scroll-behavior: smooth;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */flex-grow: 1;position: relative;box-shadow:inset 0 .5rem .5rem -.5rem rgba(37,52,67,.1);margin-top: -9px;margin-right: 0px;} .breadcrumb-wrapper::-webkit-scrollbar {display: none; /* Chrome, Safari, and Opera */} .breadcrumb {list-style: none;display: flex;padding: 10px;margin: 0;padding-top: 10px;padding-bottom: 10px;} .breadcrumb li {} .breadcrumb li > div {font-size: 16px;padding: 11px 15px 12px 15px;} .breadcrumb li:first-child a {} .breadcrumb a {text-decoration: none;color: var(--jet);font-size: 16px;padding: 11px 15px 12px 15px; font-weight: 100;} .breadcrumb li:first-child a {} .breadcrumb a:hover {background-color: var(--background-color-menu);} .MobileMain .breadcrumbLIempty1, .MobileMain .breadcrumbLIempty2, .MobileMain .breadcrumbLIempty3 {display:none;} .left-blur, .right-blur {position: absolute;top: 1px;bottom: 0;width: 50px;pointer-events: none;transition: opacity 0.3s;z-index: 1;} .left-blur {background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));} .right-blur {right: 0;background: linear-gradient(to left, rgba(255, 255, 255, 1),rgba(255, 255, 255, 1),rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));margin-right: 0px;width:190px;box-shadow:inset 0 .5rem .5rem -.5rem rgba(37,52,67,.1);} .arrow {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(255, 255, 255, 0.8);cursor: pointer;z-index: 3; /* Ensure arrows are on top */padding: 3px 11px 11px 11px;font-size: 18px;user-select: none;} .arrow-left {display: none; } .arrow-right {right: 1px;margin-top: 0px;margin-right: 109px;} .MobileMain .breadcrumb-wrapper {margin-right:0px;} .MobileMain .right-blur {margin-right: 0px;width: 68px;} .MobileMain .arrow-right {margin-right: 0px;} /* Hide arrows on touch devices */ @media (hover: none) and (pointer: coarse) { .arrow {display: none;} } /*Breadcrumb*/ /*Kategorie*/ .placeholder { width: 250px; height: 300px; background-color: #eaeaea; display: block; } /*Kategorie*/ /*Content*/ #main > .wrapper .Content {margin-left: 40px; margin-right: 40px;} #h {display:none;} .mainbox {margin-left: 50px;margin-right: 50px;font-weight: 100;} .NoEntryPage {margin-top:75px;} .mainbox h1 {font-size: clamp(1.3em, 2.8vw, 1.7em); line-height: clamp(1.3em, 2.8vw, 1.7em); font-weight: normal; color: var(--viridian);} .mainbox h2 {font-size: clamp(1.3em, 2.8vw, 1.7em); line-height: clamp(1.1em, 2.8vw, 1.7em); font-weight: normal; color: var(--viridian);} .mainboxzurzeit {} .mainboxzurzeit .zurzeitarchiv {float: right;background-color: var(--background-color-header);width: 180px;border-radius: 10px;margin-left: 20px;margin-bottom: 20px;margin-bottom: 60px;} .mainboxzurzeit .zurzeitarchiv ul {list-style: none;padding: 0px;margin: 10px 10px 10px 10px;} .mainboxzurzeit .zurzeitarchiv ul > li {margin-bottom: 3px;} .mainboxzurzeit .zurzeitarchiv ul > li:last-child {margin-bottom: 0px;} .mainboxzurzeit .zurzeitarchiv ul > li a {display: block;border-radius: 5px;padding: 3px 10px 3px 10px;text-decoration: none;color: var(--jet);font-weight: 400;} .mainboxzurzeit .zurzeitarchiv ul > li a:hover {background-color: var(--white); color: var(--viridian);} .mainboxzurzeit .zurzeitliste {margin-left: 0px;margin-top: 10px;margin-right: 200px;margin-bottom: 60px;} .mainboxzurzeit .zurzeitliste ul {list-style: none;margin: 0px;padding: 0px;} .mainboxzurzeit .zurzeitliste ul > li {font-size: 20px;border-bottom: 1px dotted;padding-left: 15px;/*background-color: #fcfcfc;*/} .mainboxzurzeit .zurzeitliste ul > li:first-child {border-top-left-radius: 10px; border-top-right-radius: 10px;} .mainboxzurzeit .zurzeitliste ul > li:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .mainboxzurzeit .zurzeitliste ul > li:hover {background-color:var(--antiflashwhite);} .mainboxzurzeit .zurzeitliste ul > li:last-child {border-bottom: 0px dotted;} .mainboxzurzeit .zurzeitliste ul > li a {display: table;color: var(--jet);text-decoration: none;border-collapse: separate;border-spacing: 10px;width: -webkit-fill-available;} .mainboxzurzeit .zurzeitliste ul > li a:hover { color: var(--viridian);} .mainboxzurzeit .zurzeitliste ul > li a > span:first-child {display: table-cell;width:120px;} .mainboxzurzeit .zurzeitliste ul > li a > span:last-child {display: table-cell;font-weight: 400;} .mainboxzurzeit .zurzeitarticle {} .mainboxzurzeit .zurzeitarticle a {font-size: 100% !important;color: var(--viridian); } .mainboxzurzeit .zurzeitarticle a:hover {color: var(--black);} .mainboxzurzeit .zurzeitarticle h1 > a, .mainboxzurzeit .zurzeitarticle h2 > a {text-decoration:none; } .mainboxzurzeit .zurzeitarticle h1 > a:hover, .mainboxzurzeit .zurzeitarticle h2 > a:hover {text-decoration:underline; } .mainboxzurzeit .zurzeitarticle .article {margin-left: 24px;margin-right: 24px;} .mainboxzurzeit .zurzeitarticle .article > .datum {font-size: 0.8em; margin-bottom: 15px;margin-top: 10px;} .mainboxzurzeit .zurzeitarticle .article > h1, .mainboxzurzeit .zurzeitarticle .article > h2 {margin-top:0px;} .mainboxzurzeit .zurzeitarticle .article > hr {border-top: 1px dotted var(--background-color-menu-mouseover);} .mainboxzurzeit .zurzeitarticle .article > p {line-height: 1.3em;margin-bottom: 15px;} .mainboxzurzeit .zurzeitarticle .article > div {line-height: 1.3em;margin-bottom: 15px;} .mainboxzurzeit .zurzeitarticle .article .Links {float:left; margin-right:15px; margin-bottom: 15px; max-width: 210px;} .mainboxzurzeit .zurzeitarticle .article .LinksMitLink {} .mainboxzurzeit .zurzeitarticle .article .LinksMitLink > img {float:left; margin-right:15px; margin-bottom: 15px; max-width: 210px;display: block;width: 100%;height: auto;object-fit: contain;} .mainboxzurzeit .zurzeitarticle .article .LinksMitText {padding-bottom:10px; margin-bottom:10px; width: 300px; float: left;} .mainboxzurzeit .zurzeitarticle .article .LinksMitText > .DivImage > img {border:1px solid #666; max-width: 280px;display: block;width: 100%;height: auto;object-fit: contain;} .mainboxzurzeit .zurzeitarticle .article .LinksMitTextMitLink {padding-bottom:10px; margin-bottom:10px; width: 300px; float: left;} .mainboxzurzeit .zurzeitarticle .article .LinksMitTextMitLink > .DivImage > a > img {border:1px solid #666; max-width: 280px;display: block;width: 100%;height: auto;object-fit: contain;} .mainboxzurzeit .zurzeitarticle .article .Mitte {} .mainboxzurzeit .zurzeitarticle .article .Mitte > img {border:1px solid #666; max-width: 800px;display: block;width: 100%;margin-left: auto;margin-right: auto;height: auto;object-fit: contain;} .mainboxzurzeit .zurzeitarticle .article .MitteMitLink {text-align: center;} .mainboxzurzeit .zurzeitarticle .article .MitteMitLink > a {} .mainboxzurzeit .zurzeitarticle .article .MitteMitLink > a > img {border:1px solid #666; max-width: 800px;display: inline-block;width: 100%;margin-left: auto;margin-right: auto;height: auto;object-fit: contain;} .mainboxzurzeit .zurzeitarticle .article .Rechts {float:right; margin-left:15px; margin-bottom: 15px; max-width: 210px;} .mainboxzurzeit .zurzeitarticle .article .RechtsMitLink {} .mainboxzurzeit .zurzeitarticle .article .RechtsMitLink > img {float:right; margin-left:15px; margin-bottom: 15px; max-width: 210px;display: block;width: 100%;height: auto;object-fit: contain;} .mainboxzurzeit .zurzeitarticle .article .RechtsMitText {padding-left:20px; padding-bottom:10px; margin-bottom:10px; width:280px; float: right;} .mainboxzurzeit .zurzeitarticle .article .RechtsMitText > .DivImage img {border:1px solid #666; max-width: 280px;display: block;width: 100%;height: auto;object-fit: contain;} .mainboxzurzeit .zurzeitarticle .article .RechtsMitTextMitLink {padding-left:20px; padding-bottom:10px; margin-bottom:10px; width:280px; float: right;} .mainboxzurzeit .zurzeitarticle .article .RechtsMitTextMitLink > .DivImage img {border:1px solid #666; max-width: 280px;display: block;width: 100%;height: auto;object-fit: contain;} .mainboxzurzeit .zurzeitarticle .article .DivImage {} .mainboxzurzeit .zurzeitarticle .article .subtext {padding-top:5px; font-size:14px;padding-right: 20px;max-width: 280px;} .mainboxzurzeit .zurzeitarticle .article .MitteMitLink > .subtext {padding-top:5px; font-size:14px; padding-right: initial;max-width: 800px;margin-left: auto;margin-right: auto;} .mainboxzurzeit .zurzeitarticle .article .Mitte > .subtext {padding-top:5px; font-size:14px; padding-right: initial;max-width: 800px;margin-left: auto;margin-right: auto;} .mainboxzurzeit .zurzeitarticle .footer { border-bottom: 1px dotted;margin-bottom: 18px;padding-bottom: 15px;font-size: 0.7em;padding-top: 0px !important;} .mainboxzurzeit .zurzeitarticle .footer > div {margin-left:0px; margin-right:0px;} .mainboxzurzeit .zurzeitarticle article:last-child .footer {border-bottom: 0px dotted;} .mainboxzurzeitdirektlink {margin-top: 50px;} .mainboxzurzeitdirektlink .mehr {margin-left:24px; margin-right:24px;margin-top: 40px;} .mainboxpressemitteilungen {} .mainboxpressemitteilungen h1 {} .mainboxpressemitteilungen .item {display: table-row;} .mainboxpressemitteilungen .item > div a {font-weight: 400;} .mainboxpressemitteilungen .item > div {padding-top: 40px;padding-right: 20px;font-size: clamp(0.8em, 2.8vw, 1.0em);line-height: clamp(0.9em, 2.9vw, 1.1em);} .mainboxpressemitteilungen .item > div:first-child {display: table-cell;} .mainboxpressemitteilungen .item:first-child > div {padding-top: 20px;} .mainboxpressemitteilungen .item > div:first-child > .datum {font-size: 0.8em;margin-bottom: 2px;} .mainboxpressemitteilungen .item > div:first-child > .ausgabe {font-size: 0.8em;} .mainboxpressemitteilungen .item > div:last-child {display: table-cell;} .mainboxpressemitteilungen .item > div:last-child > .link {margin-bottom: 6px;font-size: clamp(1.0em, 2.8vw, 1.2em);line-height: clamp(1.1em, 2.9vw, 1.3em);} .mainboxpressemitteilungen .item > div:last-child > .link > a {color: var(--viridian);text-decoration: none;} .mainboxpressemitteilungen .item > div:last-child > .link > a:hover {color: var(--jet);text-decoration: underline;} .mainboxpressemitteilungen .item > div:last-child > .txt {} .mainboxpressemitteilungen > .pressemitteilungenarchiv {float: right;background-color: var(--background-color-header);width: 180px;border-radius: 10px;margin-left: 20px;margin-bottom: 20px;margin-bottom: 60px;} .mainboxpressemitteilungen > .pressemitteilungenarchiv ul {list-style: none;padding: 0px;margin: 10px 10px 10px 10px;} .mainboxpressemitteilungen > .pressemitteilungenarchiv ul > li {margin-bottom: 3px;} .mainboxpressemitteilungen > .pressemitteilungenarchiv ul > li:last-child {margin-bottom: 0px;} .mainboxpressemitteilungen > .pressemitteilungenarchiv ul > li a {display: block;border-radius: 5px;padding: 3px 10px 3px 10px;text-decoration: none;color: var(--jet);font-weight: 400;} .mainboxpressemitteilungen > .pressemitteilungenarchiv ul > li a:hover {background-color: var(--white); color: var(--viridian);} .mainboxindigenainfo > .indigenainfoarchiv > a, .mainboxpressemitteilungen > .pressemitteilungenarchiv > a, .mainboxpressestimmen > .pressestimmenarchiv > a, .mainboxpresseschau > .presseschauarchiv > a, .mainboxzurzeit > .zurzeitarchiv > a {display: block; border-radius: 5px; padding: 3px 10px 3px 10px; text-decoration: none; color: var(--jet); font-weight: 400; margin: 15px 10px 10px 10px;} .mainboxindigenainfo > .indigenainfoarchiv > a:hover, .mainboxpressemitteilungen > .pressemitteilungenarchiv > a:hover, .mainboxpressestimmen > .pressestimmenarchiv > a:hover, .mainboxpresseschau > .presseschauarchiv > a:hover, .mainboxzurzeit > .zurzeitarchiv > a:hover { background-color: var(--white); color: var(--viridian);} .mainboxindigenainfo > .indigenainfoarchiv > a > i, .mainboxpressemitteilungen > .pressemitteilungenarchiv > a > i, .mainboxpressestimmen > .pressestimmenarchiv > a > i, .mainboxpresseschau > .presseschauarchiv > a > i, .mainboxzurzeit > .zurzeitarchiv > a > i {color: #E47C2B;} .mainboxindigenainfo > .indigenainfoarchiv > a:hover > i, .mainboxpressemitteilungen > .pressemitteilungenarchiv > a:hover > i, .mainboxpressestimmen > .pressestimmenarchiv > a:hover > i, .mainboxpresseschau > .presseschauarchiv > a:hover > i, .mainboxzurzeit > .zurzeitarchiv > a:hover > i {} .mainboxpressestimmen {} .mainboxpressestimmen h1 {} .mainboxpressestimmen .item {display: table-row;} .mainboxpressestimmen .item > div {padding-top: 30px;padding-right: 20px;font-size: clamp(1.0em, 2.8vw, 1.2em);line-height: clamp(1.1em, 2.9vw, 1.3em);} .mainboxpressestimmen .item > div > .link > a {font-weight: 400;} .mainboxpressestimmen .item > div:first-child {display: table-cell;} .mainboxpressestimmen .item:first-child > div {padding-top: 20px;} .mainboxpressestimmen .item > div:first-child > .datum {margin-bottom: 2px;} .mainboxpressestimmen .item > div:first-child > .ausgabe {font-size: 0.8em;} .mainboxpressestimmen .item > div:last-child {display: table-cell;} .mainboxpressestimmen .item > div:last-child > .link {margin-bottom: 0px;} .mainboxpressestimmen .item > div:last-child > .link > a {color: var(--viridian);text-decoration: none;} .mainboxpressestimmen .item > div:last-child > .link > a:hover {color: var(--jet);text-decoration: underline;} .mainboxpressestimmen .item > div:last-child > .txt {font-size: 0.7em;margin-top: -2px;} .mainboxpressestimmen > .pressestimmenarchiv {float: right;background-color: var(--background-color-header);width: 180px;border-radius: 10px;margin-left: 20px;margin-bottom: 20px;margin-bottom: 60px;} .mainboxpressestimmen > .pressestimmenarchiv ul {list-style: none;padding: 0px;margin: 10px 10px 10px 10px;} .mainboxpressestimmen > .pressestimmenarchiv ul > li {margin-bottom: 3px;} .mainboxpressestimmen > .pressestimmenarchiv ul > li:last-child {margin-bottom: 0px;} .mainboxpressestimmen > .pressestimmenarchiv ul > li a {display: block;border-radius: 5px;padding: 3px 10px 3px 10px;text-decoration: none;color: var(--jet);font-weight: 400;} .mainboxpressestimmen > .pressestimmenarchiv ul > li a:hover {background-color: var(--white); color: var(--viridian);} .mainboxpresseschau {} .mainboxpresseschau h1 {} .mainboxpresseschau > .presseschauarchiv {float: right;background-color: var(--background-color-header);width: 180px;border-radius: 10px;margin-left: 20px;margin-bottom: 20px;margin-bottom: 20px;} .mainboxpresseschau > .presseschauarchiv ul {list-style: none;padding: 0px;margin: 10px 10px 10px 10px;} .mainboxpresseschau > .presseschauarchiv ul > li {margin-bottom: 3px;} .mainboxpresseschau > .presseschauarchiv ul > li:last-child {margin-bottom: 0px;} .mainboxpresseschau > .presseschauarchiv ul > li a {display: block;border-radius: 5px;padding: 3px 10px 3px 10px;text-decoration: none;color: var(--jet);font-weight: 400;} .mainboxpresseschau > .presseschauarchiv ul > li a:hover {background-color: var(--white); color: var(--viridian);} .mainboxpresseschau .presseschaufilter {margin-top: 15px;display: flex;margin-bottom: 10px;} .mainboxpresseschau .presseschaufilter ul {} .mainboxpresseschau .presseschaufilter ul > li:first-child {font-weight: 400;font-size: 0.9em;} .mainboxpresseschau .presseschaufilter ul > li {float: left;margin-right: 20px;line-height: 1.3em;display: inline-block;} .mainboxpresseschau .presseschaufilter ul > li > a {color: var(--viridian);text-decoration: none;font-weight: 400;font-size: 0.9em;} .mainboxpresseschau .presseschaufilter ul > li > a.active {font-weight: 500;text-decoration:underline;} .mainboxpresseschau .presseschaufilter ul > li > a.active:hover {color: var(--black);} .mainboxpresseschau .presseschaufilter ul > li > a:hover {text-decoration:underline;} .mainboxpresseschau .presseschauitem {clear: both;padding-top: 5px;} .mainboxpresseschau .item {display: table-row;} .mainboxpresseschau .item > div {padding-top: 30px;padding-right: 20px;font-size: clamp(1.0em, 2.8vw, 1.2em);line-height: clamp(1.1em, 2.9vw, 1.3em);} .mainboxpresseschau .item > div:first-child {display: table-cell;} .mainboxpresseschau .item:first-child > div {padding-top: 20px;} .mainboxpresseschau .item > div:first-child > .datum {font-size: 0.8em;line-height: 0.8em;} .mainboxpresseschau .item > div:first-child > .ausgabe {font-size: 0.8em;} .mainboxpresseschau .item > div:last-child {display: table-cell;} .mainboxpresseschau .item > div:last-child > .link {margin-bottom: 0px;} .mainboxpresseschau .item > div:last-child > .link > a {color: var(--viridian);text-decoration: none;font-weight: 400;font-size: 1em;} .mainboxpresseschau .item > div:last-child > .link > a:hover {color: var(--jet);text-decoration: underline;} .mainboxpresseschau .item > div:last-child > .txt {font-size: 0.8em;margin-top: 10px;} .mainboxpresseschau .item > div:last-child > .small {font-size: 0.7em;margin-top: -2px;} .mainboxindigenainfo > .indigenainfoarchiv {float: right;background-color: var(--background-color-header);width: 180px;border-radius: 10px;margin-left: 20px;margin-bottom: 20px;margin-bottom: 20px;margin-top: -50px;} .mainboxindigenainfo > .indigenainfoarchiv > a {margin-top: 10px;} .mainboxindigenainfo {} .mainboxindigenainfo h1 {} .mainboxindigenainfo .item {display: table-row;} .mainboxindigenainfo .item > div {padding-top: 40px;padding-right: 20px;font-size: clamp(1.0em, 2.8vw, 1.2em);line-height: clamp(1.1em, 2.9vw, 1.3em);vertical-align: top;} .mainboxindigenainfo .item > div > .link > a {font-weight: 400;} .mainboxindigenainfo .item > div:first-child {display: table-cell;width: 200px;} .mainboxindigenainfo .item:first-child > div {padding-top: 20px;} .mainboxindigenainfo .item > div:first-child > .image {} .mainboxindigenainfo .item > div:first-child > .image img {display: block;width: 100%;-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7));filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7));height: auto;object-fit: contain;} .mainboxindigenainfo .item > div:last-child {display: table-cell;} .mainboxindigenainfo .item > div:last-child > .datum {font-size: 0.8em;margin-top: 15px;} .mainboxindigenainfo .item > div:last-child > .link {margin-bottom: 10px;margin-top: 5px;} .mainboxindigenainfo .item > div:last-child > .link > a {color: var(--viridian);text-decoration: none;} .mainboxindigenainfo .item > div:last-child > .link > a:hover {color: var(--jet);text-decoration: underline;} .mainboxindigenainfo .item > div:last-child > .txt {font-size: 0.9em;line-height: 1.1em;} .mainboxindigenainfo .item > div:last-child > .download {margin-top: 25px;} .mainboxindigenainfo .item > div:last-child > .download a {font-size: 0.8em;} .mainboxfilter {margin-top: 50px;} .mainbox > .archiv {margin-top: 35px;width: fit-content;background-color: var(--background-color-menu-mouseover);padding: 9px 15px 8px 10px;border-radius: 8px;font-size: 1.2rem;display: inline-block;} .mainbox > .archiv > .symbol {display: table-cell;vertical-align: top;width: 90px;padding-top: 3px;} .mainbox > .archiv > .symbol i {} .mainbox > .archiv > .kalender {display: table-cell;vertical-align: top;} .mainbox > .archiv > .kalender > .jahr {float:left; margin-left: 15px;} .mainbox > .archiv > .kalender > .jahr a { text-decoration:none;line-height: 1.6rem;font-weight: 400;} .mainbox > .archiv > .kalender > .jahr a:hover { text-decoration: underline; color: var(--black);} ul.sitemap {list-style: circle;margin-left: 25px;} ul.sitemap > li {margin-bottom: 3px;} ul.sitemap > li:last-child {} .DivPrevNext {position: absolute;width: 100%;padding-top: 240px;} .DivPrevNext a {background-color: var(--background-color-header); color: var(--viridian);height: 75px;width: 65px;text-align: center;text-decoration: none;font-weight: 600;font-size: 45px;padding-top: 30px;} .DivPrevNext a:hover {background-color: var(--viridian); color: var(--background-color-header);} .DivPrevNext a.prev {float:left;border-bottom-right-radius: 20px;border-top-right-radius: 20px;} .DivPrevNext a.next {float: right;border-bottom-left-radius: 20px;border-top-left-radius: 20px;} .articleDiv {} .articleDiv > .articleWrapper {display: flex;gap: 20px;} .articleDiv > .articleWrapper > div:first-child {flex-basis: 20%;max-height: 530px;max-width: 260px;z-index:200;} .articleDiv > .articleWrapper > div.right-container {display: flex;flex-direction: column;flex-basis: 80%;padding-left: 30px;} .articleDiv > .articleWrapper > .articleImages {} .articleDiv > .articleWrapper > .right-container {} .articleDiv > .articleWrapper > .right-container > .articleDescription {max-height: 255px; overflow: hidden; position: relative;/*transition-property: height;transition-duration: 1s;transition-timing-function: linear;*/} .articleDiv > .articleWrapper > .right-container > .articleDescription h1 {font-size: clamp(1.1em, 2.8vw, 1.7em);line-height: clamp(1.1em, 2.8vw, 1.7em);} .articleDiv > .articleWrapper > .right-container > .articleDescription p {font-weight: 100;} .articleDiv > .articleWrapper > .right-container > .articleDescription:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));display: none;} .articleDiv > .articleWrapper > .right-container > .articleDescription.showFull {max-height: none;margin-bottom: 15px;} .articleDiv > .articleWrapper > .right-container > .articleDescription.showFull:after {display: none;} .articleDiv > .articleWrapper > .right-container > .divtoggleLink {background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);margin-top: -40px;padding-top: 20px;padding-bottom: 0px;z-index: 300;text-align: center;display: none;position: relative;z-index: 199;} .articleDiv > .articleWrapper > .right-container > .divtoggleLink > a {display: initial;margin-top: 10px;margin-left: auto;margin-right: auto;padding: 8px 20px 8px 20px;font-size: 16px;background-color: var(--background-color-header);border-color: var(--background-color-header);color: var(--jet);} .articleDiv > .articleWrapper > .right-container > .divtoggleLink > a:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} .articleDiv > .articleWrapper > .right-container > .divtoggleLinkopen {margin-top: -20px;} .articleDiv > .articleWrapper > .right-container > .articleDetails {margin-top: 45px;z-index:199;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .priceDiv {padding-top: 10px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .priceDiv > .price {font-size: clamp(0.9em, 2.2vw, 1.3em) !important;line-height: clamp(0.7em, 2.2vw, 1.1em) !important;font-weight: normal;color: var(--viridian);margin-bottom: 5px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .priceDiv > .priceinfo {color: var(--jet);font-size: 18px;font-weight: 100;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv {padding-top: 15px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > div {} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .orderAnzahl {float: left;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .orderAnzahl label {display:none;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .orderAnzahl input {height: 45px;border-radius: 8px;border: solid 1px var(--background-color-menu);color: var(--jet);font-size: 17px;padding-left: 17px;width: 80px;text-align: center;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .orderUpdate {float: left;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .orderWarenkorb {float: left;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .orderWarenkorb a {width: auto;display: inline-block;margin-top: 0px;padding: 10px 25px 0px 25px;height: 45px;margin-left: 15px;font-size: 17px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .orderWarenkorb a:hover {} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .merkliste {} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .merkliste a {width: auto;display: inline-block;margin-top: 0px;padding: 10px 15px 0px 15px;height: 45px;margin-left: 15px;font-size: 17px;background-color: var(--background-color-menu);border-color: var(--background-color-menu);color: var(--jet);} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .merkliste a:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} .articleDiv > .articleWrapper > .right-container > .articleDetails > .discount {margin-bottom: -20px;margin-top: 30px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .discount > .discountgroup {font-weight: 400;margin-bottom: 3px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .discount > .discountTXT {line-height: normal;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .kaffeehinweisDIV {margin-bottom: -20px;margin-top: 30px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .kaffeehinweisDIV a {font-size: 0.9rem;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .kaffeehinweisDIV blockquote {display: none;padding: 7px 15px 7px 15px;margin-top: 15px;border-left: 1px solid var(--viridian);font-size: 0.9rem;line-height: 1.2rem;background-color: var(--antiflashwhite);} .articleDiv > .articleWrapper > .right-container > .articleDetails > .NoOrderReasonDiv {padding-top: 25px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .NoOrderReasonDiv > .NoOrderReason {} .articleDiv > .articleWrapper > .right-container > .articleDetails > .NoOrderReasonDiv > .merkliste {} .articleDiv > .articleWrapper > .right-container > .articleDetails > .NoOrderReasonDiv > .merkliste a {width: auto;display: inline-block;margin-top: 25px;padding: 10px 15px 0px 15px;height: 45px;font-size: 17px;background-color: var(--background-color-menu);border-color: var(--background-color-menu);color: var(--jet);} .articleDiv > .articleWrapper > .right-container > .articleDetails > .NoOrderReasonDiv > .merkliste a:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} .articleDiv > .articleWrapper > .right-container > .articleDetails > .NoOrderReasonDiv > .merklisteDiv {padding-top: 15px;clear: both;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv {padding-top: 50px; clear: both;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags {} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul {list-style: none;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li {float: left;padding-right: 5px;margin-bottom: 10px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li a.tag {display: inline-block;height: 24px;line-height: 24px;position: relative;margin: 0 16px 0px 0;padding: 0 10px 0 12px;background: var(--background-color-header); -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;-webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;color: var(--jet);text-decoration: none;font-weight: 100;font-size: 15px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li a.tag:hover {background: var(--jet);color: var(--white);} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li a.tag:before {content: "";position: absolute;top:0;left: -12px;width: 0;height: 0;border-color: transparent var(--background-color-header) transparent transparent;border-style: solid;border-width: 12px 12px 12px 0; } .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li a.tag:hover:before { border-color: transparent var(--jet) transparent transparent;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li a.tag:after {content: "";position: absolute;top: 10px;left: 1px;float: left;width: 5px;height: 5px;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);box-shadow: -1px -1px 2px rgba(0,0,0,0.4);} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li:first-child {height: 24px;line-height: 24px;text-decoration: none;font-weight: 100;font-size: 15px;margin-right: 15px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li:last-child {padding-right: 0px;margin-left: -10px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li a.add {border-radius: 3px;background: var(--viridian);line-height: 24px;text-decoration: none;padding-left: 8px;padding-right: 8px;color: var(--white);font-size: 16px;font-weight: 100;height: 24px;display: inline-block;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv > .tags ul li a.add:hover {background: var(--jet);color: var(--white);} .articleDiv > .articleWrapperFallback {} .articleDiv > .articleWrapperFallback > div > #product-gallery {display: none;} /* Minimal, nicht invasiv */ .swipe-progress { position: fixed; left: 0; right: 0; bottom: 0; height: 20px; pointer-events: none; z-index: 9999; display: none; /* nur sichtbar während einer Geste */ overflow: visible; } /* zwei Schichten: von links aufbauend, von rechts aufbauend */ .swipe-progress__left, .swipe-progress__right { position: absolute; top: 0; bottom: 0; height: 100%; width: 0%; transition: width 80ms linear; background: linear-gradient(90deg, rgba(247,209,57,0.95), rgba(247,209,57,0.6)); border-radius: 0; box-shadow: 0 0 8px rgba(0,123,255,0.12); } /* left wächst von links nach rechts */ .swipe-progress__left { left: 0; transform-origin: left center; } /* right wächst von right nach left */ .swipe-progress__right { right: 0; transform-origin: right center; } /* kleine hint (optional) */ .swipe-progress.hint .swipe-progress__hint { position: absolute; left: 50%; transform: translateX(-50%); bottom: 8px; font-size: 11px; color: rgba(255,255,255,0.9); background: rgba(0,0,0,0.35); padding: 3px 8px; border-radius: 999px; } .addTag {display:none;position: relative; background-color: rgba(0, 0, 0, 0.8); padding: 20px 40px; margin-top: -70px; margin-left: auto; margin-right: auto; max-width: 500px; border-radius: 10px;z-index: 500;} .addTag > .addTagClose {position: absolute;right: 10px;top: 10px;} .addTag > .addTagClose a {color: var(--white);text-decoration: none;font-size: 25px;} .addTag > .addTagClose a:hover {color: var(--viridian);} .addTag > .addTagForm {} .addTag > .addTagForm > .einleitung {color: var(--white);margin-bottom: 10px;} .addTag > .addTagForm > .input {} .addTag > .addTagForm > .input input {width: -webkit-fill-available; height: 50px; outline: none; border-radius: 10px; padding-left: 10px; padding-right: 10px;font-size: 16px;} .addTag > .addTagForm > .button {} .addTag > .addTagForm > .button a {margin-top: 15px;padding-top: 7px;padding-bottom: 7px;} .addTag > .addTagForm > .button a:hover {background-color: var(--background-color-header); border-color: var(--background-color-header); color: var(--jet);} .addTag > .addTagErfolgreich {display:none;} .addTag > .addTagErfolgreich > .txt {color: var(--white);margin-bottom: 10px;} .addTag > .addTagErfolgreich {} .addTag > .addTagErfolgreich a {margin-top: 15px;padding-top: 7px;padding-bottom: 7px;} .addTag > .addTagErfolgreich a:hover {background-color: var(--background-color-header); border-color: var(--background-color-header); color: var(--jet);} .shareArticle {padding-top: 30px;clear: both; display: flex;} .shareArticle > .wrapper {} .shareArticle > .wrapper ul {list-style: none;} .shareArticle > .wrapper ul > li {float: left;padding-right: 10px;margin-bottom: 10px;} .shareArticle > .wrapper ul > li:first-child {height: 40px;line-height: 40px;text-decoration: none;font-weight: 100;font-size: 15px;margin-right: 10px;} .shareArticle > .wrapper ul > li:last-child {} .shareArticle > .wrapper ul > li a {border-radius: 8px; background: var(--background-color-header); line-height: 40px; text-decoration: none; padding-left: 10px; padding-right: 10px; color: var(--jet); font-size: 16px; font-weight: 100; height: 40px; display: inline-block;} .shareArticle > .wrapper ul > li a:hover {color: var(--white);background: var(--jet);} .shareArticle > .wrapper ul > li a > i {font-size: 20px;} .shareArticle > .wrapper button {border-radius: 8px;cursor: pointer; cursor: pointer;background: var(--background-color-header);border: 0px solid var(--background-color-header);height: 40px;width: 45px;color: var(--jet);} .shareArticle > .wrapper button > i {font-size: 20px;color: var(--jet);} .shareArticle > .wrapper button:hover {color: var(--white);background: var(--jet);} .shareArticle > .wrapper button:hover > i {color: var(--white);background: var(--jet);} .RelatedArticle {} .RelatedArticle > .ri-loader-2-fill {margin-left: auto;margin-right: auto;width: fit-content;display:none;} .RelatedArticle > .wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 70px;grid-row-gap: 50px;margin-top: 50px;margin-bottom: 20px;} .RelatedArticle > .wrapper > .item {max-width: 290px;margin-left: auto;margin-right: auto;} .RelatedArticle > .wrapper > .item > .image {} .RelatedArticle > .wrapper > .item > .image img {margin-left: auto;margin-right: auto;display: block;height: auto;object-fit: contain;} .RelatedArticle > .wrapper > .itemWrapperFallback {} .RelatedArticle > .wrapper > .itemWrapperFallback .image {height: 367px;} .RelatedArticle > .wrapper > .itemWrapperFallback .image img {display: none;height: auto;object-fit: contain;} .RelatedArticle > .wrapper > .item > .categorie {color: var(--jet);font-size: 16px;font-weight: 100;margin-top: 8px;} .RelatedArticle > .wrapper > .item > .title {margin-top: 5px !important;font-size: 1.1em !important;line-height: 1.1em !important;margin-bottom: 5px !important;font-weight: normal;color: var(--viridian); display: inline-block;} .RelatedArticle > .wrapper > .item > .title a {text-decoration:none;} .RelatedArticle > .wrapper > .item > .title a:hover {} .RelatedArticle > .wrapper > .item > .NewFalse {} .RelatedArticle > .wrapper > .item > .NewTrue {} .RelatedArticle > .wrapper > .item > .NewTrue::before {content: "NEU";background-color: var(--hinweis);color: var(--white);font-weight: 100;display: inline-block;font-size: 13px;margin: 0px;line-height: normal;margin-right: 10px;padding: 4px 10px 3px 10px;margin-bottom: 1px;vertical-align: middle;border-radius: 12px;} .RelatedArticle > .wrapper > .item > .version {font-size: 16px;} .RelatedArticle > .wrapper > .item > .version > p {margin-bottom: 0px;} .RelatedArticle > .wrapper > .item > .preisDiv {padding-top: 10px;} .RelatedArticle > .wrapper > .item > .preisDiv > .preis {font-size: clamp(0.9em, 2.2vw, 1.3em) !important;line-height: clamp(0.7em, 2.2vw, 1.1em) !important;font-weight: normal;color: var(--viridian);margin-bottom: 5px;} .RelatedArticle > .wrapper > .item .preisDiv > .preisinfo {font-size: 16px;} .RelatedArticle > .wrapper > .item .orderDiv {margin-top: 12px;} .RelatedArticle > .wrapper > .item .orderDiv > .orderAnzahl {float: left;} .RelatedArticle > .wrapper > .item .orderDiv > .orderAnzahl > label {display:none;} .RelatedArticle > .wrapper > .item .orderDiv > .orderAnzahl > input {height: 45px;width: 45px;text-align: center;padding-left: 12px;border-radius: 8px;border: solid 1px var(--background-color-menu);color: var(--jet);} .RelatedArticle > .wrapper > .item .orderDiv > .orderWarenkorb {float: left;} .RelatedArticle > .wrapper > .item .orderDiv > .orderWarenkorb > a {height: 45px;padding: 10px 15px 0px 15px;font-size: 17px;margin-top: 0px;margin-left: 8px;display: inline-block;width: auto;} .RelatedArticle > .wrapper > .item .orderDiv > .orderWarenkorb > a:hover {} .RelatedArticle > .wrapper > .item .orderDiv > .merkliste {float: right;} .RelatedArticle > .wrapper > .item .orderDiv > .merkliste > a {width: auto;display: inline-block;margin-top: 0px;padding: 10px 15px 0px 15px;height: 45px;margin-left: 15px;margin-top: 0px;font-size: 17px;background-color: var(--background-color-menu);border-color: var(--background-color-menu);color: var(--jet);} .RelatedArticle > .wrapper > .item .orderDiv > .merkliste > a:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} .RelatedArticle > .wrapper > .item .NoOrderReasonDiv {} .RelatedArticle > .wrapper > .item .NoOrderReasonDiv > .NoOrderReason {} .RelatedArticle > .wrapper > .item .NoOrderReasonDiv > .merkliste {} .RelatedArticle > .wrapper > .item .NoOrderReasonDiv > .merkliste a {width: auto;display: inline-block;margin-top: 0px;padding: 10px 15px 0px 15px;height: 45px;margin-left: 0px;margin-top: 15px;font-size: 17px;background-color: var(--background-color-menu);border-color: var(--background-color-menu);color: var(--jet);} .RelatedArticle > .wrapper > .item .NoOrderReasonDiv > .merkliste a:hover {background-color: var(--jet);border-color: var(--jet);color: var(--white);} .articleDetailsTrue {} .articleDetailsTrue > .categorie {color: var(--jet);font-size: 18px;font-weight: 100;} .articleDetailsTrue > h2 {margin-top: 5px !important;font-size: clamp(0.9em, 2.2vw, 1.3em) !important;line-height: clamp(1.2em, 2.2vw, 1.1em) !important;margin-bottom: 5px !important;} .articleDetailsTrue > .version {color: var(--jet);font-size: 18px;font-weight: 100;margin-bottom: 10px;} .articleDetailsTrue > .version > p {margin-bottom: 0px;} .articleDetailsFalse {} .articleDetailsFalse > .categorie {margin-top: 55px;color: var(--jet);font-size: 18px;font-weight: 100;margin-bottom: 5px;} .articleDetailsFalse > h1 {margin-top: 0px !important; margin-bottom: 5px !important;} .articleDetailsFalse > .version {color: var(--jet);font-size: 18px;font-weight: 100;margin-bottom: 10px;} .articleDetailsFalse > .version > p {margin-bottom: 0px;} #product-gallery { text-align: center; margin-top: 35px; } #normal-preview img { width: 300px; cursor: pointer; max-width: -webkit-fill-available; max-height: fit-content; height: auto;object-fit: contain; } .ff #normal-preview img {max-width: -moz-available;} #normal-preview img[src*="quer"] {margin-top: 20%;width: 260px !important;} #thumbnail-container { margin-top: 10px; } .thumbnail { width: 80px; margin: 0 5px; cursor: pointer; border: 1px solid #ddd; transition: border-color 0.3s, box-shadow 0.3s; height: 60px !important; } .thumbnail:hover { border-color: #666; } .active-thumbnail { border-color: var(--background-color-body); box-shadow: 0 0 5px rgba(27, 64, 86, 0.7); } /* Arrows for large preview */ /* Large preview background */ #large-preview { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; display: flex; justify-content: center; align-items: center; z-index: 1000; } /* Image container */ #large-image-container { flex: 1; /* Take up remaining space */ display: flex; justify-content: center; align-items: center; max-height: 100%; overflow: hidden; margin-top: 10px; } /* Navigation under the image */ #large-navigation { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 0px; } /* Arrow buttons */ .preview-arrow { font-size: 1.5rem; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 10px 20px; cursor: pointer; user-select: none; border-radius: 5px; } .preview-arrow:hover { background-color: rgba(255, 255, 255, 0.7); color: black; } /*#large-preview { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(27, 64, 86, 0.8); padding: 25px; border-radius: 10px; z-index: 1000; }*/ #large-preview img { max-width: 100%; max-height: 100%; height: auto;object-fit: contain; } #close-large-preview { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); border: none; color: black; font-size: 1.5rem; font-weight: bold; padding: 5px 10px; border-radius: 5px; cursor: pointer; z-index: 10; } #close-large-preview:hover { background: rgba(255, 0, 0, 0.8); color: white; } #large-preview-container { background-color:rgba(27, 64, 86, 0.8); width: 72vw; /* Window width: 80% of viewport width */ max-width: 1200px; /* Maximum width for larger screens */ height: calc(var(--vh) * 70); /* Window height: 70% of viewport height */ border-radius: 10px; overflow: hidden; } /*Content*/ /*Pressestimme*/ .layerbackgroundbox { position: fixed; /* Bleibt immer im Viewport */ top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); display: flex; justify-content: center; /* Horizontale Zentrierung */ align-items: center; /* Vertikale Zentrierung */ z-index: 1000; /* Sicherstellen, dass der Inhalt sichtbar bleibt */ } .layerbackgroundbox > .layer { display: block; background-color: #fff; width: 85%; max-width: 750px; padding: 20px; -webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); max-height: 100%; /* Damit der Inhalt nicht größer als der Viewport wird */ overflow-y: auto; /* Scrollt den Inhalt innerhalb des Containers, wenn nötig */ } /*.layerbackgroundbox {display: block; position: absolute; bottom: 0px; left: 0px; width: -webkit-fill-available;text-align: center;}*/ .lbgnone {display: none !important;} /*.layerbackgroundbox > .layer {display: inline-block;margin-top: 20px;background-color: #fff;width: 100%;margin-left: auto;margin-right: auto;max-width: 90%;-webkit-filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7)); filter: drop-shadow(0px 0px 3px rgba(57, 57, 57, 0.7));*//* box-shadow: 0px 0px 3px rgba(57, 57, 57, 0.7) !important;*//*}*/ .layerbackgroundbox > .layer520 {width: 520px !important; margin-left:208px;} .layerbackgroundbox > .layer > .box {padding: 5px 10px 5px 10px} .layerbackgroundbox > .layer > .box .hinweis {font-size: 13px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;} .layerbackgroundbox > .layer > .box .hinweis {font-size: 13px;} .layerbackgroundbox > .layer > .box > .content > .text img { max-width: 500px;height: auto;object-fit: contain;} .layerbackgroundbox > .layer > .box > .close {text-align: right; margin-top: -5px; margin-right:5px;font-size: 1.7em;} .layerbackgroundbox > .layer > .box > .close a {display: inline-block;color: var(--viridian);} .layerbackgroundbox > .layer > .box > .close a:hover {color: var(--jet);} .layerbackgroundbox > .layer > .box h3 {font-weight:normal;text-decoration:none;margin-bottom:10px;margin-top: -30px;padding-left: 5px;padding-right: 40px;text-align: left;color: var(--viridian);} .layerbackgroundbox > .layer > .box h3 span {text-decoration: none;color: var(--jet);padding-right: 15px;font-style: normal;} .layerbackgroundbox > .layer > .box h4 {font-weight: 100;margin-top: -8px;margin-left: 5px;margin-bottom: 10px;text-align: left;font-size: 0.9em;} .layerbackgroundbox > .layer > .box h4 a {text-decoration: underline;color: var(--viridian);} .layerbackgroundbox > .layer > .box h4 a:hover {color: var(--jet);} .layerbackgroundbox > .layer > .box .content {margin-bottom:5px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .text {min-height: 300px;font-size:15px;font-weight:normal;text-decoration:none;padding-left: 5px; padding-right: 5px; padding-bottom: 10px; padding-top: 5px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar {float:right; width: 200px; margin-top:8px;margin-left:20px; margin-bottom:5px;font-size:12px;font-weight:normal;text-decoration:none;margin-right:5px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar img {border:1px solid #cccdc8; width: 198px;height: auto;object-fit: contain;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext {margin-top:15px;margin-bottom: 20px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .warenkorb {margin-top:-10px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .warenkorb > .preis {padding-left: 5px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .warenkorb > .menge {margin-left: 60px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .warenkorb > .kaufen {} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .rabatt {} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .rabatt h3 {padding-left:5px; font-size: 12px; margin-top: 15px;margin-bottom: 5px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .rabatt > div {padding-left:5px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .rabatt > div > div {margin-bottom: 5px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .zusatz {margin-top:10px} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .zusatz img {border: 0px solid var(--black) !important; width: auto;height: auto;object-fit: contain;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .zusatz a {font-size: 12px;} .layerbackgroundbox > .layer > .box > .beschreibung > .content .sidebar > .sidebartext > .info {padding-left:5px;margin-top: 15px;} .zoomWindow {border:1px solid #cccdc8 !important;} .zzliste {float:left; width:460px;margin-bottom:20px;} .zzl {width: 85px; float:left;} .zzr {width:355px;float:left;} .zzarchiv {float:left;width:80px;margin-left:15px;margin-bottom:20px;padding-top:5px;padding-bottom:5px;background-color:#eee;} .zzarchiv li {margin-left:-15px;list-style:none;} /*Pressestimme*/ /*Footer*/ #footer {} #footer > .wrapper {padding: 40px 40px 40px 40px; text-align: left; } #footer > .wrapper .footerBox { text-align: right; } #footer > .wrapper .footerBox > a {text-decoration:none; margin-left: 30px; color: var(--jet); } #footer > .wrapper .footerBox > a:hover { color: var(--black); text-decoration:underline; } #footer > .wrapper .footerBox > a:first-child {margin-left: 0px;} @media screen and (max-width:600px) { #footer > .wrapper .footerBox > a {display: table;margin-left: auto !important;margin-right: auto;text-align: center;margin-bottom: 10px;} } /*Footer*/ @media screen and (max-width:1480px) { #header > .wrapper .support {right: 40px;} } @media screen and (max-width:1350px) { #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .adresse > .links {float: none;width: 100%;} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .adresse > .rechts {} #main > .wrapper .kontobox .kontoL > .adressdaten .item > .wrapper > .adresse > .rechts > .topic {background-color: var(--white);padding: 15px 15px 0px 15px;} } @media screen and (max-width:1300px) { .DivPrevNext a {width: 45px;} .supportpage > .supportbox > .supportwrapper > .support > .box a {font-size: 24px;} .supportpage > .supportbox > .supportwrapper > .support > .box li {min-height: 25px;} .supportpage > .supportbox > .supportwrapper > .support > .box li:last-child {display: none;} } @media screen and (max-width:1200px) { .RelatedArticle > .wrapper {grid-template-columns: repeat(2, 1fr);} } @media screen and (max-width:1200px) { #main .fullpagekuratorium > .wrapper {margin-left: 0px;margin-right: 0px;} } @media screen and (max-width:1040px) { #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr {display: table;width: 100%;} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .WarenkorbUebersicht {width: auto;margin-left: 40px;margin-right: 40px;margin-top: 50px;position: static;} #main > .wrapper .warenkorbbox .warenkorbui > .WarenkorbTbl > .WarenkorbTr {display: table;width: 100%;} #main > .wrapper .warenkorbbox .warenkorbui > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel {margin-right:0px;} #main > .wrapper .warenkorbbox .warenkorbui > .WarenkorbTbl > .WarenkorbTr > .WarenkorbUebersicht {display: table-caption;width: 100%;margin-bottom: 40px;position: static;} #main > .wrapper .warenkorbbox .merklisteui > .WarenkorbTbl > .WarenkorbTr {display: table;width: 100%;} #main > .wrapper .warenkorbbox .merklisteui > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel {margin-right:0px;} #main > .wrapper .warenkorbbox .merklisteui > .WarenkorbTbl > .WarenkorbTr > .WarenkorbUebersicht {display: block;width: 100%;margin-top: 40px;position: static;} #main > .wrapper .warenkorbbox .bestelluebersichtui > .WarenkorbTbl > .WarenkorbTr {display: table;width: 100%;} #main > .wrapper .warenkorbbox .bestelluebersichtui > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel {margin-right:0px;} #main > .wrapper .warenkorbbox .bestelluebersichtui > .WarenkorbTbl > .WarenkorbTr > .WarenkorbUebersicht {display: table-caption;width: 100%;margin-bottom: 30px;position: static;} #main > .wrapper .kontobox > .kontoUI {} #main > .wrapper .kontobox > .kontoUI > .kontoTbl > .kontoTr {display: table;width: 100%;} #main > .wrapper .kontobox > .kontoUI > .kontoTbl > .kontoTr > .kontoL {margin-right:0px;} #main > .wrapper .kontobox > .kontoUI > .kontoTbl > .kontoTr > .kontoR {display: table-caption;width: 100%;margin-bottom: 30px;position: static;} .presentedBox > .wrapper .item::after {font-size:0.8em;padding: 9px 9px 9px 9px; } .presentedBox > .wrapper .bgarrow::after {background: url(/images/presentedBox-after.png) top right;padding: 9px 9px 9px 9px; } } @media screen and (max-width:1100px) { /*grid-template-columns: repeat(4, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;*/ .presentedBox > .wrapper {grid-column-gap: 20px;} #large-preview-container {width: 100vw;height: calc(var(--vh) * 100);margin-top: 258px;} #main .dauerauftrag_formular {margin-left: 0%;margin-right: 0%;} #main .dauerauftrag > .dauerauftrag_artikel {padding-left: 0px;padding-right: 0px;} #main .dauerauftrag .mengeSticky_bottom {margin-left: -50px;margin-right: -50px;} #Content_erfolgreich > .kontaktBox {margin-top: 25px;} #Content_kontaktformular > .kontaktBox, #Content_erfolgreich > .kontaktBox {display: table;margin-left: auto;margin-right: auto;} #Content_kontaktformular > .kontaktBox > .item, #Content_erfolgreich > .kontaktBox > .item {display: block;width: unset;} #Content_kontaktformular > .kontaktBox > .item:first-child, #Content_erfolgreich > .kontaktBox > .item:first-child {margin-bottom: 30px;} #Content_kontaktformular > .kontaktBox > .item:last-child, #Content_erfolgreich > .kontaktBox > .item:last-child {} } @media screen and (max-width:915px) { /*grid-template-columns: repeat(4, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;*/ .presentedBox > .wrapper {grid-template-columns: repeat(2, 1fr);grid-row-gap: 20px;} #main .fullpage > div {margin-left: 40px;margin-right: 40px;} .mainbox {margin-left: 20px;margin-right: 20px;} .mainboxzurzeit .zurzeitarchiv {width: 85px;} .mainboxzurzeit .zurzeitliste {margin-right: 105px;} .mainboxzurzeit .zurzeitliste ul > li {padding-left: 0px;} .mainboxzurzeit .zurzeitliste ul > li a {display: block;border-spacing: 0px;padding-left: 10px;padding-right: 10px;} .mainboxzurzeit .zurzeitliste ul > li a > span:first-child {display: block;width: auto;font-size: 0.8em;padding-top: 8px;} .mainboxzurzeit .zurzeitliste ul > li a > span:last-child {display: block;padding-bottom: 8px;font-weight: 400;} .mainboxzurzeit .zurzeitliste ul > li:last-child {padding-bottom: 1px;} .mainboxzurzeit .zurzeitarticle div.datum {margin-left: 9px;margin-right: 9px;} .mainboxzurzeit .zurzeitarticle h1, .mainboxzurzeit .zurzeitarticle h2 {margin-left: 9px;margin-right: 9px;} .mainboxzurzeit .zurzeitarticle .main > hr {margin-left: 9px;margin-right: 9px;} .mainboxzurzeit .zurzeitarticle .main > p {margin-left: 9px;margin-right: 9px;} .mainboxzurzeit .zurzeitliste ul > li a.True::after {display:none;} .mainboxzurzeit .zurzeitliste ul > li a.True span:first-child::after {content: "NEU";background: none;background-color: var(--hinweis);color: var(--white);padding-top: 1px;padding-right: 6px;padding-left: 6px;padding-bottom: 1px;border-radius: 5px;font-weight: 100;margin-top: -2px;font-size: 13px;margin-right: -10px;margin-left: 5px;float: none;} .mainboxzurzeitdirektlink {margin-top: 30px;} .mainboxzurzeitdirektlink .mehr {margin-left:0px; margin-right:0px;} .mainboxpressestimmen > .pressestimmenarchiv {width: 85px;} .mainboxpressemitteilungen > .pressemitteilungenarchiv {width: 85px;} .mainboxpresseschau > .presseschauarchiv {width: 85px;} .mainboxindigenainfo .item > div:first-child {width: 25%;min-width:140px;} .mainboxindigenainfo .item > div:last-child > .datum {margin-top: 0px;} .mainboxindigenainfo > .indigenainfoarchiv {width: 85px;} .mainboxzurzeit .zurzeitarchiv > a > span, .mainboxpressestimmen > .pressestimmenarchiv > a > span, .mainboxpressemitteilungen > .pressemitteilungenarchiv > a > span, .mainboxpresseschau > .presseschauarchiv > a > span, .mainboxindigenainfo > .indigenainfoarchiv > a > span {display:none;} .mainboxzurzeit .zurzeitarchiv > a > i, .mainboxpressestimmen > .pressestimmenarchiv > a > i, .mainboxpressemitteilungen > .pressemitteilungenarchiv > a > i, .mainboxpresseschau > .presseschauarchiv > a > i, .mainboxindigenainfo > .indigenainfoarchiv > a > i {margin-left: 12px;} .MobileMain .mainbox > .EntryPageBelow > .divTable > .dtc234 {padding-left: 20px;padding-right: 20px;} .mainbox > .EntryPageBelow > .divTable > .dtc2 {width: 70%;padding-left: 20px;padding-right: 20px;} .mainbox > .EntryPageBelow > .divTable > .dtc4 {width: 30%;padding-left: 20px;padding-right: 20px;vertical-align: top;} .mainbox > .EntryPageBelow > .divTable > .dtc3 {width:0%;} .mainbox > .EntryPageBelow > .divTable > .dtc4 img {width: 100% !important;margin-top: 60px;height: auto;object-fit: contain;} .fullpage .mainbox {margin-left: 0px !important;margin-right: 0px !important;} .articleDiv > .articleWrapper {display: block;} .articleDiv > .articleWrapper > div:first-child {max-width: 100%;} .articleDiv > .articleWrapper > div.right-container {display: block;margin-top: -25px;padding-left:0px;z-index: 199;} .mainboxzurzeit .zurzeitarticle .article {margin-left: 0px;margin-right: 0px;} .mainboxzurzeit .zurzeitarticle .article > h1, .mainboxzurzeit .zurzeitarticle .article > h2 {margin-left: 0px;margin-right: 0px;} .mainboxzurzeit .zurzeitarticle div.datum {margin-left: 0px;margin-right: 0px;} #main .dauerauftrag .mengenhinweis > .bestellmenge > span {display: unset;} #main .dauerauftrag .mengeSticky_bottom {margin-left: -40px;margin-right: -40px;} .DivPrevNext {padding-top: 165px;} #main .fullpagekuratorium > .wrapper {margin-left: 20px;margin-right: 20px;} .kuratorium > .wrapper {grid-column-gap: 30px;} } @media screen and (max-width:820px) { .RelatedArticle > .wrapper {grid-template-columns: repeat(1, 1fr);} .RelatedArticle > .wrapper > .itemWrapperFallback .image {height: auto;} .kuratorium > .wrapper {grid-template-columns: repeat(1, 1fr);grid-row-gap: 20px;} .kuratorium > .wrapper > .item {margin-left: auto;margin-right: auto;} .kuratorium > .wrapper > .item {display: table-row;width: 100%;} .kuratorium > .wrapper > .item > .image {display: table-cell;width: 30%;} .kuratorium > .wrapper > .item > .image > img {border-top-right-radius: 0px;border-bottom-left-radius: 10px;} .kuratorium > .wrapper > .item > .txt {display: table-cell;vertical-align: top;max-width: initial;border-bottom-left-radius: 0px;border-top-right-radius: 10px;} } @media screen and (max-width:800px) { #main .formular {margin-left: 0%;margin-right: 0%;} } @media screen and (max-width:750px) { .fixed-links > li > a {font-size: 15px;padding: 13px 15px 11px 15px;border-top: 0px solid #E5E5E6;} .fixed-links li > div {font-size: 15px;padding: 1px 15px 1px 15px;} .fixed-links li::before {padding-top: 11px;font-size: 15px;} .breadcrumb a {font-size: 13px;padding: 13px 10px 13px 10px;} } @media screen and (max-width:700px) { .page {margin-left: 20px;margin-right: 20px;margin-top: 20px;margin-bottom: 20px;} .supportpage > .supportbox {margin-left: 20px;margin-right: 20px;} #header.MobileHeader > .wrapper .box > .navi {right: 20px;left: 20px;} #main > .wrapper .slider > div .SliderBox > .divTable > .dtc4full img {margin-top: 5px;height: auto;object-fit: contain;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item {} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item div:first-child {display: block;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item div:first-child > .datum {font-size: 0.8em;float: left;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item div:first-child > .ausgabe {font-size: 0.8em;float: left;margin-left: 15px;} #main > .wrapper .pressemitteilungenBox > .wrapper .box > .item div:last-child {display: block;clear: both; padding-top: 2px;padding-bottom: 10px;} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div:first-child {display: block;} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div:last-child {display: block;padding-top: 2px;} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div p.datum {font-size: 0.8em;} #main > .wrapper .pressestimmenBox > .wrapper .box > .item > div p.txt {margin-top: -2px;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item { margin-bottom: 20px;display: block;margin-top: 10px;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item div:first-child {display: table-row;font-size: 0.8em;} #main > .wrapper .presseschauguatemalaBox > .wrapper .box > .item div:last-child {display: table-row;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div:first-child {width: 130px;} #main > .wrapper .indigenainfoBox > .wrapper .box > .item > div:last-child {padding-top: 5px;} #main > .wrapper .kundenkonto {width: 100%;} #main > .wrapper .kundenkonto > .anmelden {display: table;width: 100%;border-right: 0px solid var(--jet);padding-right: 0px;border-bottom: 1px solid var(--jet);padding-bottom: 40px;} #main > .wrapper .kundenkonto > .anmelden h2 {margin-top: 0px !important;} #main > .wrapper .kundenkonto > .registrieren {display: table;width: 100%;padding-left: 0px;} #main > .wrapper .kundenkonto > div > div {} #main > .wrapper .kundenkonto > div > div > .formular {} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .WarenkorbArtikel {padding-left: 0px;padding-right: 0px;} #main > .wrapper .warenkorbbox .anmelden > .WarenkorbTbl > .WarenkorbTr > .WarenkorbUebersicht {margin-left: 0px;margin-right: 0px;} .mainboxpressestimmen .item > div:first-child {display: block;} .mainboxpressestimmen .item > div:first-child > .datum {font-size: 0.8em;} .mainboxpressestimmen .item > div:last-child {display: block;padding-top: 0px;} .mainboxpressestimmen .item > div:first-child > .datum.True::after {margin-top: 0px;margin-left: 10px;} .mainboxpresseschau .item > div:first-child {display: block;} .mainboxpresseschau .item > div:first-child > .datum {font-size: 0.8em;} .mainboxpresseschau .item > div:last-child {display: block;padding-top: 0px;} .mainboxpresseschau .item > div:first-child > .datum.True::after {margin-top: 0px;margin-left: 10px;} .mainboxpressemitteilungen .item > div:first-child {display: block;} .mainboxpressemitteilungen .item > div:first-child > .datum {font-size: 0.8em;margin-bottom:0px;float: left;margin-right: 20px;} .mainboxpressemitteilungen .item > div:last-child {display: block;padding-top: 0px;} .mainboxpressemitteilungen .item > div:first-child > .ausgabe.True::after {display: inline;padding-bottom: 2px;} #large-preview-container {margin-top: 218px; border-radius:0px;} } @media screen and (max-width:600px) { #main > .wrapper .warenkorbbox .WarenkorbArtikel .image {width: 100px;} #main > .wrapper .warenkorbbox .WarenkorbArtikel .image img {width: 80px;height: auto;object-fit: contain;} .fixed-links li.zurzeitshorttitle:last-child {display:none;} #main > .wrapper .schriftlesungArticle ul > li .datumblock {font-size: 15px;} #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper> .bezeichnung, #main > .wrapper .schriftlesungArticle ul > li .datumblock > .wrapper > .datum {padding-bottom: 1px;} #main.MobileMain > .wrapper .schriftlesungArticle ul > li {padding-left: 0px;padding-right: 0px;} #main.MobileMain > .wrapper .schriftlesungArticle ul > li .datumblock {margin-top: 0px;} .kuratorium > .wrapper > .item > .txt > .name {font-size: 23px;line-height: 24px;} .kuratorium > .wrapper > .item > .txt > .funktion {font-size: 18px;} } @media screen and (max-width:520px) { body {background-color: var(--white);} .page > .wrapper {border-radius: 0px;} .page {margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;} .supportpage > .supportbox {margin-left: 0px;margin-right: 0px;} #header > .wrapper {border-top-left-radius: 0px;border-top-right-radius: 0px;} #header.MobileHeader > .wrapper .box > .navi {right: 0px;left: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .presentedBox {margin-left: 20px;margin-right: 20px;margin-top: 20px;} .presentedboxtitle {margin-left: 20px;margin-right: 20px;} #main > .wrapper .newsBox > .wrapper {margin-left: 20px;margin-right: 20px;padding-top: 15px;padding-bottom: 15px;} #main > .wrapper .newsBox {margin-bottom:0px;} #large-preview-container {margin-top: 178px;} .MobileMain .mainbox > .EntryPageBelow > .divTable > .dtc234 {padding-left: 0px;padding-right: 0px;} .mainbox > .EntryPageBelow > .divTable > .dtc2 {width: 70%;padding-left: 0px;padding-right: 0px;} .mainbox > .EntryPageBelow > .divTable > .dtc4 {width: 20%;padding-left: 0px;padding-right: 0px;} .mainbox > .EntryPageBelow > .divTable > .dtc3 {width:10%;} .mainbox > .EntryPageBelow > .divTable > .dtc4 img {width: 100% !important;height: auto;object-fit: contain;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .merkliste {display: block;clear: both;padding-top: 20px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .merkliste a {margin-left:0px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .orderDiv > .orderWarenkorb a {padding: 10px 15px 0px 15px;margin-left: 10px;} .articleDiv > .articleWrapper > .right-container > .articleDetails > .tagsDiv {padding-top: 40px;} .shareArticle { padding-top: 35px;} .shareArticle > .wrapper ul > li:last-child {display:none;} .shareArticle > .wrapper ul > li:first-child {display:block;} .shareArticle > .wrapper ul > li.teilen {display:none;} #main .fullpage > div {margin-left: 20px;margin-right: 20px;} #main .dauerauftrag .mengeSticky_bottom {margin-left: -17px;margin-right: -17px;} html.iphone #main .formular .custom-input-small {width: 30%;} html.iphone #main .formular .custom-input-medium {width: 60%;} #main .fullpagekuratorium > .wrapper {margin-left: 0px;margin-right: 0px;} .DivPrevNext {width: 99%;} #main.MobileMain > .wrapper .schriftlesungArticle ul > li .datumblock {border-top-right-radius: 0px;border-bottom-right-radius: 0px;margin-right: -20px;} } html.iphone .arrow-right, html.iphone .arrow-left, html.ipad .arrow-right, html.ipad .arrow-left, html.mac .arrow-right, html.mac .arrow-left, html.android .arrow-left, html.android .arrow-left {display:none !important;} html.iphone .breadcrumb, html.ipad .breadcrumb, html.mac .breadcrumb, html.android .breadcrumb {overflow-x: scroll !important;overflow-y: hidden !important;} html.ios html, html.ios body {-webkit-text-size-adjust: 100%;} html.ios input[type="date"] {width: auto !important;height: auto !important;padding-top:12px !important;} .audioplayer {position: sticky;bottom: 30px;background-color: var(--antiflashwhite);margin-top: 25px;box-shadow: 0px 0px 5px rgba(85, 85, 85, 0.3) !important;border-radius: 6px;min-height: 92px;display:none;margin-left: auto;margin-right: auto;max-width: 50vw;} .audioplayer > .wrapper {display: table; margin-left: 10px;margin-right: 10px;padding-top: 10px;padding-bottom: 10px;width: -moz-available; width: -webkit-fill-available;} .audioplayer > .wrapper > .box {display: table-row;} .audioplayer > .wrapper > .box > .image {display: table-cell;width: 110px;vertical-align: middle;} .audioplayer > .wrapper > .box > .image img {height: 90px; border-radius: 6px;height: auto;object-fit: contain;} .audioplayer > .wrapper > .box > .text {display: table-cell;vertical-align: middle;margin-right: 20px;} .audioplayer > .wrapper > .box > .text > .action365 {margin-bottom: 2px;font-size: 0.9rem;} .audioplayer > .wrapper > .box > .text > .titel {color: var(--viridian);font-size: 1.3rem;} .audioplayer > .wrapper > .box > .steuerung {display: table-cell;vertical-align: middle;text-align: right;width: 285px;} .ff .audioplayer > .wrapper > .box > .steuerung {text-align: left;} .audioplayer > .wrapper > .box > .steuerung > button {border: 0;cursor: pointer;width: 40px;height: 40px;border-radius: 5px;vertical-align: middle;text-align: center;background-color: var(--background-color-menu);margin-right: 7px;} .audioplayer > .wrapper > .box > .steuerung > button:hover {background-color: var(--white);} .audioplayer > .wrapper > .box > .steuerung > button:hover > i {color:var(--viridian);} .audioplayer > .wrapper > .box > .steuerung > button > i {font-size: 28px;color:var(--black);} .audioplayer > .wrapper > .box > .steuerung > button > i:hover {color:var(--viridian);} .audioplayer > .wrapper > .box > .steuerung > button > i.fa-play {} .audioplayer > .wrapper > .box > .steuerung > button > i.fa-pause {} .audioplayer > .wrapper > .box > .steuerung > button > i.fa-times {} .audioplayer > .wrapper > .box > .steuerung > button.klein {width: 32px;height: 32px;display: inline-block;} .audioplayer > .wrapper > .box > .steuerung > button.klein i {font-size: 20px;} .ios .audioplayer > .wrapper > .box > .steuerung > button.klein {width: 36px;} .audioplayer > .wrapper > .box > .steuerung > #SpeedText {vertical-align: middle;margin-right: 6px;font-size: 10px;} .audioplayer > .wrapper > .box > .text > .rangebox {margin-top: 10px;} .audioplayer > .wrapper > .box > .text > .rangebox > #currentTime {margin-right:5px} .audioplayer > .wrapper > .box > .text > .rangebox > #totalDuration {margin-left:5px;} .audioplayer > .wrapper > .box > .text > .rangebox > #seekSlider {} .rangebox input[type="range"] {-webkit-appearance: none;appearance: none;background: transparent;cursor: pointer;width: 70%;} .rangebox input[type="range"]::-webkit-slider-runnable-track {background: var(--viridian);height: 0.5rem;} /***** Chrome, Safari, Opera, and Edge Chromium *****/ .rangebox input[type="range"]::-moz-range-track {background: var(--viridian);height: 0.5rem;} /******** Firefox ********/ .rangebox input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; margin-top: -4px; /* Centers thumb on the track */ border: 1px solid #999999; border-radius: 10px; background-color: #F0F0F0; height: 15px; width: 15px; } .rangebox input[type="range"]::-moz-range-thumb { border: none; /*Removes extra border that FF applies*/ border-radius: 0; /*Removes default border-radius that FF applies*/ border: 1px solid #999999; border-radius: 10px; background-color: #F0F0F0; height: 12px; width: 12px; } @media screen and (max-width:1300px) { .audioplayer {max-width: 90%;} } @media screen and (max-width:650px) { .audioplayer > .wrapper > .box > .image {display: block;vertical-align: top;float: left;} .audioplayer > .wrapper > .box > .text {display: block;width: -webkit-fill-available;margin-right: 0px;margin-top: 5px;} .audioplayer > .wrapper > .box > .steuerung {display: block;width: max-content;vertical-align: middle;margin-top: 15px;margin-left: auto;margin-right: auto;clear: both;} .rangebox input[type="range"] {width: 78%;} .audioplayer > .wrapper > .box > .steuerung > button {margin-right: 15px;} } .audioplayer > .wrapper > .box audio {display:none;} .AudioLayer {position: fixed !important;top: auto !important;left: auto !important;bottom: 10px !important;right: 10px !important;width: 195px!important;} .AudioLayer > .ui-dialog-content {margin-top: -12px !important;margin-bottom: 0px !important;padding-left: 0px !important;padding-right: 0px !important;}