/* --- Haupt-CSS --- */ /* --- Webfonts --- */ /* --- Unit --- */ @font-face {font-family:"Unit-LightTF"; font-style:normal; font-weight:normal; src:url('../../webfonts/Unit/Unit-Light-TF.woff2') format('woff2'), /* WOFF2: Super Modern Browsers */ url('../../webfonts/Unit/Unit-Light-TF.woff') format('woff'), /* WOFF: Pretty Modern Browsers */ url('../../webfonts/Unit/Unit-Light-TF.ttf') format('truetype');} /* TTF: Safari, Android, iOS */ @font-face {font-family:"Unit-BoldTF"; font-style:normal; font-weight:normal; src:url('../../webfonts/Unit/Unit-Bold-TF.woff2') format('woff2'), /* WOFF2: Super Modern Browsers */ url('../../webfonts/Unit/Unit-Bold-TF.woff') format('woff'), /* WOFF: Pretty Modern Browsers */ url('../../webfonts/Unit/Unit-Bold-TF.ttf') format('truetype');} /* TTF: Safari, Android, iOS */ /* --- GLYPHICONS --- */ @font-face {font-family:"GLYPHICONS"; font-style:normal; font-weight:normal; src: url('../../webfonts/Glyphicons/glyphicons-regular.ttf') format('truetype');} /* TTF: Safari, Android, iOS */ /* --- GLYPHICONS Halflings --- */ @font-face {font-family:"GLYPHICONS Halflings"; font-style:normal; font-weight:normal; src: url('../../webfonts/Glyphicons/glyphicons-halflings-regular.ttf') format('truetype');} /* TTF: Safari, Android, iOS */ /* --- Import-Reihenfolge --- */ /* @import 'breakpoints.scss'; @import 'colors.scss'; @import 'fonts.scss'; @import 'mixins/*'; @import 'globals/*'; @import 'includes/*'; @import 'navigations/*'; @import 'page.scss'; @import 'html.scss'; @import 'items/*'; @import 'objects/*'; @import 'lists/*'; @import 'decorators/*'; @import 'additional.scss'; */ /* *** breakpoints.scss BEGIN ******************************************************************************************************************************************* */ /* --- Breakpoints --- */ /* * 480px = Breakpoint XS min * 544px = Breakpoint S min * 768px = Breakpoint M min * 992px = Breakpoint L min * 1200px = Breakpoint XL min * 1500px = Breakpoint XXL min * 1600px = Breakpoint XXXL min * * 480px - 1 = Breakpoint XS max * 544px - 1 = Breakpoint S max * 768px - 1 = Breakpoint M max * 992px - 1 = Breakpoint L max * 1200px - 1 = Breakpoint XL max * 1500px - 1 = Breakpoint XXL max * 1600px - 1 = Breakpoint XXXL max * * 1600px = Breakpoint Maximal * * Simulationsraster: * $breakpoints: (xs_min: 480px, s_min: 544px, m_min: 768px, l_min: 992px, xl_min: 1200px); * * Raster (Raster, falls noch keine berechneten Bildgroessen vorliegen): * $imageRaster: 1600, 1280, 640, 480, 320, 160; */ /* --- Viewport Varianten, um Ereignisse in der design.js zu feuern --- */ /*@wCssFragment{class:hideIfViewport;variant:xl_min;caption:wenn die Fensterbreite groesser gleich #{$viewport_xl_min} ist;caption-en:if window width is equal or larger than #{$viewport_xl_min}} */ @media only screen and (min-width:1200px) {.hideIfViewport_xl_min {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:xl_max;caption:wenn die Fensterbreite kleiner #{$viewport_xl_min} ist;caption-en:if window width is less #{$viewport_xl_max}} */ @media only screen and (max-width: 1199px) {.hideIfViewport_xl_max {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:l_min;caption:wenn die Fensterbreite groesser gleich #{$viewport_l_min} ist;caption-en:if window width is equal or larger than #{$viewport_l_min}} */ @media only screen and (min-width: 992px) {.hideIfViewport_l_min {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:l_max;caption:wenn die Fensterbreite kleiner #{$viewport_l_min} ist;caption-en:if window width is less #{$viewport_l_max}} */ @media only screen and (max-width: 991px) {.hideIfViewport_l_max {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:m_min;caption:wenn die Fensterbreite groesser gleich #{$viewport_m_min} ist;caption-en:if window width is equal or larger than #{$viewport_m_min}} */ @media only screen and (min-width: 768px) {.hideIfViewport_m_min {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:m_max;caption:wenn die Fensterbreite kleiner #{$viewport_m_min} ist;caption-en:if window width is less #{$viewport_m_max}} */ @media only screen and (max-width: 767px) {.hideIfViewport_m_max {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:s_min;caption:wenn die Fensterbreite groesser gleich #{$viewport_s_min} ist;caption-en:if window width is equal or larger than #{$viewport_s_min}} */ @media only screen and (min-width: 544px) {.hideIfViewport_s_min {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:s_max;caption:wenn die Fensterbreite kleiner #{$viewport_s_min} ist;caption-en:if window width is less #{$viewport_s_max}} */ @media only screen and (max-width: 543px) {.hideIfViewport_s_max {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:xs_min;caption:wenn die Fensterbreite groesser gleich #{$viewport_xs_min} ist;caption-en:if window width is equal or larger than #{$viewport_xs_min}} */ @media only screen and (min-width: 480px) {.hideIfViewport_xs_min {display:none;} } /*@wCssFragment{class:hideIfViewport;variant:xs_max;caption:wenn die Fensterbreite kleiner #{$viewport_xs_min} ist;caption-en:if window width is less #{$viewport_xs_max}} */ @media only screen and (max-width: 479px) {.hideIfViewport_xs_max {display:none;} } /* *** breakpoints.scss END ******************************************************************************************************************************************* */ /* *** page.scss BEGIN ******************************************************************************************************************************************* */ /* --- Seiten-Layout --- */ /* --- Seitenstruktur --- */ /* --- Breiten --- */ /* --- Standarddarstellungen --- */ /* --- Kopfbereich --- */ /* --- Hoehen --- */ /* --- Logo --- */ /* --- Volltextsuche --- */ /* --- Sprachwahl --- */ /* --- Metanavigation --- */ /* --- Hauptnavigation --- */ /* --- Brotkruemelnavigation --- */ /* --- Unternavigation --- */ /* --- Inhaltsbereich --- */ /* --- Standardabstaende --- */ /* --- Spaltenabstaende --- */ /* --- Navigationshilfe --- */ /* --- Seitenhintergrund --- */ html {overflow-y:scroll; -webkit-text-size-adjust:100%; font-size:16px;} body {margin:0; padding:0; font-family:Unit-LightTF, Helvetica, Arial, sans-serif; font-size:1.2rem; line-height:150%; color:#1d1d1b; background:#FFFFFF; -webkit-tap-highlight-color:transparent;} /* --- Breakpoint S bis ... --- */ @media only screen and (min-width:544px){ html {font-size:17px;} body {font-size:1.3rem; line-height:150%;} } /* --- Grundgeruest GET Warenkorb, Infokorb, Bücherkorb --- */ /* *** page.scss END ******************************************************************************************************************************************* */ /* *** html.scss BEGIN ******************************************************************************************************************************************* */ /* --- Allgemein --- */ /* --- Textformatierung --- */ .subline {color:#8E8E8D;} /* 100% = #1d1d1b; 50% = #8E8E8D. */ .subline a {background:none; color:inherit;} .description {font-weight:bold;} .unimportant {color:#777776;} /* 100% = #1d1d1b; 40% = #777776. */ .info, .additional {color:#8E8E8D;} /* 100% = #1d1d1b; 50% = #8E8E8D. */ .noDecoration {text-decoration:none;} .positionRelative {position:relative;} .clearAfter:after {display:table; overflow:hidden; visibility:hidden; clear:both; content:"."; height:0; font-size:0; line-height:0;} .clearBoth {height:0px; line-height:0; font-size:0px; clear:both; padding:0; margin:0; overflow:hidden;} .clearBothSpace {height:10px; line-height:0; font-size:0px; clear:both; padding:0; margin:0; overflow:hidden;} .clickable {cursor:pointer;} .invisible {display:none;} .hideIfEmpty {} .highlighted {background-color:#FFF69D;} .soft {color:#777776;} /* 100% = #1d1d1b; 40% = #777776. */ .preWrap {white-space:pre-wrap;} picture {} html {box-sizing:border-box;} /* box-sizing:border-box; */ *, *:before, *:after {box-sizing:inherit; margin:0; padding:0;} /* box-sizing:inherit; */ img {} p {margin:0 0 1rem 0;} strong {font-style:bold; font-weight:bold;} .colWhite {color:#FFFFFF;} /* FFFFFF */ .colOrange {color:#EE7733;} /* EE7733 */ .alignLeft {text-align:left;} .alignRight {text-align:right;} .alignCenter {text-align:center;} .alignJustify {text-align:justify;} ul {margin:0; padding:0; list-style:none;} ol, ul {margin:0; padding:0;} li {margin:0; padding:0;} hr {margin:0 0 10px 0; border-color:#DDDDDD; border-style:solid none none none; height:0px;} acronym, abbr {border-bottom:dashed 1px #DDDDDD;} blockquote {border-left:solid 4px #DDDDDD; padding-left:1rem;} sup {font-size:70%; line-height:0; vertical-align:super;} /* --- Links --- */ a {text-decoration:underline; color:#1d1d1b; > span {color:inherit !important;} } #blockLeft a, #blockRight a, #blockFooter a {} a.downloadIcon > span, a.iconUrl > span, a.intern:before, a.extern:before, a.box:before, a.boxPicture:before, a.download:before, a.file:before, a.pdf:before, a.doc:before, a.xls:before, a.audio:before, a.video:before, a.next:before, a.back:before, a.up:before, a.down:before, a.mail:before, span.phone:before, a.phone:before, span.fax:before, a.fax:before, span.mobile:before, a.mobile:before, a.vcf:before, a.ical:before, a.cart:before, a.infocart:before, a.book:before {content:''; display:inline-block; outline:none; margin:4px 5px 0 0; width:16px; height:16px; vertical-align:top; background-position:0 0; background-repeat:no-repeat; flex:none;} a.intern, a.extern, a.box, a.boxPicture, a.download, a.file, a.pdf, a.doc, a.xls, a.audio, a.video, a.next, a.back, a.up, a.down, a.mail, span.phone, a.phone, span.fax, a.fax, span.mobile, a.mobile, a.vcf, a.ical, a.cart, a.infocart, a.book {> span {display:inline-block; text-decoration:inherit; color:inherit; font:inherit; max-width:calc(100% - 20px);} } a.intern:before {background-image:url("../../images/links/intern.svg");} a.extern:before {background-image:url("../../images/links/extern.svg");} a.box:before {background-image:url("../../images/links/box.svg");} a.boxPicture:before {background-image:url("../../images/links/box.svg");} a.download:before {background-image:url("../../images/links/download.svg");} a.cart:before {background-image:url("../../images/links/cart.svg");} a.infocart:before {background-image:url("../../images/links/infocart.svg");} a.book:before {background-image:url("../../images/links/book.svg");} a.file:before {background-image:url("../../images/links/file.svg");} a.pdf:before {background-image:url("../../images/links/pdf.svg");} a.doc:before {background-image:url("../../images/links/doc.svg");} a.xls:before {background-image:url("../../images/links/xls.svg");} a.audio:before {background-image:url("../../images/links/audio.svg");} a.video:before {background-image:url("../../images/links/video.svg");} a.next:before {background-image:url("../../images/links/next.svg");} a.back:before {background-image:url("../../images/links/back.svg");} a.up:before {background-image:url("../../images/links/up.svg");} a.down:before {background-image:url("../../images/links/down.svg");} a.mail:before {background-image:url("../../images/links/mail.svg");} span.phone:before, a.phone:before {background-image:url("../../images/links/phone.svg");} span.fax:before, a.fax:before {background-image:url("../../images/links/fax.svg");} span.mobile:before, a.mobile:before {background-image:url("../../images/links/mobile.svg");} a.vcf:before {background-image:url("../../images/links/vcf.svg");} a.ical:before {background-image:url("../../images/links/ical.svg");} a.downloadIcon {background-image:none !important;} a.downloadIcon:before {display:none;} a.phone[href=''], a.phone:not([href]), a.fax[href=''], a.fax:not([href]), a.mobile[href=''], a.mobile:not([href]) {pointer-events:none; cursor:text; text-decoration:none; color:#1d1d1b;} a:hover {text-decoration:none; color:#1d1d1b;} a.wpst {@extend a.mail;} /* --- Schaltflaechen --- */ .linkButton {display:inline-block; text-decoration:none; border:solid 1px #1d1d1b; margin:0 0.3rem 1% 0; border-radius:5px; padding:3px 12px; color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} .linkButton:before {transform:scale(1.2); margin-right:8px;} .linkButton:hover {color:#FFFFFF; background-color:#343432; border-color:#343432;} /* 100% = #1d1d1b; 90% = #343432. 80% = #4A4A49. (rot: #FB0008#) */ .linkButton:active {color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} a.linkButton.cart:before {background-image:url("../../images/links/optimized/cart@stroke(FFFFFF).svg");} a.linkButton:hover.cart:before {background-image:url("../../images/links/optimized/cart@stroke(FFFFFF).svg");} a.linkButton:active.cart:before {background-image:url("../../images/links/optimized/cart@stroke(FFFFFF).svg");} a.linkButton.infocart:before {background-image:url("../../images/links/optimized/infocart@stroke(FFFFFF).svg");} a.linkButton:hover.infocart:before {background-image:url("../../images/links/optimized/infocart@stroke(FFFFFF).svg");} a.linkButton:active.infocart:before {background-image:url("../../images/links/optimized/infocart@stroke(FFFFFF).svg");} a.linkButton.book:before {background-image:url("../../images/links/optimized/book@stroke(FFFFFF).svg");} a.linkButton:hover.book:before {background-image:url("../../images/links/optimized/book@stroke(FFFFFF).svg");} a.linkButton:active.book:before {background-image:url("../../images/links/optimized/book@stroke(FFFFFF).svg");} .linkButtonWhite {display:inline-block; text-decoration:none; border:solid 1px #FFFFFF; margin:0 0.3rem 1% 0; border-radius:5px; padding:3px 12px; color:#1d1d1b; background-color:#FFFFFF; border-color:#1d1d1b;} .linkButtonWhite:before {transform:scale(1.2); margin-right:8px;} .linkButtonWhite:hover {color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} .linkButtonWhite:active {color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} a.linkButtonWhite:hover.cart:before {background-image:url("../../images/links/optimized/cart@stroke(FFFFFF).svg");} a.linkButtonWhite:hover.infocart:before {background-image:url("../../images/links/optimized/infocart@stroke(FFFFFF).svg");} a.linkButtonWhite:hover.book:before {background-image:url("../../images/links/optimized/book@stroke(FFFFFF).svg");} .linkButtonNeutral {display:inline-block; text-decoration:none; border:solid 1px #1d1d1b; margin:0 0.3rem 1% 0; border-radius:5px; padding:3px 12px; color:#1d1d1b; background-color:transparent; border-color:#1d1d1b;} .linkButtonNeutral:before {transform:scale(1.2); margin-right:8px;} .linkButtonNeutral:hover {color:#4A4A49; background-color:transparent; border-color:#4A4A49;} /* 100% = #1d1d1b; 90% = #343432. 80% = #4A4A49. (rot: #FB0008#) */ .linkButtonNeutral:active, .linkButtonNeutral.selected {color:#1d1d1b; background-color:transparent; border-color:#1d1d1b;} a.linkButtonNeutral.cart:before {} a.linkButtonNeutral:hover.cart:before {background-image:url("../../images/links/optimized/cart@stroke(4A4A49).svg");} a.linkButtonNeutral:active.cart:before {background-image:url("../../images/links/optimized/cart@stroke(1d1d1b).svg");} a.linkButtonNeutral.infocart:before {} a.linkButtonNeutral:hover.infocart:before {background-image:url("../../images/links/optimized/infocart@stroke(4A4A49).svg");} a.linkButtonNeutral:active.infocart:before {background-image:url("../../images/links/optimized/infocart@stroke(1d1d1b).svg");} a.linkButtonNeutral.book:before {} a.linkButtonNeutral:hover.book:before {background-image:url("../../images/links/optimized/book@stroke(4A4A49).svg");} a.linkButtonNeutral:active.book:before {background-image:url("../../images/links/optimized/book@stroke(1d1d1b).svg");} .linkButtonGhost {} .linkButtonGhostWhite {} .linkButtonImportant {} /* --- Tabellen --- */ table {font:inherit; color:inherit; border:none;} th, td {vertical-align:top;} table.light {} table.default {} tr.highlighted, th.highlighted, td.highlighted {} td.bgColor1, th.bgColor1 {} /* --- Inhaltsboxen --- */ .elementBox {max-width:100%;} .elementBox_var0 {margin:0.2rem 0 1.5rem 0;} /* Inhaltsbox Standard: [X] Padding, [X] Background, [ ] Border */ .elementBox_var1 {margin:0.2rem 0 1.5rem 0;} /* Inhaltsbox Eingerahmt: [X] Padding, [X] Background, [X] Border */ .elementBox_var10 {margin:0 0 0 0;} /* Inhaltsbox Neutral [ ] Padding, [ ] Background, [ ] Border */ .elementBoxPadding_var0 {padding:0 0 0 0;} /* Padding: ohne */ .elementBoxPadding_var10 {padding:6px 10px 1px 10px;} /* Padding: 10px */ .elementBoxPadding_var20 {padding:12px 20px 1px 20px;} /* Padding: 20px */ .elementBoxPadding_var110 {padding:10px 10px 1px 10px;} /* Padding: 10px (bei mehrspaltigem Container wird oben mehr Abstand benötigt! 6 + 4px) */ .elementBoxPadding_var120 {padding:16px 20px 1px 20px;} /* Padding: 20px (bei mehrspaltigem Container wird oben mehr Abstand benötigt! 12 + 4px) */ .elementBoxColor_var0 {background-color:transparent;} /* Background: Transparent */ .elementBoxColor_var10 {background-color:rgb(255,255,255);} /* Background: Weiss */ .elementBoxColor_var20 {background-color:#F2F2F2;} /* Background: Hellgrau 100% = #000000; 90% = #1A1A1A; 80% = #333333; 70% = #4D4D4D; 60% = #666666; 50% = #808080; 40% = #999999; 30% = #B3B3B3; 20% = #CCCCCC; 10% = #E6E6E6; [5% = F2F2F2]. */ .elementBoxColor_var30 {background-color:#CCCCCC;} /* Background: Mittelgrau 100% = #000000; 90% = #1A1A1A; 80% = #333333; 70% = #4D4D4D; 60% = #666666; 50% = #808080; 40% = #999999; 30% = #B3B3B3; [20% = #CCCCCC]; 10% = #E6E6E6; 5% = F2F2F2. */ .elementBoxColor_var80 {background-color:#4D4D4D;} /* Background: Dunkelgrau 100% = #000000; 90% = #1A1A1A; 80% = #333333; [70% = #4D4D4D]; 60% = #666666; 50% = #808080; 40% = #999999; 30% = #B3B3B3; 20% = #CCCCCC; 10% = #E6E6E6; 5% = F2F2F2. */ .elementBoxColor_var90 {background-color:#000000;} /* Background: Schwarz [100% = #000000]; 90% = #1A1A1A; 80% = #333333; 70% = #4D4D4D; 60% = #666666; 50% = #808080; 40% = #999999; 30% = #B3B3B3; 20% = #CCCCCC; 10% = #E6E6E6; 5% = F2F2F2. */ .elementBoxColor_var190 {background-color:#EE7733;} /* Background: Orange [100% = #EE7733]; 90% = #F08548; 80% = #F1925F; 70% = #F3A071; 60% = #F5AD85; 50% = #F7BB99; 40% = #F8C9AD; 30% = #FAD6C2; 20% = #FCE4D6; 10% = #FDF2EB; [5% = FEF8F5]. */ .elementBoxBorder_var0 {border:none;} /* Border: ohne */ .elementBoxBorder_var10 {border:1px solid #666666;} /* Border: Dunkelgrau 100% = #000000; 90% = #1A1A1A; 80% = #333333; 70% = #4D4D4D; [60% = #666666]; 50% = #808080; 40% = #999999; 30% = #B3B3B3; 20% = #CCCCCC; 10% = #E6E6E6; 5% = F2F2F2. */ .elementBoxRounded_var10 {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;} /* Radius: 10px */ .elementBoxRounded_var20 {border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;} /* Radius: 20px */ .elementBoxShadow_var0 {box-shadow:6px 6px 12px -3px #DDDDDD; -webkit-box-shadow:6px 6px 12px -3px #DDDDDD; -moz-box-shadow:6px 6px 12px -3px #DDDDDD;} .elementBoxShadow_var10 {box-shadow:6px 6px 12px -3px #CCCCCC; -webkit-box-shadow:6px 6px 12px -3px #CCCCCC; -moz-box-shadow:6px 6px 12px -3px #CCCCCC;} /* --- Formularelement --- */ form {} form.hidden {display:none;} input {font:inherit; line-height:2rem; height:2rem; padding:0 0.5rem; margin:0; border:1px solid #8E8E8D; background-color:#FFFFFF;} select {font:inherit; padding:0; margin:0; border:1px solid #8E8E8D; background-color:#FFFFFF;} textarea {font:inherit; padding:0; margin:0; border:1px solid #8E8E8D;} section {} input::-webkit-input-placeholder {font:inherit; line-height:2rem; height:2rem; text-align:left; text-indent:0; color:#8E8E8D;} /* Webkit browsers */ input:-moz-placeholder {font:inherit; line-height:2rem; height:2rem; text-align:left; text-indent:0; color:#8E8E8D;} /* Mozilla Firefox 4 to 18 */ input::-moz-placeholder {font:inherit; line-height:2rem; height:2rem; text-align:left; text-indent:0; color:#8E8E8D;} /* Mozilla Firefox 19+ */ input:-ms-input-placeholder {font:inherit; line-height:2rem; height:2rem; text-align:left; text-indent:0; color:#8E8E8D;} /* Internet Explorer 10+ */ textarea::-webkit-input-placeholder {font:inherit; line-height:2rem; height:2rem; text-align:left; text-indent:0; color:#8E8E8D;} /* Webkit browsers */ textarea:-moz-placeholder {font:inherit; line-height:2rem; height:2rem; text-align:left; text-indent:0; color:#8E8E8D;} /* Mozilla Firefox 4 to 18 */ textarea::-moz-placeholder {font:inherit; line-height:2rem; height:2rem; text-align:left; text-indent:0; color:#8E8E8D;} /* Mozilla Firefox 19+ */ textarea:-ms-input-placeholder {font:inherit; line-height:2rem; height:2rem; text-align:left; text-indent:0; color:#8E8E8D;} /* Internet Explorer 10+ */ input[type="radio"] {border:none; background-color:transparent; height:auto; margin-right:0;} input[type="checkbox"] {border:none; background-color:transparent; height:auto; margin-right:6px;} input[type="file"] {padding:0 !important; border:none;} input.wglDatepicker {} input:focus, select:focus, textarea:focus {outline:none; border:solid 1px solid #8E8E8D;} button {cursor:pointer; font:inherit; font-weight:normal; border:solid 1px #1d1d1b; margin:0 0.3rem 0 0; border-radius:5px; height:2.6rem; padding:0 1rem; color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} button:hover {color:#FFFFFF; background-color:#343432; border-color:#343432;} /* 100% = #1d1d1b; 90% = #343432. 80% = #4A4A49. (rot: #FB0008#) */ button:active {color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} button.buttonReset {color:#1d1d1b; background-color:transparent;} button.buttonReset:hover {color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} button.buttonReset:active {color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} button.buttonNeutral {color:#1d1d1b; background-color:transparent;} button.buttonNeutral:hover {color:#4A4A49; background-color:transparent; border-color:#4A4A49;} /* 100% = #1d1d1b; 90% = #343432. 80% = #4A4A49. (rot: #FB0008#) */ button.buttonNeutral:active {color:#FFFFFF; background-color:#1d1d1b; border-color:#1d1d1b;} /* input[type="text"] + button {margin-left:0.5rem;} */ input[type="text"] {} .wglFormElement {} .wglButton {} label.wglIsInvalid {background-color:#FFFFFF; color:#FB0008;} label.wglIsValid {background-color:#FFFFFF; color:#22AE38;} label.wglIsNeutral {background-color:#FFFFFF; color:#1d1d1b;} input.wglIsInvalid {background-color:#FFFFFF; border:1px solid #FB0008;} input.wglIsValid {background-color:#FFFFFF; border:1px solid #22AE38;} select.wglIsInvalid {background-color:#FEFEFE; border:1px solid #FB0008;} select.wglIsValid {background-color:#FEFEFE; border:1px solid #22AE38;} select.wglIsNeutral {background-color:#FEFEFE;} /* 100% = #FFFFFF; #FEFEFE. (Element SELECT benoetigt im Minimum einen leichten Grauton!) */ textarea.wglIsInvalid {background-color:#FFFFFF; border:1px solid #FB0008;} textarea.wglIsValid {background-color:#FFFFFF; border:1px solid #22AE38;} section.wglIsInvalid {background-color:#FFFFFF; border:1px solid #FB0008;} /* 100% = #FB0008; 20% = #FECCCE. */ section.wglIsValid {background-color:#FFFFFF; border:1px solid #22AE38;} /* 100% = #22AE38; 20% = #D3EFD7. */ section.wglIsNeutral {background-color:#FFFFFF; border:1px solid #DDDDDD;} /* 100% = #FFFFFF; 20% = #FFFFFF. */ .wglIsInvalid {background-color:#FECCCE;} /* 100% = #FB0008; 20% = #FECCCE. */ .wglIsValid {background-color:#D3EFD7;} /* 100% = #22AE38; 20% = #D3EFD7. */ .wglIsNeutral {background-color:#FFFFFF;} /* 100% = #FFFFFF; 20% = #FFFFFF. */ .wglInfoAlreadyUploaded {} .wglInfoAlreadyUploadedText {} .wglInfoAlreadyUploadedFilename {} .wglCaptcha {} .wglCaptchaArithmeticQuestion {} .wglRadioWrapper {margin:0; padding:0; clear:both;} .wgRadioWrapperFloat {margin-right:10px; padding:0; float:left;} .wglRadio {margin:0; padding:0 10px 0 5px; float:left; display:block; overflow:hidden;} .wglRadio input {margin-right:10px; padding:0; background-color:transparent;} .wglRadio input[type="text"] {margin-left:4px; padding:0;} .wglRadio label {margin:0; padding:0 !important;} .wglCheckboxWrapper {margin:0; padding:0; clear:both;} .wglCheckboxWrapperFloat {margin-right:10px; padding:0; float:left;} .wglCheckbox {margin:0; padding:0; float:left; display:block; overflow:hidden;} .wglCheckbox input {margin-right:4px; background-color:transparent;} .wglCheckbox input[type="text"] {margin-left:4px;} .wglCheckbox label {margin:0; padding:0 !important;} .wglInputTimeAfterDate {} .wglUploaderForm {} .infoFormDateTime {} label {display:block; float:left;} section.XS, section.XM, section.S, section.M, section.L, section.XL, section.XXL {display:block; float:left; padding-left:10px;} label.XS {width:14%; margin-left:1%;} label.XS:first-child {width:15%; margin-left:0;} input.XS, textarea.XS, select.XS, section.XS {width:14%; margin-left:1%;} input.XS:first-child, textarea.XS:first-child, select.XS:first-child, section.XS.firstChild {width:15%; margin-left:0;} label.XM {width:18%; margin-left:1%;} label.XM:first-child {width:19%; margin-left:0;} input.XM, textarea.XM, select.XM, section.XM {width:18%; margin-left:1%;} input.XM:first-child, textarea.XM:first-child, select.XM:first-child, section.XM.firstChild {width:19%; margin-left:0;} label.S {width:29%; margin-left:1%;} label.S:first-child {width:30%; margin-left:0;} input.S, textarea.S, select.S, section.S {width:29%; margin-left:1%;} input.S:first-child, textarea.S:first-child, select.S:first-child, section.S.firstChild {width:30%; margin-left:0;} label.M {width:49%; margin-left:1%;} label.M:first-child {width:50%; margin-left:0;} input.M, textarea.M, select.M, section.M {width:49%; margin-left:1%;} input.M:first-child, textarea.M:first-child, select.M:first-child, section.M.firstChild {width:50%; margin-left:0;} label.L {width:69%; margin-left:1%;} label.L:first-child {width:70%; margin-left:0;} input.L, textarea.L, select.L, section.L {width:69%; margin-left:1%;} input.L:first-child, textarea.L:first-child, select.L:first-child, section.L.firstChild {width:70%; margin-left:0;} label.XL {width:84%; margin-left:1%;} label.XL:first-child {width:85%; margin-left:0;} input.XL, textarea.XL, select.XL, section.XL {width:84%; margin-left:1%;} input.XL:first-child, textarea.XL:first-child, select.XL:first-child, section.XL.firstChild {width:85%; margin-left:0;} label.XXL {width:99%; margin-left:1%;} label.XXL:first-child {width:100%; margin-left:0;} input.XXL, textarea.XXL, select.XXL, section.XXL {width:99%; margin-left:1%;} input.XXL:first-child, textarea.XXL:first-child, select.XXL:first-child, section.XXL.firstChild {width:100%; margin-left:0;} .wglFormStatusSubmited button {} .requiredFormfield {display:none !important;} .wglLightbox {} .pictureZoomer {} .wglContainerInsideTopOnScroll {} .wglMaximizer {} .errorMessages {} .wglErrorMessage {} .textInfo {} .tagCloud {} #fontResizer {} .fontResizerShrink {} .fontResizerEnlarge {} /* --- Lupenfunktion, wie sie z.B. im Shop genutzt wird ---*/ .wMagnifier {} /* *** html.scss END ******************************************************************************************************************************************* */ /* Bilder */ img.picture {max-width:100%; height:auto; margin:0 1rem 1rem 0; padding:0;} img.pictureLeft {float:left; margin:0 1rem 0.5rem 0; padding:0;} img.pictureRight {float:right margin:0 0 0.5rem 1rem; padding:0;} img.pictureWithBorder {border:1px solid #DDDDDD;} img.pictureWithShadow {box-shadow:10px 10px 11px -1px #BCBCBC; -webkit-box-shadow:10px 10px 11px -1px #BCBCBC; -moz-box-shadow:10px 10px 11px -1px #BCBCBC;} /* Bildelement */ /* --- */ .elementClearer {margin:0; height:0px; clear:both;} .elementSpace {margin:0; height:1rem;} .elementClearerWithSpace {margin:0; height:1rem; clear:both} .spacer1 {height:1rem;} .spacer2 {height:2rem;} .spacer3 {height:3rem;} .spacer4 {height:4rem;} .spacer5 {height:5rem;} .spacer6 {height:6rem;} .spacer7 {height:7rem;} .spacer8 {height:8rem;} .negativeSpacer1 {height:0; margin-top:-1rem;} .negativeSpacer2 {height:0; margin-top:-2rem;} .negativeSpacer3 {height:0; margin-top:-3rem;} /* --- Spalten --- */ /* --- Tab-Container --- */ .elementTabContainer {} .elementTabContainer .tabs {} /* height:32px; border-bottom:2px solid #C20736; */ .elementTabContainer .tab {} .containerEntries2 .tab {padding:0; float:left; overflow:hidden;} .containerEntries2 .tab1 {width:50%; margin-left:0%;} .containerEntries2 .tab2 {width:49%; margin-left:1%;} .containerEntries3 .tab {padding:0; float:left; overflow:hidden;} .containerEntries3 .tab1 {width:34%; margin-left:0%;} .containerEntries3 .tab2 {width:32%; margin-left:1%;} .containerEntries3 .tab3 {width:32%; margin-left:1%;} .containerEntries4 .tab {padding:0; float:left; overflow:hidden;} .containerEntries4 .tab1 {width:25%; margin-left:0%;} .containerEntries4 .tab2 {width:24%; margin-left:1%;} .containerEntries4 .tab3 {width:24%; margin-left:1%;} .containerEntries4 .tab4 {width:24%; margin-left:1%;} .tabs button {width:100%; height:30px; display:block; cursor:pointer; font:inherit; font-size:14px; font-weight:400; border:none; padding:0 3px; margin:0; border-radius:4px 4px 0 0; background-color:#1D1D1B; color:#FFFFFF;} /* Schwarz 100% = #1D1D1B. 90% = #343432. 80% = #4A4A49. */ .tabs button.tabMain {background-color:#1D1D1B; color:#FFFFFF;} /* Schwarz 100% = #1D1D1B. 90% = #343432. 80% = #4A4A49. */ .tabs button.tabMain:hover {background-color:#343432; color:#FFFFFF;} /* 90% Schwarz 100% = #1D1D1B. 90% = #343432. 80% = #4A4A49. */ .tabs button.tabNeutral {background-color:#F0F0F0; color:#1D1D1B;} /* Grau 100% = #F0F0F0. */ .tabs button.tabNeutral:hover {background-color:#F0F0F0; color:#8E8E8D;} /* Grau 100% = #F0F0F0. */ /* *** items > elementHeadline.scss BEGIN ******************************************************************************************************************************************* */ /* --- Ueberschriften --- */ /* --- Ueberschriften: Mobile Ansicht --- */ h1, div.h1 {font-size:2.4rem; font-family:inherit; line-height:110%; font-weight:normal; color:#1d1d1b; margin:0; padding:2.25rem 0 1.2rem 0;} h2, div.h2 {font-size:1.8rem; font-family:inherit; line-height:120%; font-weight:normal; color:#1d1d1b; margin:0; padding:1.6rem 0 1rem 0;} h3, div.h3 {font-size:1.4rem; font-family:inherit; line-height:130%; font-weight:normal; color:#1d1d1b; margin:0; padding:1rem 0 0.8rem 0;} h4, div.h4 {font-size:1.2rem; font-family:inherit; line-height:130%; font-weight:bold; color:#1d1d1b; margin:0; padding:0.8rem 0 0.6rem 0;} h5, div.h5 {font-size:1rem; font-family:inherit; line-height:130%; font-weight:bold; color:#1d1d1b; margin:0; padding:0.7rem 0 0.6rem 0;} h6, div.h5 {font-size:1rem; font-family:inherit; line-height:130%; font-weight:bold; color:#1d1d1b; margin:0; padding:0.6rem 0 0.6rem 0;} /* --- Ueberschriften: Breakpoint M bis XXXL --- */ @media only screen and (min-width:768px){ h1, div.h1 {font-size:2.8rem; font-family:inherit; line-height:110%; font-weight:normal; color:#1d1d1b; margin:0; padding:2.25rem 0 1.2rem 0;} h2, div.h2 {font-size:2.4rem; font-family:inherit; line-height:120%; font-weight:normal; color:#1d1d1b; margin:0; padding:1.6rem 0 1rem 0;} h3, div.h3 {font-size:1.8rem; font-family:inherit; line-height:120%; font-weight:normal; color:#1d1d1b; margin:0; padding:1.0rem 0 0.8rem 0;} h4, div.h4 {font-size:1.4rem; font-family:inherit; line-height:130%; font-weight:bold; color:#1d1d1b; margin:0; padding:0.8rem 0 0.6rem 0;} h5, div.h5 {font-size:1rem; font-family:inherit; line-height:130%; font-weight:bold; color:#1d1d1b; margin:0; padding:0.7rem 0 0.6rem 0;} h6, div.h6 {font-size:1rem; font-family:inherit; line-height:130%; font-weight:bold; color:#1d1d1b; margin:0; padding:0.6rem 0 0.6rem 0;} } .elementHeadline {} .elementHeadline .elementContent {position:static; margin:0 auto; font-weight:normal;} .elementHeadline .weditor {position:relative;} .elementHeadline .no-weditor, .elementHeadline:last-child {padding-bottom:0;} .elementHeadline:first-child {padding-top:0;} .elementHeadline .elementText {margin-top:0;} .elementHeadline p {margin:0;} .elementHeadline .weditor, .elementHeadline .wEditorWysiwyg {word-wrap:normal !important;} /* Damit im Editor nicht automatisch umgebrochen wird */ /*@wCssFragment{class:elementHeadline;variant:0;caption:Standard√ºberschrift;caption-en:Default;livepreview:yes}*/ .elementHeadline_var0 {margin-left:auto; margin-right:auto;} /*@wCssFragment{class:elementHeadlineAlign;variant:0;caption:Links;caption-en:Left;livepreview:yes}*/ .elementHeadlineAlign_var0 {text-align:left;} /*@wCssFragment{class:elementHeadlineAlign;variant:10;caption:Mittig;caption-en:Center;livepreview:yes}*/ .elementHeadlineAlign_var10 {text-align:center;} /*@wCssFragment{class:elementHeadlineAlign;variant:20;caption:Rechts;caption-en:Right;livepreview:yes}*/ .elementHeadlineAlign_var20 {text-align:right;} /*@wCssFragment{class:elementHeadlineLevel;variant:auto;caption:Automatisch;caption-en:Auto;livepreview:no}*/ .elementHeadlineLevel_varauto {} /*@wCssFragment{class:elementHeadlineLevel;variant:h1;caption:√úberschrift 1;caption-en:Headline 1;livepreview:no}*/ .elementHeadlineLevel_varh1 {} /*@wCssFragment{class:elementHeadlineLevel;variant:h2;caption:√úberschrift 2;caption-en:Headline 2;livepreview:no}*/ .elementHeadlineLevel_varh2 {} /*@wCssFragment{class:elementHeadlineLevel;variant:h3;caption:√úberschrift 3;caption-en:Headline 3;livepreview:no}*/ .elementHeadlineLevel_varh3 {} /*@wCssFragment{class:elementHeadlineLevel;variant:h4;caption:√úberschrift 4;caption-en:Headline 4;livepreview:no}*/ .elementHeadlineLevel_varh4 {} /* *** items > elementHeadline.scss END ******************************************************************************************************************************************* */ /* *** items > elementText.scss BEGIN ******************************************************************************************************************************************* */ /* Texte */ .elementText {position:static; margin-left:auto; margin-right:auto;} .elementText p {margin-bottom:1rem;} .elementText p.hasOnlyATag {margin-top:-0.75rem;} .elementText ol {margin:0 0 1rem 0; padding:0 0 0 1.5rem;} .elementText ul {margin:0 0 1rem 0; padding:0 0 0 1.5rem; list-style:none;} .elementText li {padding-left:1rem; position:relative; overflow:hidden;} .elementText li:before {content:''; display:inline-block; position:absolute; margin:4px 2px 0 -1.2rem; width:1.2rem; height:1.2rem; vertical-align:top; background-image:url("../../images/icons/list-style-image.svg"); background-position:0 0; background-repeat:no-repeat;} /*@wCssFragment{class:elementText;variant:0;caption:Standard;caption-en:Default;livepreview:yes}*/ .elementText_var0 {} /*@wCssFragment{class:elementText;variant:10;caption:Zusatzinfo;caption-en:Additional;livepreview:yes;usertypes:admin}*/ .elementText_var10 {} /*@wCssFragment{class:elementText;variant:20;caption:Zusammenfassung;caption-en:Conclusion;livepreview:yes;usertypes:admin}*/ .elementText_var20 {} /*@wCssFragment{class:elementText;variant:50;caption:Groß;caption-en:Large;livepreview:yes;usertypes:admin}*/ .elementText_var50 {margin-bottom:2rem;} .elementText_var50 p, .elementText_var50 li {font-weight:100; font-size:1.7rem; line-height:130%;} /* *** items > elementText.scss END ******************************************************************************************************************************************* */ /* *** items > elementPicture.scss BEGIN ******************************************************************************************************************************************* */ /* *** items > elementPicture.scss END ******************************************************************************************************************************************* */ /* *** items > elementForm.scss BEGIN ******************************************************************************************************************************************* */ /* --- Formulare --- */ .elementForm {} .elementForm .requiredFormfield {display:none !important;} .elementForm .formLabelStar {color:#8E8E8D; padding-left:2px;} /* 100% = #1d1d1b; 50% = #8E8E8D. */ .elementForm dl.form, .elementForm div.form {margin:0; padding:0; width:100%;} .elementForm label {display:inline-block; line-height:1.82rem; padding-top:0.39rem !important; padding-bottom:0.39rem !important; margin-top:0.3rem; margin-bottom:-0.1rem;} .elementForm .wglCheckboxFloat label, .elementForm .wglCheckbox label, .elementForm .wglRadioFloat label, .elementForm .wglRadio label {margin:0;} .elementForm input, .elementForm select:not([multiple^="multiple"]) {height:3rem;} /* height:2.6rem; */ .elementForm input {line-height:2.6rem; padding:0 0.5rem 0 0.5rem;} .elementForm input[type='text'] {border-radius:0; /* appearance:none; */ /* -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; */ } .elementForm select {line-height:2.6rem; padding:0 1.1rem 0 0.3rem; /* border-radius:0; background-image:url("../../images/icons/select-opener.svg"); background-repeat:no-repeat; background-position:right center; appearance:none; */ /* -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; */ } .elementForm select:-moz-focusring {color:transparent; text-shadow:0 0 0 #000;} .elementForm select::-ms-expand {display:none;} .elementForm select[multiple='multiple'] {padding:0.3rem; background-image:none;} .elementForm input[type='radio'] {width:auto;} .elementForm input[type='checkbox'] {width:auto;} .elementForm input[type=file] {} .elementForm textarea {padding:0.3rem 0.5rem; border-radius:0; /* appearance:none; */ /* -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; */ } /* Formulare: Einstellungen für alle ausser iOS Geräte */ @supports not (-webkit-overflow-scrolling:touch) { .elementForm .wglCheckboxWrapper label {padding-left:1em; display:block;} /* Verhindert Umbruch bzw. vertikale Verschiebung von LABEL und CHECKBOX bei mehreren Zeilen */ .elementForm .wglCheckboxWrapperFloat label {padding-left:1em; display:block;} /* Verhindert Umbruch bzw. vertikale Verschiebung von LABEL und CHECKBOX bei mehreren Zeilen */ .elementForm .wglCheckboxWrapper label span {vertical-align:middle;} .elementForm .wglCheckboxWrapperFloat label span {vertical-align:middle;} .elementForm .wglCheckboxWrapper input[type='checkbox'] {position:absolute; vertical-align:middle; margin-top:0;} /* Verhindert Umbruch bzw. vertikale Verschiebung von LABEL und CHECKBOX bei mehreren Zeilen */ } /* Formulare: Spezial-Einstellungen nur für iOS Geräte: Korrektur damit CHECKBOX bei iOS Geräten nicht zu weit oben dargestellt wird */ @supports (-webkit-overflow-scrolling:touch) { .elementForm .wglCheckboxWrapper label {padding-left:1.2em; display:block;} /* Verhindert Umbruch bzw. vertikale Verschiebung von LABEL und CHECKBOX bei mehreren Zeilen */ .elementForm .wglCheckboxWrapperFloat label {padding-left:1.2em; display:block;} /* Verhindert Umbruch bzw. vertikale Verschiebung von LABEL und CHECKBOX bei mehreren Zeilen */ .elementForm .wglCheckboxWrapper label span {vertical-align:middle;} .elementForm .wglCheckboxWrapperFloat label span {vertical-align:middle;} .elementForm .wglCheckboxWrapper input[type='checkbox'] {position:absolute; vertical-align:middle; margin-top:0.8rem;} /* Verhindert Umbruch bzw. vertikale Verschiebung von LABEL und CHECKBOX bei mehreren Zeilen */ } .elementForm button {margin:0 0 1% 1%; height:2.6re,; padding:0 1rem; user-select:none;} .elementForm button:last-child {margin-left:4px;} .elementForm .linkButton {margin:0 0 1% 1%;} .elementForm .linkButton:last-child {margin-left:4px;} .elementForm .linkButtonWhite {margin:0 0 1% 1%;} .elementForm .linkButtonWhite:last-child {margin-left:4px;} .elementForm .linkButtonNeutral {margin:0 0 1% 1%;} .elementForm .linkButtonNeutral:last-child {margin-left:4px;} .elementForm dt, div.formElement {position:relative; clear:left;} .elementForm dt, .elementForm div.formElement > div:first-child {display:block; clear:left; margin:0 0 0 0; line-height:120%;} .elementForm dt.formElementHideLabel, .elementForm div.formElement.formElementHideLabel > div:first-child {display:none} .elementForm dd, .elementForm div.formElement > div:last-child {display:block; width:100%; margin-bottom:0.6rem;} .elementForm dd.formElementButton, .elementForm div.formElement.formElementButton {text-align:right;} .elementForm dd.formElementSpacer, .elementForm div.formElement.formElementSpacer {margin-bottom:3rem;} .elementForm dd.formElementCaptcha, .elementForm div.formElementCaptcha {} .elementForm .wglContainsErrorMessageInline {position:relative;} .elementForm .wglErrorMessageInline {position:absolute; top:0; right:0;} .elementForm .wglErrorMessageInline > div {font-size:1.04rem; white-space:nowrap; background-color:#FECCCE; color:#FB0008; display:inline-block; padding:1px 8px; border:solid 1px #FB0008; border-radius:4px;} .elementForm .wglContainsValidationStatusInline {position:relative;} .elementForm .wglValidationStatusOK {display:inline-block;} .elementForm .wglValidationStatusOK.loaded {} .elementForm .wglValidationStatusOK div { opacity:0; transform:scale(0.5); margin:0 -18px 0 4px; width:18px; height:16px; background-image:url("../../images/gui/icons.svg"); background-size:800px; background-repeat:no-repeat; background-position:-390px -6px;} .elementForm .wglValidationStatusOK.loaded div {transition:all 0.3s ease-in-out; opacity:1; transform:scale(1); margin:0 -18px 0 4px; width:18px; height:16px; background-image:url("../../images/gui/icons.svg"); background-size:800px; background-repeat:no-repeat; background-position:-390px -6px;} .elementForm .wglConditionalFormdata {transition:all 0.3s ease-in; overflow:hidden; height:auto; opacity:1;} .elementForm .wglShowConditionalFormdata {} .elementForm .wglHideConditionalFormdata {pointer-events:none; height:0; margin-bottom:0 !important; opacity:0;} /* --- Reduziert die Spaltenabstaende beim Einsatz mehrspaltiger Container --- */ .elementForm .elementContainerStandardColumns {} /*@wCssFragment{class:elementForm;variant:0;caption:Standard;caption-en:Standard}*/ .elementForm_var0 {} /*@wCssFragment{class:elementForm;variant:1;caption:Volle Breite;caption-en:Volle Breite}*/ .elementForm_var1 {} /* *** items > elementForm.scss END ******************************************************************************************************************************************* */ /* --- Textformatierung --- */ /* --- Links --- */ /* --- Bilder --- */ /* --- Tabellen --- */ /* --- Globale Elemente --- */ /* --- Allgemeine Elemente --- */ /* --- Spezielle Elemente --- */ /* *** items > elementContainerStandard.scss BEGIN ******************************************************************************************************************************************* */ /* --- Mehrspaltiger Inhaltscontainer --- */ .elementContainerStandard {max-width:100% !important;} .elementContainerStandard {margin-bottom:2rem; clear:both;} .elementContainerStandard .col {float:left; width:100%; margin-bottom:2rem;} .elementContainerStandard .col:last-child {margin-bottom:0;} .elementContainerStandard div {margin:0;} .elementContainerStandard div:last-child {margin-bottom:0;} /* .elementContainerStandard .col1 {border:1px solid #FF0000;} */ /* .elementContainerStandard .col2 {border:1px solid #FFFF00;} */ /* .elementContainerStandard .col3 {border:1px solid #00FF00;} */ /* .elementContainerStandard .col4 {border:1px solid #00FFFF;} */ /* .elementContainerStandard .col5 {border:1px solid #0000FF;} */ /* --- Individuelle Spaltenhöhe --- */ /*@wCssFragment{class:elementContainerStandard;variant:0;caption:Individuelle Spaltenhöhe;caption-en:Different heights}*/ .elementContainerStandard_var0 {} .elementContainerStandard_var0 .col {} /* --- Zweispaltig 30 / 70 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:3070;caption:Zweispaltig 30 / 70;caption-en:30 / 70;contentgroups:;selectable:yes}*/ .elementContainerStandardColumns_var3070 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var3070 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var3070 .col {padding:0 8px;} .elementContainerStandardColumns_var3070 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var3070 .col2 {width:50%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var3070 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var3070 .col {padding:0 16px;} .elementContainerStandardColumns_var3070 .col1 {width:30%; margin-bottom:0;} .elementContainerStandardColumns_var3070 .col2 {width:70%; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 70 / 30 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:7030;caption:Zweispaltig 70 / 30;caption-en:70 / 30;contentgroups:;selectable:yes}*/ .elementContainerStandardColumns_var7030 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var7030 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var7030 .col {padding:0 8px;} .elementContainerStandardColumns_var7030 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var7030 .col2 {width:50%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var7030 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var7030 .col {padding:0 16px;} .elementContainerStandardColumns_var7030 .col1 {width:70%; margin-bottom:0;} .elementContainerStandardColumns_var7030 .col2 {width:30%; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 33 / 66 --- */ .elementContainerStandardColumns_var3366 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var3366 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var3366 .col {padding:0 8px;} .elementContainerStandardColumns_var3366 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var3366 .col2 {width:50%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var3366 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var3366 .col {padding:0 16px;} .elementContainerStandardColumns_var3366 .col1 {width:33.33%; margin-bottom:0;} .elementContainerStandardColumns_var3366 .col2 {width:66.66%; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 66 / 33 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:6633;caption:Zweispaltig 66 / 33;caption-en:66 / 33;contentgroups:}*/ .elementContainerStandardColumns_var6633 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var6633 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var6633 .col {padding:0 8px;} .elementContainerStandardColumns_var6633 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var6633 .col2 {width:50%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var6633 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var6633 .col {padding:0 16px;} .elementContainerStandardColumns_var6633 .col1 {width:66.66%; margin-bottom:0;} .elementContainerStandardColumns_var6633 .col2 {width:33.33%; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 40 / 60 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:4060;caption:Zweispaltig 40 / 60;caption-en:40 / 60;contentgroups:}*/ .elementContainerStandardColumns_var4060 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var4060 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var4060 .col {padding:0 8px;} .elementContainerStandardColumns_var4060 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var4060 .col2 {width:50%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var4060 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var4060 .col {padding:0 16px;} .elementContainerStandardColumns_var4060 .col1 {width:40%; margin-bottom:0;} .elementContainerStandardColumns_var4060 .col2 {width:60%; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 60 / 40 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:6040;caption:Zweispaltig 60 / 40;caption-en:60 / 40;contentgroups:}*/ .elementContainerStandardColumns_var6040 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var6040 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var6040 .col {padding:0 8px;} .elementContainerStandardColumns_var6040 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var6040 .col2 {width:50%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var6040 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var6040 .col {padding:0 16px;} .elementContainerStandardColumns_var6040 .col1 {width:60%;; margin-bottom:0;} .elementContainerStandardColumns_var6040 .col2 {width:40%;; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 50 / 50 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:5050;caption:Zweispaltig 50 / 50;caption-en:50 / 50;contentgroups:;selectable:yes}*/ .elementContainerStandardColumns_var5050 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var5050 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var5050 .col {padding:0 8px;} .elementContainerStandardColumns_var5050 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var5050 .col2 {width:50%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var5050 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var5050 .col {padding:0 16px;} .elementContainerStandardColumns_var5050 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var5050 .col2 {width:50%; margin-bottom:0; padding-right:0;} } /* --- Dreispaltig 33 / 33 / 33 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:333333;caption:Dreispaltig 33 / 33 / 33;caption-en:33 / 33 / 33;contentgroups:;selectable:yes}*/ .elementContainerStandardColumns_var333333 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var333333 {margin-left:-8px;, margin-right:-8px;} .elementContainerStandardColumns_var333333 .col {padding:0 8px;} .elementContainerStandardColumns_var333333 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var333333 .col2 {width:50%; margin-bottom:0; padding-right:0;} .elementContainerStandardColumns_var333333 .col3 {clear:both;} .elementContainerStandardColumns_var333333 .col3 {width:100%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var333333 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var333333 .col {padding:0 16px;} .elementContainerStandardColumns_var333333 .col {width:33.33%; margin-bottom:0;} .elementContainerStandardColumns_var333333 .col3 {clear:unset;} .elementContainerStandardColumns_var333333 .col3 {padding-right:0;} } /* --- Vierspaltig 25 / 25 / 25 / 25 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:25252525;caption:Vierspaltig 25 / 25 / 25 / 25;caption-en:25 / 25 / 25 / 25;contentgroups:;selectable:yes}*/ .elementContainerStandardColumns_var25252525 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var25252525 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var25252525 .col {padding:0 8px;} .elementContainerStandardColumns_var25252525 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var25252525 .col2 {width:50%; margin-bottom:0; padding-right:0;} .elementContainerStandardColumns_var25252525 .col3 {clear:both;} .elementContainerStandardColumns_var25252525 .col3 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var25252525 .col4 {width:50%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var25252525 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var25252525 .col {padding:0 16px;} .elementContainerStandardColumns_var25252525 .col {width:25%; margin-bottom:0;} .elementContainerStandardColumns_var25252525 .col3 {clear:unset;} .elementContainerStandardColumns_var25252525 .col4 {padding-right:0;} } /* --- Fünfspaltig 20 / 20 / 20 / 20 / 20 --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:2020202020;caption:Fünfspaltig 20 / 20 / 20 / 20 / 20;caption-en:20 / 20 / 20 / 20 / 20;contentgroups:;selectable:yes}*/ .elementContainerStandardColumns_var2020202020 {} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var2020202020 {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var2020202020 .col {padding:0 8px;} .elementContainerStandardColumns_var2020202020 .col1 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var2020202020 .col2 {width:50%; margin-bottom:0; padding-right:0;} .elementContainerStandardColumns_var2020202020 .col3 {width:50%; margin-bottom:0;} .elementContainerStandardColumns_var2020202020 .col4 {width:50%; margin-bottom:0; padding-right:0;} .elementContainerStandardColumns_var2020202020 .col5 {clear:both;} .elementContainerStandardColumns_var2020202020 .col5 {width:100%; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var2020202020 {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var2020202020 .col {padding:0 16px;} .elementContainerStandardColumns_var2020202020 .col {width:20%; margin-bottom:0;} .elementContainerStandardColumns_var2020202020 .col5 {clear:unset;} .elementContainerStandardColumns_var2020202020 .col5 {padding-right:0;} } /* --- Zweispaltig 33 / 66 bei einspaltiger Ansicht umgedreht --- */ .elementContainerStandardColumns_var3366reverseSingle {display:flex; flex-wrap:wrap; flex-direction:column-reverse;} .elementContainerStandardColumns_var3366reverseSingle .col {padding:0; margin:0;} .elementContainerStandardColumns_var3366reverseSingle .col1 {margin-top:2rem; margin-bottom:-2rem;} .elementContainerStandardColumns_var3366reverseSingle .col2 {margin-top:0; margin-bottom:0;} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var3366reverseSingle {display:block;} .elementContainerStandardColumns_var3366reverseSingle {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var3366reverseSingle .col {padding:0 8px;} .elementContainerStandardColumns_var3366reverseSingle .col1 {width:50%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var3366reverseSingle .col2 {width:50%; margin-top:0; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var3366reverseSingle {display:block;} .elementContainerStandardColumns_var3366reverseSingle {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var3366reverseSingle .col {padding:0 16px;} .elementContainerStandardColumns_var3366reverseSingle .col1 {width:33.33%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var3366reverseSingle .col2 {width:66.66%; margin-top:0; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 66 / 33 bei einspaltiger Ansicht umgedreht --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:6633reverseSingle;caption:Zweispaltig 66 / 33 bei einspaltiger Ansicht umgedreht;caption-en:66 / 33;contentgroups:}*/ .elementContainerStandardColumns_var6633reverseSingle {display:flex; flex-wrap:wrap; flex-direction:column-reverse;} .elementContainerStandardColumns_var6633reverseSingle .col {padding:0; margin:0;} .elementContainerStandardColumns_var6633reverseSingle .col1 {margin-top:2rem; margin-bottom:-2rem;} .elementContainerStandardColumns_var6633reverseSingle .col2 {margin-top:0; margin-bottom:0;} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var6633reverseSingle {display:block;} .elementContainerStandardColumns_var6633reverseSingle {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var6633reverseSingle .col {padding:0 8px;} .elementContainerStandardColumns_var6633reverseSingle .col1 {width:50%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var6633reverseSingle .col2 {width:50%; margin-top:0; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var6633reverseSingle {display:block;} .elementContainerStandardColumns_var6633reverseSingle {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var6633reverseSingle .col {padding:0 16px;} .elementContainerStandardColumns_var6633reverseSingle .col1 {width:66.66%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var6633reverseSingle .col2 {width:33.33%; margin-top:0; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 40 / 60 bei einspaltiger Ansicht umgedreht --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:4060reverseSingle;caption:Zweispaltig 40 / 60 bei einspaltiger Ansicht umgedreht;caption-en:40 / 60;contentgroups:}*/ .elementContainerStandardColumns_var4060reverseSingle {display:flex; flex-wrap:wrap; flex-direction:column-reverse;} .elementContainerStandardColumns_var4060reverseSingle .col {padding:0; margin:0;} .elementContainerStandardColumns_var4060reverseSingle .col1 {margin-top:2rem; margin-bottom:-2rem;} .elementContainerStandardColumns_var4060reverseSingle .col2 {margin-top:0; margin-bottom:0;} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var4060reverseSingle {display:block;} .elementContainerStandardColumns_var4060reverseSingle {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var4060reverseSingle .col {padding:0 8px;} .elementContainerStandardColumns_var4060reverseSingle .col1 {width:50%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var4060reverseSingle .col2 {width:50%; margin-top:0; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var4060reverseSingle {display:block;} .elementContainerStandardColumns_var4060reverseSingle {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var4060reverseSingle .col {padding:0 16px;} .elementContainerStandardColumns_var4060reverseSingle .col1 {width:40%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var4060reverseSingle .col2 {width:60%; margin-top:0; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 60 / 40 bei einspaltiger Ansicht umgedreht --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:6040reverseSingle;caption:Zweispaltig 60 / 40 bei einspaltiger Ansicht umgedreht;caption-en:60 / 40;contentgroups:}*/ .elementContainerStandardColumns_var6040reverseSingle {display:flex; flex-wrap:wrap; flex-direction:column-reverse;} .elementContainerStandardColumns_var6040reverseSingle .col {padding:0; margin:0;} .elementContainerStandardColumns_var6040reverseSingle .col1 {margin-top:2rem; margin-bottom:-2rem;} .elementContainerStandardColumns_var6040reverseSingle .col2 {margin-top:0; margin-bottom:0;} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var6040reverseSingle {display:block;} .elementContainerStandardColumns_var6040reverseSingle {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var6040reverseSingle .col {padding:0 8px;} .elementContainerStandardColumns_var6040reverseSingle .col1 {width:50%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var6040reverseSingle .col2 {width:50%; margin-top:0; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var6040reverseSingle {display:block;} .elementContainerStandardColumns_var6040reverseSingle {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var6040reverseSingle .col {padding:0 16px;} .elementContainerStandardColumns_var6040reverseSingle .col1 {width:60%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var6040reverseSingle .col2 {width:40%; margin-top:0; margin-bottom:0; padding-right:0;} } /* --- Zweispaltig 50 / 50 bei einspaltiger Ansicht umgedreht --- */ /*@wCssFragment{class:elementContainerStandardColumns;variant:5050reverseSingle;caption:Zweispaltig 50 / 50 bei einspaltiger Ansicht umgedreht;caption-en:50 / 50;contentgroups:}*/ .elementContainerStandardColumns_var5050reverseSingle {display:flex; flex-direction:column-reverse;} .elementContainerStandardColumns_var5050reverseSingle .col {padding:0; margin:0;} .elementContainerStandardColumns_var5050reverseSingle .col1 {margin-top:2rem; margin-bottom:-2rem;} .elementContainerStandardColumns_var5050reverseSingle .col2 {margin-top:0; margin-bottom:0;} @media only screen and (min-width:769px){ .elementContainerStandardColumns_var5050reverseSingle {display:block;} .elementContainerStandardColumns_var5050reverseSingle {margin-left:-8px; margin-right:-8px;} .elementContainerStandardColumns_var5050reverseSingle .col {padding:0 8px;} .elementContainerStandardColumns_var5050reverseSingle .col1 {width:50%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var5050reverseSingle .col2 {width:50%; margin-top:0; margin-bottom:0; padding-right:0;} } @media only screen and (min-width:993px){ .elementContainerStandardColumns_var5050reverseSingle {display:block;} .elementContainerStandardColumns_var5050reverseSingle {margin-left:-16px; margin-right:-16px;} .elementContainerStandardColumns_var5050reverseSingle .col {padding:0 16px;} .elementContainerStandardColumns_var5050reverseSingle .col1 {width:50%; margin-top:0; margin-bottom:0;} .elementContainerStandardColumns_var5050reverseSingle .col2 {width:50%; margin-top:0; margin-bottom:0; padding-right:0;} } /* *** items > elementContainerStandard.scss END ******************************************************************************************************************************************* */ /* --- Bildelement --- */ /* --- Form --- */ /* *** Special BEGIN ******************************************************************************************************************************************* */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- Formulare --- */ /* --- Grundgeruest Formulare --- */ #blockCGIForm {width:100%; margin:0; padding:0;} /* --- Spezialelemente Formulare --- */ .cgiAddition {font-size:1rem; line-height:130%;} /* Zusatzbeschreibung Praemie */ .cgiMagThumbnail {width:130px;} /* Bild aktuelle Titelseite */ .cgiPreThumbnail {width:130px;} /* Bild Praemie */ .cgiHdJThumbnail {width:280px;} /* Bild Mobel des Jahres */ .cgiCardThumbnail {width:280px;} /* Bild ACSI-Card */ /* --- Formulare: Breakpoint XS bis S --- */ @media only screen and (min-width:180px){ .cgiMagThumbnail {width:130px;} /* Bild aktuelle Titelseite */ .cgiPreThumbnail {width:130px;} /* Bild Praemie */ .cgiHdJThumbnail {width:280px;} /* Bild Mobel des Jahres */ .cgiCardThumbnail {width:280px;} /* Bild ACSI-Card */ } /* --- Formulare: Breakpoint S bis M --- */ @media only screen and (min-width:544px){ .cgiMagThumbnail {width:130px;} /* Bild aktuelle Titelseite */ .cgiPreThumbnail {width:130px;} /* Bild Praemie */ .cgiHdJThumbnail {width:280px;} /* Bild Mobel des Jahres */ .cgiCardThumbnail {width:280px;} /* Bild ACSI-Card */ } /* --- Formulare: Breakpoint M bis L --- */ @media only screen and (min-width:768px){ .cgiMagThumbnail {width:140px;} /* Bild aktuelle Titelseite */ .cgiPreThumbnail {width:140px;} /* Bild Praemie */ .cgiHdJThumbnail {width:300px;} /* Bild Mobel des Jahres */ .cgiCardThumbnail {width:300px;} /* Bild ACSI-Card */ } /* --- Formulare: Breakpoint L bis XL --- */ @media only screen and (min-width:992px){ .cgiMagThumbnail {width:140px;} /* Bild aktuelle Titelseite */ .cgiPreThumbnail {width:140px;} /* Bild Praemie */ .cgiHdJThumbnail {width:300px;} /* Bild Mobel des Jahres */ .cgiCardThumbnail {width:300px;} /* Bild ACSI-Card */ } /* --- Formulare: Breakpoint XL bis XXL --- */ @media only screen and (min-width:1200px){ .cgiMagThumbnail {width:140px;} /* Bild aktuelle Titelseite */ .cgiPreThumbnail {width:140px;} /* Bild Praemie */ .cgiHdJThumbnail {width:300px;} /* Bild Mobel des Jahres */ .cgiCardThumbnail {width:300px;} /* Bild ACSI-Card */ } /* --- Formulare: Breakpoint XXL bis XXXL --- */ @media only screen and (min-width:1500px){ .cgiMagThumbnail {width:140px;} /* Bild aktuelle Titelseite */ .cgiPreThumbnail {width:140px;} /* Bild Praemie */ .cgiHdJThumbnail {width:300px;} /* Bild Mobel des Jahres */ .cgiCardThumbnail {width:300px;} /* Bild ACSI-Card */ } /* --- Formulare: Breakpoint XXXL bis ... --- */ @media only screen and (min-width:1600px){ .cgiMagThumbnail {width:140px;} /* Bild aktuelle Titelseite */ .cgiPreThumbnail {width:140px;} /* Bild Praemie */ .cgiHdJThumbnail {width:300px;} /* Bild Mobel des Jahres */ .cgiCardThumbnail {width:300px;} /* Bild ACSI-Card */ } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- SET Warenkorb --- */ /* --- Grundgeruest SET Warenkorb --- */ #html_wkSet {} #body_wkSet {} #wkSetBlockMain {width:300px; margin:0px auto;} #wkSetBlockMainInner {padding:10px 10px 10px 10px;} /* --- Ueberschriften SET Warenkorb --- */ #wkSetBlockMain h1 {padding-top:0;} #wkSetBlockMain h2 {padding-top:0;} #wkSetBlockMain h3 {padding-top:0;} #wkSetBlockMain h4 {padding-top:0;} #wkSetBlockMain h5 {padding-top:0;} #wkSetBlockMain h6 {padding-top:0;} /* --- SET Warenkorb: Breakpoint XS bis S --- */ @media only screen and (min-width:480px){ #wkSetBlockMain {width:100%;} } /* --- SET Warenkorb: Breakpoint S bis M --- */ @media only screen and (min-width:544px){ #wkSetBlockMain {width:100%;} } /* --- SET Warenkorb: Breakpoint M bis L --- */ @media only screen and (min-width:768px){ #wkSetBlockMain {width:100%;} } /* --- SET Warenkorb: Breakpoint L bis XL --- */ @media only screen and (min-width:992px){ #wkSetBlockMain {width:100%;} } /* --- SET Warenkorb: Breakpoint XL bis XXL --- */ @media only screen and (min-width:1200px){ #wkSetBlockMain {width:100%;} } /* --- SET Warenkorb: Breakpoint XXL bis XXXL --- */ @media only screen and (min-width:1500px){ #wkSetBlockMain {width:1500px;} } /* --- SET Warenkorb: Breakpoint XXXL bis ... --- */ @media only screen and (min-width:1600px){ #wkSetBlockMain {width:1600px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- GET Warenkorb --- */ /* --- Grundgeruest GET Warenkorb --- */ #html_wkGet {} #body_wkGet {} #wkGetBlockMain {width:300px; margin:0px auto;} #wkGetBlockMainInner {padding:10px 10px 10px 10px;} /* --- Ueberschriften GET Warenkorb --- */ #wkGetBlockMain h1 {padding-top:0;} #wkGetBlockMain h2 {padding-top:0;} #wkGetBlockMain h3 {padding-top:0;} #wkGetBlockMain h4 {padding-top:0;} #wkGetBlockMain h5 {padding-top:0;} #wkGetBlockMain h6 {padding-top:0;} /* --- Tabellen GET Warenkorb (provisorisches CSS) --- */ #wkGetBlockMain table {} #wkGetBlockMain tr, thead, tbody {} #wkGetBlockMain td,th {vertical-align:top;} #wkGetBlockMain th, .th {background-color:#EFEFEF; border-bottom:1px solid #666666; padding:3px;} #wkGetBlockMain .table {border:1px solid #666666; padding:0px; border-spacing:0px; border-collapse:collapse;} #wkGetBlockMain .table td {padding:2px;} #wkGetBlockMain .u {background-color:#FFFFFF;} /* Tabellen-Hintergrund-Farbe: hell */ #wkGetBlockMain .g {background-color:#F0F0F0;} /* Tabellen-Hintergrund-Farbe: dunkel */ #wkGetBlockMain .h {background-color:#FFFF99;} /* Tabellen-Hintergrund-Farbe: hervorgehoben */ #wkGetBlockMain .delimiter {border-top:1px solid #666666;} /* --- GET Warenkorb: Breakpoint XS bis S --- */ @media only screen and (min-width:480px){ #wkGetBlockMain {width:100%;} } /* --- GET Warenkorb: Breakpoint S bis M --- */ @media only screen and (min-width:544px){ #wkGetBlockMain {width:100%;} } /* --- GET Warenkorb: Breakpoint M bis L --- */ @media only screen and (min-width:768px){ #wkGetBlockMain {width:100%;} } /* --- GET Warenkorb: Breakpoint L bis XL --- */ @media only screen and (min-width:992px){ #wkGetBlockMain {width:100%;} } /* --- GET Warenkorb: Breakpoint XL bis XXL --- */ @media only screen and (min-width:1200px){ #wkGetBlockMain {width:100%;} } /* --- GET Warenkorb: Breakpoint XXL bis XXXL --- */ @media only screen and (min-width:1500px){ #wkGetBlockMain {width:1500px;} } /* --- GET Warenkorb: Breakpoint XXXL bis ... --- */ @media only screen and (min-width:1600px){ #wkGetBlockMain {width:1600px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- Bezugsquellen --- */ .bqContainer {margin:0; padding:0;} .bqNavigationContainer {margin:0; padding:0;} .bqResultContainer {margin:0; padding:0;} /* --- Bezugsquellen: Navigation --- */ .bqNavList {margin:0; padding:0; list-style:none;} .bqNavList ul {margin:0; padding:0; list-style:none;} .bqNavList li {margin:0; padding:0;} .bqNavListRubrik {margin:0; padding:0; list-style-image:none; overflow:hidden;} li.bqNavListRubrik {margin-top:20px; border-top:1px solid #DDDDDD;} li.bqNavListRubrik:first-child {margin-top:0;} .bqNavListEntryDetails {margin:0; padding:0; list-style-image:none; overflow:hidden;} .bqNavListEntryDetails:hover {background-color:#F0F0F0;} .bqNavList p {margin:0; padding:0;} .bqNavList a {display:block;} .bqNavList a:hover {} /* --- Bezugsquellen: Suchergebnis --- */ .bqList {margin:0; padding:0; list-style:none;} .bqList ul {margin:0; padding:0; list-style:none;} .bqList li {margin:0; padding:1.5rem 0 1rem 0;} .bqCategory {margin:0; padding:0;} .bqRubrikTitle {margin:0; padding:0;} .bqListTitle {} .bqListTitle a:hover {} .bqListEntryDetails {width:100%; margin:0; padding:0; border-bottom:solid 1px #DDDDDD; list-style-image:none; overflow:hidden;} .bqListEntryDetails:first-child {border-top:solid 1px #DDDDDD;} .bqAdBox {margin:0 0 1rem 0; padding:0;} p.bdAdSlogan {margin:0.5rem 0 0 0; padding:0;} .bqListThumbnail {} .bqDescription {margin:0.3rem 0 1rem 0;} /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- Katalogservice, Klassiker --- */ .ksContainer {margin:0; padding:0;} .ksNavigationContainer {margin:0; padding:0;} .ksResultContainer {margin:0; padding:0;} /* --- Katalogservice: Navigation --- */ .ksNavList {margin:0; padding:0; list-style:none;} .ksNavList ul {margin:0; padding:0; list-style:none;} .ksNavList li {margin:0; padding:0;} .ksNavListRubrik {margin:0; padding:0; list-style-image:none; overflow:hidden;} li.ksNavListRubrik {margin-top:20px; border-top:1px solid #DDDDDD;} li.ksNavListRubrik:first-child {margin-top:0;} .ksNavListEntryDetails {margin:0; padding:0; list-style-image:none; overflow:hidden;} .ksNavListEntryDetails:hover {background-color:#F0F0F0;} .ksNavList p {margin:0; padding:0;} .ksNavList a {display:block;} /* display:block; dehnt Link auf ganze LI-Breite aus */ .ksNavList a:hover {} /* --- Katalogservice: Rubrik --- */ .ksRubrikTitle {margin:0; padding:0;} /* --- Katalogservice: Suchergebnis --- */ .ksList {margin:0; padding:0; list-style:none;} .ksList ul {margin:0; padding:0; list-style:none;} .ksList li {margin:0; padding:1rem 0 1.5rem 0;} .ksListTitle {} h1.ksListTitle {padding-top:0px;} h2.ksListTitle {padding-top:0px;} h3.ksListTitle {padding-top:0px;} .ksListTitle a {text-decoration:none;} .ksListTitle a:hover {color:#333333;} .ksListEntryDetails {width:100%; margin:0; padding:0; border-bottom:solid 1px #DDDDDD; list-style-image:none; overflow:hidden;} .ksListEntryDetails:first-child {border-top:solid 1px #DDDDDD;} .ksListThumbnail {width:108px;} /* 140px, 120px */ .ksListEntry {margin-top:-0.3rem;} .ksDescription {margin:0.3rem 0 1rem 0;} /* --- Katalogservice: Breakpoint S bis M --- */ @media only screen and (min-width:544px){ .ksListThumbnail {width:144px;} /* 170px, 160px */ } /* --- Katalogservice: Breakpoint M bis L --- */ @media only screen and (min-width:768px){ .ksListThumbnail {width:153px;} /* 170px */ } /* --- Katalogservice: Breakpoint L bis XL --- */ @media only screen and (min-width:992px){ .ksListThumbnail {width:153px;} /* 170px */ } /* --- Katalogservice: Breakpoint XL bis XXL --- */ @media only screen and (min-width:1200px){ .ksListThumbnail {width:153px;} /* 170px */ } /* --- Katalogservice: Breakpoint XXL bis XXXL --- */ @media only screen and (min-width:1500px){ .ksListThumbnail {width:153px;} /* 170px */ } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- Glyphicon --- */ span.glyph {font-family:"GLYPHICONS Halflings"; margin:0 1px 0 1px;} /* Glyphicon */ span.glyphGray {font-family:"GLYPHICONS Halflings"; color:#777777; margin:0 1px 0 1px;} /* Glyphicon: Gray */ span.glyphRed {font-family:"GLYPHICONS Halflings"; color:#FF0000; margin:0 1px 0 1px;} /* Glyphicon: Red */ span.glyphGreen {font-family:"GLYPHICONS Halflings"; color:#008800; margin:0 1px 0 1px;} /* Glyphicon: Green */ span.glyphYellow {font-family:"GLYPHICONS Halflings"; color:#FFCC00; margin:0 1px 0 1px;} /* Glyphicon: Yellow */ span.glyphBlue {font-family:"GLYPHICONS Halflings"; color:#0066FF; margin:0 1px 0 1px;} /* Glyphicon: Blue */ span.glyphOrange {font-family:"GLYPHICONS Halflings"; color:#FF7700; margin:0 1px 0 1px;} /* Glyphicon: Orange */ span.glyphWhite {font-family:"GLYPHICONS Halflings"; color:#FFFFFF; margin:0 1px 0 1px;} /* Glyphicon: White */ span.glyphLightGray {font-family:"GLYPHICONS Halflings"; color:#DDDDDD; margin:0 1px 0 1px;} /* Glyphicon: Light Gray */ /* *** Special END ******************************************************************************************************************************************* */