/*========== INFO ==========*/ /*max-width: bezieht sich auf alles, was kleiner oder gleich der angegebenen Maße ist*/ /* Large Devices, Wide Screens */ /*@media only screen and (max-width : 1200px){} */ /* Medium Devices, Desktops */ /*@media only screen and (max-width : 992px){} */ /* Extra Small Devices, Phones */ /* @media only screen and (max-width : 480px){} */ /* Extra small devices: phones Less than 768px =>-col-xs-$ */ /* Small devices: tablets 768px and up => .col-sm-$ */ /* Medium devices: Desktops 992px and up => .col-md-$ */ /* Large devices: large Desktops 1200px and up => col-lg-$ */ /* !!!!!!! STANDARDSCHRIFTEN !!!!!!! */ /* HEADER *//* topmargin fuer Grossbuchstaben mit Umlauten*/ H1 {font-family: PTSansRegular; font-size:18pt; color:#4c4c4c; line-height: 120%; font-weight: normal; margin:13px 0px 9px 0px; text-transform:uppercase;} @media only screen and (max-width : 319px) { h1 {font-size:18pt; }} @media only screen and (min-width : 320px) { h1 {font-size:18pt; }} @media only screen and (min-width : 480px) { h1 {font-size:18pt; }} @media only screen and (min-width : 768px) { h1 {font-size:18pt; }} @media only screen and (min-width : 992px) { h1 {font-size:20pt; }} @media only screen and (min-width : 1200px) { h1 {font-size:22pt; }} @media only screen and (min-width : 1400px) { h1 {font-size:24pt; }} H1.page-title {font-family: PTSansRegular; text-align:center; color:#4c4c4c; background-color: white; margin-top:5px; padding: 13px 13px 6px 13px; line-height: 100%; text-transform: none; } @media only screen and (max-width : 319px) { h1.page-title {font-size:18pt; }} @media only screen and (min-width : 320px) { h1.page-title {font-size:18pt; }} @media only screen and (min-width : 480px) { h1.page-title {font-size:18pt; }} @media only screen and (min-width : 768px) { h1.page-title {font-size:22pt; }} @media only screen and (min-width : 992px) { h1.page-title {font-size:26pt; }} @media only screen and (min-width : 1200px) { h1.page-title {font-size:30pt; }} @media only screen and (min-width : 1400px) { h1.page-title {font-size:34pt; }} .H1 {font-family: PTSansRegular; color:#4c4c4c; line-height: 120%; font-weight: normal; margin:9px 0px 9px 0px; text-transform:uppercase;} @media only screen and (max-width : 319px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 320px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 480px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 768px) { .h1 {font-size:18pt; }} @media only screen and (min-width : 992px) { .h1 {font-size:20pt; }} @media only screen and (min-width : 1200px) { .h1 {font-size:22pt; }} @media only screen and (min-width : 1200px) { .h1 {font-size:24pt; }} H1.center {font-family: PTSansRegular; text-align:center; color:#4c4c4c; line-height: 120%; font-weight: normal; margin:9px 0px 9px 0px; text-transform:uppercase;} @media only screen and (max-width : 319px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 320px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 480px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 768px) { .h1 {font-size:18pt; }} @media only screen and (min-width : 992px) { .h1 {font-size:20pt; }} @media only screen and (min-width : 1200px) { .h1 {font-size:22pt; }} @media only screen and (min-width : 1200px) { .h1 {font-size:24pt; }} H1.white {font-family: PTSansRegular; color:#ffffff; line-height: 120%; font-weight: normal; margin:9px 0px 9px 0px; text-transform:uppercase;} @media only screen and (max-width : 319px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 320px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 480px) { .H1 {font-size:18pt; }} @media only screen and (min-width : 768px) { .h1 {font-size:18pt; }} @media only screen and (min-width : 992px) { .h1 {font-size:20pt; }} @media only screen and (min-width : 1200px) { .h1 {font-size:22pt; }} @media only screen and (min-width : 1200px) { .h1 {font-size:24pt; }} H2 {font-family: PTSansRegular; color:#4c4c4c; line-height: 100%; font-weight:normal; margin:9px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { h2 {font-size:14pt; }} @media only screen and (min-width : 320px) { h2 {font-size:14pt; }} @media only screen and (min-width : 480px) { h2 {font-size:14pt; }} @media only screen and (min-width : 768px) { h2 {font-size:16pt; }} @media only screen and (min-width : 992px) { h2 {font-size:18pt; }} @media only screen and (min-width : 1200px) { h2 {font-size:20pt; }} @media only screen and (min-width : 1400px) { h2 {font-size:22pt; }} H2.center {font-family: PTSansRegular; text-align:center; color:#4c4c4c; line-height: 100%; font-weight:normal; margin:9px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { h2 {font-size:14pt; }} @media only screen and (min-width : 320px) { h2 {font-size:14pt; }} @media only screen and (min-width : 480px) { h2 {font-size:14pt; }} @media only screen and (min-width : 768px) { h2 {font-size:16pt; }} @media only screen and (min-width : 992px) { h2 {font-size:18pt; }} @media only screen and (min-width : 1200px) { h2 {font-size:20pt; }} @media only screen and (min-width : 1400px) { h2 {font-size:22pt; }} H2.white {font-family: PTSansRegular; color:#ffffff; line-height: 100%; font-weight:normal; margin:9px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { h2 {font-size:14pt; }} @media only screen and (min-width : 320px) { h2 {font-size:14pt; }} @media only screen and (min-width : 480px) { h2 {font-size:14pt; }} @media only screen and (min-width : 768px) { h2 {font-size:16pt; }} @media only screen and (min-width : 992px) { h2 {font-size:18pt; }} @media only screen and (min-width : 1200px) { h2 {font-size:20pt; }} @media only screen and (min-width : 1400px) { h2 {font-size:22pt; }} .H2 {font-family: PTSansRegular; color:##4c4c4c; line-height: 100%; font-weight:normal; margin:5px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { .H2 {font-size:14pt; }} @media only screen and (min-width : 320px) { .H2 {font-size:14pt; }} @media only screen and (min-width : 480px) { .H2 {font-size:14pt; }} @media only screen and (min-width : 768px) { .H2 {font-size:16pt; }} @media only screen and (min-width : 992px) { .H2 {font-size:18pt; }} @media only screen and (min-width : 1200px) { .H2 {font-size:20pt; }} @media only screen and (min-width : 1400px) { .H2 {font-size:22pt; }} H3 {font-family: PTSansRegular; color:#4c4c4c; line-height: 100%; font-weight: normal; margin:5px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { h3 {font-size:13pt; }} @media only screen and (min-width : 320px) { h3 {font-size:13pt; }} @media only screen and (min-width : 480px) { h3 {font-size:13pt; }} @media only screen and (min-width : 768px) { h3 {font-size:14pt; }} @media only screen and (min-width : 992px) { h3 {font-size:15pt; }} @media only screen and (min-width : 1200px) { h3 {font-size:16pt; }} @media only screen and (min-width : 1400px) { h3 {font-size:17pt; }} .H3 {font-family: PTSansRegular; color:#4c4c4c; line-height: 100%; font-weight: normal; margin:5px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { .H3 {font-size:13pt; }} @media only screen and (min-width : 320px) { .H3 {font-size:13pt; }} @media only screen and (min-width : 480px) { .H3 {font-size:13pt; }} @media only screen and (min-width : 768px) { .H3 {font-size:14pt; }} @media only screen and (min-width : 992px) { .H3 {font-size:15pt; }} @media only screen and (min-width : 1200px) { .H3 {font-size:16pt; }} @media only screen and (min-width : 1400px) { .H3 {font-size:17pt; }} H3.center {font-family: PTSansRegular; text-align:center; color:#4c4c4c; line-height: 100%; font-weight: normal; margin:5px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { h3 {font-size:13pt; }} @media only screen and (min-width : 320px) { h3 {font-size:13pt; }} @media only screen and (min-width : 480px) { h3 {font-size:13pt; }} @media only screen and (min-width : 768px) { h3 {font-size:14pt; }} @media only screen and (min-width : 992px) { h3 {font-size:15pt; }} @media only screen and (min-width : 1200px) { h3 {font-size:16pt; }} @media only screen and (min-width : 1400px) { h3 {font-size:17pt; }} H3.white {font-family: PTSansRegular; color:#ffffff; line-height: 100%; font-weight: normal; margin:5px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { h3 {font-size:13pt; }} @media only screen and (min-width : 320px) { h3 {font-size:13pt; }} @media only screen and (min-width : 480px) { h3 {font-size:13pt; }} @media only screen and (min-width : 768px) { h3 {font-size:14pt; }} @media only screen and (min-width : 992px) { h3 {font-size:15pt; }} @media only screen and (min-width : 1200px) { h3 {font-size:16pt; }} @media only screen and (min-width : 1400px) { h3 {font-size:17pt; }} h4 {font-family: PTSansRegular; color:#4c4c4c; line-height: 100%; font-weight: normal; margin:5px 0px 5px 0px; } @media only screen and (max-width : 319px) { h4 {font-size:12pt; }} @media only screen and (min-width : 320px) { h4 {font-size:12pt; }} @media only screen and (min-width : 480px) { h4 {font-size:12pt; }} @media only screen and (min-width : 768px) { h4 {font-size:13pt; }} @media only screen and (min-width : 992px) { h4 {font-size:14pt; }} @media only screen and (min-width : 1200px) { h4 {font-size:15pt; }} @media only screen and (min-width : 1400px) { h4 {font-size:16pt; }} .H4 {font-family: PTSansRegular; font-size:15pt;color:##4c4c4c; line-height: 100%; font-weight: normal; margin:5px 0px 5px 0px; } @media only screen and (max-width : 319px) { .H4 {font-size:12pt; }} @media only screen and (min-width : 320px) { .H4 {font-size:12pt; }} @media only screen and (min-width : 480px) { .H4 {font-size:12pt; }} @media only screen and (min-width : 768px) { .H4 {font-size:13pt; }} @media only screen and (min-width : 992px) { .H4 {font-size:14pt; }} @media only screen and (min-width : 1200px) { .H4 {font-size:15pt; }} @media only screen and (min-width : 1400px) { .h4 {font-size:16pt; }} H5 {font-family: PTSansRegular; font-size:12pt; color:#4c4c4c; line-height: 100%; font-weight: normal; margin: 5px 0px 0px 0px; } @media only screen and (max-width : 319px) { h5 {font-size:11pt; }} @media only screen and (min-width : 320px) { h5 {font-size:11pt; }} @media only screen and (min-width : 480px) { h5 {font-size:11pt; }} @media only screen and (min-width : 768px) { h5 {font-size:12pt; }} @media only screen and (min-width : 992px) { h5 {font-size:13pt; }} @media only screen and (min-width : 1200px) { h5 {font-size:14pt; }} @media only screen and (min-width : 1400px) { h5 {font-size:15pt; }} H6 {font-family: PTSansRegular; font-size:12pt; color:#4c4c4c; line-height: 100%; font-weight: normal; margin: 5px 0px 0px 0px; } @media only screen and (max-width : 319px) { h6 {font-size:10pt; }} @media only screen and (min-width : 320px) { h6 {font-size:10pt; }} @media only screen and (min-width : 480px) { h6 {font-size:10pt; }} @media only screen and (min-width : 768px) { h6 {font-size:11pt; }} @media only screen and (min-width : 992px) { h6 {font-size:12pt; }} @media only screen and (min-width : 1200px) { h6 {font-size:13pt; }} @media only screen and (min-width : 1400px) { h6 {font-size:14pt; }} /* Ueberschriften Listen & Suchausgaben */ .kk_list_title {font-family: PTSansRegular; color:#4c4c4c; background-color: white; margin-bottom: 9px; padding: 13px 13px 13px 13px; line-height: 100%; text-transform: none;} @media only screen and (max-width : 319px) { .kk_list_title {font-size:13pt; }} @media only screen and (min-width : 320px) { .kk_list_title {font-size:13pt; }} @media only screen and (min-width : 480px) { .kk_list_title {font-size:14pt; }} @media only screen and (min-width : 768px) { .kk_list_title {font-size:16pt; }} @media only screen and (min-width : 992px) { .kk_list_title {font-size:18pt; }} @media only screen and (min-width : 1200px) { .kk_list_title {font-size:20pt; }} @media only screen and (min-width : 1400px) { .kk_list_title {font-size:22pt; }} .kk_list_subtitle {font-family: PTSansRegular; color:#4c4c4c; background-color: white; margin-bottom: 9px; padding: 13px 13px 13px 13px; line-height: 100%; text-transform: none;} @media only screen and (max-width : 319px) { .kk_list_subtitle {font-size:13pt; }} @media only screen and (min-width : 320px) { .kk_list_subtitle {font-size:13pt; }} @media only screen and (min-width : 480px) { .kk_list_subtitle {font-size:14pt; }} @media only screen and (min-width : 768px) { .kk_list_subtitle {font-size:16pt; }} @media only screen and (min-width : 992px) { .kk_list_subtitle {font-size:18pt; }} @media only screen and (min-width : 1200px) { .kk_list_subtitle {font-size:20pt; }} @media only screen and (min-width : 1400px) { .kk_list_subtitle {font-size:22pt; }} .abc-title-3 {font-family: PTSansRegular; color:#4c4c4c; background-color: white; padding: 13px 13px 13px 13px; line-height: 100%; text-transform: none;} @media only screen and (max-width : 319px) { .abc-title-3 {font-size:13pt; }} @media only screen and (min-width : 320px) { .abc-title-3 {font-size:13pt; }} @media only screen and (min-width : 480px) { .abc-title-3 {font-size:14pt; }} @media only screen and (min-width : 768px) { .abc-title-3 {font-size:16pt; }} @media only screen and (min-width : 992px) { .abc-title-3 {font-size:18pt; }} @media only screen and (min-width : 1200px) { .abc-title-3 {font-size:20pt; }} @media only screen and (min-width : 1400px) { .abc-title-3 {font-size:22pt; }} .kk_abc_list {color: color:#4c4c4c; font-family: PTSansRegular; line-height: 120%;} @media only screen and (max-width : 319px) { .kk_abc_list {font-size: 10pt;}} @media only screen and (min-width : 320px) { .kk_abc_list {font-size: 10pt;}} @media only screen and (min-width : 480px) { .kk_abc_list {font-size: 10pt;}} @media only screen and (min-width : 768px) { .kk_abc_list {font-size: 11pt;}} @media only screen and (min-width : 992px) { .kk_abc_list {font-size: 12pt;}} @media only screen and (min-width : 1200px){ .kk_abc_list {font-size: 13pt;}} @media only screen and (min-width : 1400px){ .kk_abc_list {font-size: 14pt;}} /* Ueberschriften Login Register */ .register {font-family: PTSansRegular; color:#ffffff; line-height: 100%; font-weight: normal; margin:9px 0px 5px 0px; text-transform:uppercase;} @media only screen and (max-width : 319px) { .register {font-size:13pt; color:#ffffff; }} @media only screen and (min-width : 320px) { .register {font-size:13pt; color:#ffffff; }} @media only screen and (min-width : 480px) { .register {font-size:14pt; color:#ffffff; }} @media only screen and (min-width : 768px) { .register {font-size:15pt; color:#ffffff; }} @media only screen and (min-width : 992px) { .register {font-size:16pt; color:#ffffff; }} @media only screen and (min-width : 1200px) { .register {font-size:17pt; color:#ffffff; }} @media only screen and (min-width : 1400px) { .register {font-size:18pt; color:#ffffff; }} /* !!!!!!! BANNER !!!!!!! */ .bannerclaim {font-size:18pt; text-transform:uppercase; margin-top:13px; font-weight:normal; white-space:nowrap; text-decoration: none;} @media only screen and (max-width : 479px) { .bannerclaim {font-size:14pt; }} @media only screen and (min-width : 480px) { .bannerclaim {font-size:15pt; }} @media only screen and (min-width : 768px) { .bannerclaim {font-size:16pt; }} @media only screen and (min-width : 992px) { .bannerclaim {font-size:17pt; }} @media only screen and (min-width : 1200px) { .bannerclaim {font-size:18pt; }} .bannerclaim:hover {font-size:18pt; text-transform:uppercase; margin-top:13px; text-align:center; font-weight:normal; white-space:nowrap; text-decoration: underline;} @media only screen and (max-width : 479px) { .bannerclaim:hover {font-size:14pt}} @media only screen and (min-width : 480px) { .bannerclaim:hover {font-size:15pt}} @media only screen and (min-width : 768px) { .bannerclaim:hover {font-size:16pt}} @media only screen and (min-width : 992px) { .bannerclaim:hover {font-size:17pt}} @media only screen and (min-width : 1200px) { .bannerclaim:hover {font-size:18pt}} .bannertexte {font-size:11pt; text-transform:uppercase; text-align:right; white-space:nowrap; line-height:11pt; } .bannertexte p {font-size:11pt; text-transform:uppercase; text-align:right; white-space:nowrap; line-height:11pt; padding-top: 5px ; } .bannerlink {font-size:11pt; text-transform:uppercase; text-align:left; white-space:nowrap; line-height:11pt; padding-top: 5px ; } .bannerlink p {font-size:11pt; text-transform:uppercase; text-align:left; white-space:nowrap; line-height:11pt; padding-top: 5px ; } .kk_banner { padding: 1px 8px 2px 8px; } .kk_banner_white { margin-top: 2px; color:#4c4c4c; background-color:#FFF; } .kk_banner_white a {color:#4c4c4c} .kk_banner_white a:hoover {color:#4c4c4c} .row.kk_banner_white { color:#4c4c4c; background-color:#FFF; } .row.kk_banner_white a {color:#4c4c4c} .row.kk_banner_white a:hoover {color:#4c4c4c} .row.kk_banner_yellow { background-image: -webkit-linear-gradient( top, #e6aa00 0%, #b99312 100%); background-image: -moz-linear-gradient(top, #e6aa00 0%, #b99312 100%); background-image: -o-linear-gradient(top, #e6aa00 0%, #b99312 100%); background-image: linear-gradient(top, #e6aa00 0%, #b99312 100%); background-color:#e6aa00; color:#ffffff; /* Für Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6aa00, endColorstr=#b99312); zoom: 11px; /* Für Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6aa00, endColorstr=#b99312)"; /* Für Internet Explorer 10 */ background-image: -ms-linear-gradient(top, #e6aa00 0%, #b99312 100%);} .row.kk_banner_yellow a {color:#ffffff} .row.kk_banner_yellow a:hoover {color:#ffffff} /*Texte in KK WELL & LIGHT */ /* WELL */ .kk_well h1,.kk_well h2,.kk_well h3,.kk_well h4,.kk_well h5,.kk_well h6,.kk_well_light a {color:#ffffff} .kk_well a:hover {color:#ffffff} .kk_well a {color:#ffffff} /* LIGHT*/ .kk_well_light.h1,.kk_wel_lightl h2,.kk_well_light h3,.kk_well_light h4,.kk_well_light h5, .kk_well_light a, {color:#ffffff} .kk_well_light a:hover {color:#ffffff} .kk_well_light a {color:#ffffff} /* Blauer Banner im Bestellprozess */ .kk_well.kk_top_hotline {padding:10px 10px 10px 10px !important; margin-bottom: 7px } /* Blauer Teil Anmoderationen */ .CLAIM {font-family: PTSansRegular; white-space: nowrap; color:#ffffff; line-height: 100%; font-weight:normal; margin:0px 0px 9px 0px; text-transform:uppercase; text-decoration:none;} @media only screen and (max-width : 319px) { .CLAIM {font-size:10pt; }} @media only screen and (min-width : 320px) { .CLAIM {font-size:10pt; }} @media only screen and (min-width : 480px) { .CLAIM {font-size:10pt; }} @media only screen and (min-width : 768px) { .CLAIM {font-size:11pt; }} @media only screen and (min-width : 992px) { .CLAIM {font-size:12pt; }} @media only screen and (min-width : 1100px) { .CLAIM {font-size:13pt; }} @media only screen and (min-width : 1200px) { .CLAIM {font-size:14pt; }} @media only screen and (min-width : 1350px) { .CLAIM {font-size:15pt; }} @media only screen and (min-width : 1450px) { .CLAIM {font-size:16pt; }} @media only screen and (min-width : 1600px) { .CLAIM {font-size:17pt; }} .claimcenter {font-family: PTSansRegular; white-space: nowrap; color:#ffffff; line-height: 100%; font-weight:normal; padding:9px 9px 9px 9px; text-transform:uppercase; text-decoration:none;} @media only screen and (max-width : 319px) { .claimcenter {font-size:12pt; }} @media only screen and (min-width : 320px) { .claimcenter {font-size:12pt; }} @media only screen and (min-width : 480px) { .claimcenter {font-size:12pt; }} @media only screen and (min-width : 768px) { .claimcenter {font-size:12pt; }} @media only screen and (min-width : 992px) { .claimcenter {font-size:13pt; }} @media only screen and (min-width : 1100px) { .claimcenter {font-size:13pt; }} @media only screen and (min-width : 1200px) { .claimcenter {font-size:14pt; }} @media only screen and (min-width : 1350px) { .claimcenter {font-size:15pt; }} @media only screen and (min-width : 1450px) { .claimcenter {font-size:16pt; }} @media only screen and (min-width : 1600px) { .claimcenter {font-size:16pt; }} /* !!!!!!! LAYOUT HEADER !!!!!!! .kk_nav_top {margin: 0; margin-bottom: 9px; padding: 0; height:25px;}*/ /* dropdown Menue MyShop */ li.kk_myshop ul li {text-transform: uppercase;} /* !!!!!!! LOGOS !!!!!!! */ .kk_toplogo {margin:0px; padding:0px; margin-top:0px;} .kk_logo {margin-top: 9px; margin-bottom: 9px; width:330px} .kk_logo_mobile {margin-top: 9px; margin-bottom: 9px; width:200px} .kk_order_logo {margin-top: 9px; margin-bottom: 9px; height:60px;} .kk_order_logo_mobile {margin-top: 9px; margin-bottom: 9px; width:200px} /* !!!!!!! BREADCRUMB !!!!!!! */ .kk_search select { border-right:0!important ; border: 1px solid #cccccc; padding: 5px 3px; background-color: #FFFFFF; border-radius: 2px 0px 0px 2px;} .kk_search_input { border:1px 1px 1px 0px solid #ccc; float:right; color: #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 30px; height: 30px; font-family: PTSansRegular,Arial,sans-serif; font-size: 12pt; padding: 2px 6px; margin: 0; border: 1px solid #ccc;} .kk_search_button { height:30px; font-family:PTSansRegular; width:30px; padding-left:8px; font-size:12pt; line-height:30px; margin-left:0; border:0; border-radius: 0px 2px 2px 0px; background-image: -webkit-linear-gradient( top, #252370 0%, #09063f 100%); background-image: -moz-linear-gradient(top, #252370 0%, #09063f 100%); background-image: -o-linear-gradient(top, #252370 0%, #09063f 100%); background-image: linear-gradient(top, #252370 0%, #09063f 100%);} .kk_search_button:hover { border: 1px solid #09063f; color:#FFF; box-shadow: 0px 0px 4px 0px #09063f; border-radius: 2px; text-decoration: none;} /* !!!!!!! BREADCRUMB !!!!!!! */ .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #FFFFFF; border-radius: 4px; } /* !!!!!!! TEXTE AUF BILDERN !!!!!!! */ .txtOnPicStyle {display:block;} .txtOnPicStyleFix {display:block;} .txtUnderPicStyle {display:none;} /*sm*/@media (max-width: 768px) {.txtOnPicStyle {display:none;}.txtUnderPicStyle {display:block; color:#4c4c4c; padding:13px; background-color:#ffffff !important;}} /* !!!!!!! STANDARD CONTENTS !!!!!!! */ .kk_content_white {background-color:#ffffff !important; padding:13px; min-height: 0px;} .row.kk_content_white {background-color:#ffffff padding:13px; border:1px; min-height: 0px;} .kk_content_white3p {background-color:#ffffff !important; padding:3px; min-height: 0px;} .row.kk_content_white3p {background-color:#ffffff padding:3px; border:1px; min-height: 0px;} .kk_content_white0p {background-color:#ffffff !important; padding:0px; min-height: 0px;} .row.kk_content_white0p {background-color:#ffffff padding:0px; border:0px; min-height: 0px;} .kk_content {padding: 13px;} .kk_content {padding: 13px;} .kk_content_without_space {padding: 0px;} .kk_well_light { background-color:#777791; color:#ffffff; padding: 13px; } .kk_well_light:hover { background-image: -webkit-linear-gradient( top, #aaaabb 0%, #777791 100%); background-image: -moz-linear-gradient(top, #aaaabb 0%, #777791 100%); background-image: -o-linear-gradient(top, #aaaabb 0%, #777791 100%); background-image: linear-gradient(top, #aaaabb 0%, #777791 100%); background-color:#777791; /* Für Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#aaaabb, endColorstr=#777791); zoom: 1; /* Für Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#aaaabb, endColorstr=#777791)"; /* Für Internet Explorer 10 */ background-image: -ms-linear-gradient(top, #aaaabb 0%, #777791 100%);} /* eingerückte Contentrow soll nur die Row definieren, kann mit anderen Contents kombiniert werden. */ .indented_nur_row {padding: 13px 250px 13px 250px;} @media only screen and (max-width : 319px) { .row.indented_nur_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 320px) { .row.indented_nur_row {padding: 6px 6px 6px 6px; }} @media only screen and (min-width : 480px) { .row.indented_nur_row {padding: 6px 6px 6px 6px; }} @media only screen and (min-width : 768px) { .row.indented_nur_row {padding: 6px 13px 6px 13px;}} @media only screen and (min-width : 992px) { .row.indented_nur_row {padding: 13px 26px 13px 26px; }} @media only screen and (min-width : 1100px) { .row.indented_nur_row {padding: 13px 32px 13px 32px; }} @media only screen and (min-width : 1200px) { .row.indented_nur_row {padding: 13px 64px 13px 64px; }} @media only screen and (min-width : 1350px) { .row.indented_nur_row {padding: 13px 96px 13px 96px; }} @media only screen and (min-width : 1450px) { .row.indented_nur_row {padding: 13px 128px 13px 128px; }} @media only screen and (min-width : 1600px) { .row.indented_nur_row {padding: 13px 192px 13px 192px; }} .row.indented_nur_row {padding: 13px 250px 13px 250px;} @media only screen and (max-width : 319px) { .row.indented_nur_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 320px) { .row.indented_nur_row {padding: 6px 6px 6px 6px; }} @media only screen and (min-width : 480px) { .row.indented_nur_row {padding: 6px 6px 6px 6px; }} @media only screen and (min-width : 768px) { .row.indented_nur_row {padding: 6px 13px 6px 13px;}} @media only screen and (min-width : 992px) { .row.indented_nur_row {padding: 13px 26px 13px 26px; }} @media only screen and (min-width : 1100px) { .row.indented_nur_row {padding: 13px 32px 13px 32px; }} @media only screen and (min-width : 1200px) { .row.indented_nur_row {padding: 13px 64px 13px 64px; }} @media only screen and (min-width : 1350px) { .row.indented_nur_row {padding: 13px 96px 13px 96px; }} @media only screen and (min-width : 1450px) { .row.indented_nur_row {padding: 13px 128px 13px 128px; }} @media only screen and (min-width : 1600px) { .row.indented_nur_row {padding: 13px 192px 13px 192px; }} .flex-row.indented_nur_row {padding: 13px 150px 13px 150px;} @media only screen and (max-width : 319px) { .flex-row.indented_nur_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 320px) { .flex-row.indented_nur_row {padding: 6px 6px 6px 6px; }} @media only screen and (min-width : 480px) { .flex-row.indented_nur_row {padding: 6px 6px 6px 6px; }} @media only screen and (min-width : 768px) { .flex-row.indented_nur_row {padding: 6px 13px 6px 13px;}} @media only screen and (min-width : 992px) { .flex-row.indented_nur_row {padding: 13px 26px 13px 26px; }} @media only screen and (min-width : 1100px) { .flex-row.indented_nur_row {padding: 13px 32px 13px 32px; }} @media only screen and (min-width : 1200px) { .flex-row.indented_nur_row {padding: 13px 64px 13px 64px; }} @media only screen and (min-width : 1350px) { .flex-row.indented_nur_row {padding: 13px 96px 13px 96px; }} @media only screen and (min-width : 1450px) { .flex-row.indented_nur_row {padding: 13px 120px 13px 120px; }} @media only screen and (min-width : 1600px) { .flex-row.indented_nur_row {padding: 13px 150px 13px 150px; }} /* Contents verschiedene Farben ROW WEISSER TEXT*/ .kk_anmod_TXT_white { background-color:#6a6a6a; padding: 0px; color: #ffffff; } .row.kk_anmod_TXT_white { background-color:#6a6a6a; padding: 0px; color: #ffffff; } .kk_anmod_TXT_white_content { padding: 26px; color: #FFF; border-bottom:13px solid;} .kk_anmod_TXT_white_content h1, .kk_anmod_TXT_white_content h2, .kk_anmod_TXT_white_content h3, .kk_anmod_TXT_white_content.h1,.kk_anmod_TXT_white_content.h2,.kk_anmod_TXT_white_content.h3 { color:#ffffff; text-shadow: rgba(40, 43, 64, 0.7) 0px 1px 1px; } .kk_anmod_TXT_white_content smallerLink { color:#ffffff; } .kk_anmod_TXT_white_content smallerLink:hover { color:#ffffff; } /* Contents verschiedene Farben ROW GRAUER TEXT*/ .kk_anmod_TXT_grey { background-color:#FFF; padding: 0px; color: #4c4c4c; } .kk_anmod_TXT_grey:hover { background-color:#FFF; padding: 0px; color: #4c4c4c; } .kk_anmod_TXT_grey .kk_anmod_TXT_grey.h1,.kk_anmod_TXT_grey.h2,.kk_anmod_TXT_grey.h3 { color:#4c4c4c; text-shadow: rgba(40, 43, 64, 0.7) 0px 1px 1px; } .row.kk_anmod_TXT_grey { background-color:#FFF; padding: 0px; color: #4c4c4c; } .kk_anmod_TXT_grey_content {background-color:#FFF; padding: 26px; color: #4c4c4c; border-bottom:13px solid; border-color: #FFF;} /* SPACER MODULE */ .kk_spacer {min-height:1px;} .kk_spacer2 {height:26px;} .kk_spacer_footer {height:150px;} /* !!!!!!! PFLICHTFELDER & CO. !!!!!!! */ .muted {color: #F41D2B; font-size: large;} /* !!!!!!! TEASER CONTENTS INTERNE WERBUNG !!!!!!! */ .kk_teaser_white {background-color:#ffffff !important; padding:0px; min-height: 0px;} .row.kk_teaser_white {background-color:#ffffff padding:0px; border:0px; min-height: 0px;} /* !!!!!!! TEASER CONTENTS !!!!!!! */ .row.kk_content_teaser {background-color:#ffffff; padding:13px; } .kk_content_teaser {background-color:#ffffff !important; padding:13px; min-height: 1px; } .kk_content_teaser h2, .kk_content_teaser h3, .kk_content_teaser p {margin: 13px 13px 0px 13px;} .row.kk_content_teaser_center {background-color:#ffffff; padding:13px 26px 13px 26px; } .kk_content_teaser_center {background-color:#ffffff !important; padding:13px; min-height: 1px; text-align:center } .kk_content_teaser_center h2, .kk_content_teaser_center h3, .kk_content_teaser_center p {margin: auto; margin-top: 13px} /* !!! IM CMS GROESSEN BEACHTEN !!! */ .kk_content_teaser_left {} /*XS12*/ @media (max-width : 767px) {.kk_content_teaser_left { padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; }} /*SM 6*/ @media (min-width : 768px) {.kk_content_teaser_left { padding-top: 0px; padding-right: 6px; padding-bottom: 6px; padding-left: 0px; }} /*MD 4*/ @media (min-width : 992px) {.kk_content_teaser_left { padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 0px; }} /*LG 3*/ @media (min-width : 1200px) {.kk_content_teaser_left { padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 0px; }} /* Zweiter Teaser - LG 3 - MD 4 - SM 6 - XS 12 */ .kk_content_teaser_mid_left {} /*XS12*/ @media (max-width : 767px) {.kk_content_teaser_mid_left { padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; }} /*SM 6*/ @media (min-width : 768px) {.kk_content_teaser_mid_left { padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 6px; }} /*MD 4*/ @media (min-width : 992px) {.kk_content_teaser_mid_left { padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; }} /*LG 3*/ @media (min-width : 1200px) {.kk_content_teaser_mid_left { padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 4px; }} /* Dritter Teaser - LG 3 - MD 4 - SM 6 - XS 12 */ .kk_content_teaser_mid_right {} /*XS12*/ @media (max-width : 767px) {.kk_content_teaser_mid_right { padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; }} /*SM 6*/ @media (min-width : 768px) {.kk_content_teaser_mid_right { padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 0px; }} /*MD 4*/ @media (min-width : 992px) {.kk_content_teaser_mid_right { padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; }} /*LG 3*/ @media (min-width : 1200px) {.kk_content_teaser_mid_right { padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 6px; }} /* Vierter Teaser - LG 3 - MD 4 - SM 6 - XS 12 */ .kk_content_teaser_right {} /*XS12*/ @media (max-width : 767px) {.kk_content_teaser_right { padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }} /*SM 6*/ @media (min-width : 768px) {.kk_content_teaser_right { padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 6px; }} /*MD 4*/ @media (min-width : 992px) {.kk_content_teaser_right { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; }} /*LG 3*/ @media (min-width : 1200px) {.kk_content_teaser_right { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; }} /* !!!!!!! BODDYTEXTE !!!!!!! */ body {color: color:#4c4c4c; font-family: PTSansRegular; line-height: 120%;} @media only screen and (max-width : 319px) { body {font-size: 11pt;}} @media only screen and (min-width : 320px) { body {font-size: 11pt;}} @media only screen and (min-width : 480px) { body {font-size: 11pt;}} @media only screen and (min-width : 768px) { body {font-size: 12pt;}} @media only screen and (min-width : 992px) { body {font-size: 12pt;}} @media only screen and (min-width : 1200px){ body {font-size: 13pt;}} @media only screen and (min-width : 1400px){ body {font-size: 13pt;}} .smaller {font-size: font-family: PTSansRegular; line-height: 120%;} @media only screen and (max-width : 319px) { .smaller {font-size: 10pt;}} @media only screen and (min-width : 320px) { .smaller {font-size: 10pt;}} @media only screen and (min-width : 480px) { .smaller {font-size: 10pt;}} @media only screen and (min-width : 768px) { .smaller {font-size: 11pt;}} @media only screen and (min-width : 992px) { .smaller {font-size: 11pt;}} @media only screen and (min-width : 1200px){ .smaller {font-size: 12pt;}} @media only screen and (min-width : 1400px){ .smaller {font-size: 12pt;}} .smaller-mini {font-family: PTSansRegular; line-height: 100%;} @media only screen and (max-width : 319px) { .smaller-mini {font-size: 9pt; }} @media only screen and (min-width : 320px) { .smaller-mini {font-size: 9pt; }} @media only screen and (min-width : 480px) { .smaller-mini {font-size: 9pt; }} @media only screen and (min-width : 768px) { .smaller-mini {font-size: 9pt; }} @media only screen and (min-width : 992px) { .smaller-mini {font-size: 9pt; }} @media only screen and (min-width : 1200px){ .smaller-mini {font-size: 10pt;}} @media only screen and (min-width : 1400px){ .smaller-mini {font-size: 10pt;}} .larger {font-family: PTSansRegular; line-height: 120%;} @media only screen and (max-width : 319px) { .larger {font-size: 12pt;}} @media only screen and (min-width : 320px) { .larger {font-size: 12pt;}} @media only screen and (min-width : 480px) { .larger {font-size: 12pt;}} @media only screen and (min-width : 768px) { .larger {font-size: 13pt;}} @media only screen and (min-width : 992px) { .larger {font-size: 13pt;}} @media only screen and (min-width : 1200px){ .larger {font-size: 14pt;}} @media only screen and (min-width : 1400px){ .larger {font-size: 14pt;}} .claimtag {font-size: font-family: PTSansRegular; line-height: 100%; color:#ffffff; } @media only screen and (max-width : 319px) { .claimtag {font-size: 11pt;}} @media only screen and (min-width : 320px) { .claimtag {font-size: 11pt;}} @media only screen and (min-width : 480px) { .claimtag {font-size: 11pt;}} @media only screen and (min-width : 768px) { .claimtag {font-size: 11pt;}} @media only screen and (min-width : 992px) { .claimtag {font-size: 11pt;}} @media only screen and (min-width : 1200px){ .claimtag {font-size: 11pt;}} @media only screen and (min-width : 1200px){ .claimtag {font-size: 11pt;}} .kk_subtitle {font-size: 12pt !important; font-family: PTSansRegular; line-height: 100%;} @media only screen and (max-width : 319px) { .kk_subtitle {font-size: 11pt !important;}} @media only screen and (min-width : 320px) { .kk_subtitle {font-size: 11pt !important;}} @media only screen and (min-width : 480px) { .kk_subtitle {font-size: 11pt !important;}} @media only screen and (min-width : 768px) { .kk_subtitle {font-size: 12pt !important;}} @media only screen and (min-width : 992px) { .kk_subtitle {font-size: 12pt !important;}} @media only screen and (min-width : 1200px){ .kk_subtitle {font-size: 13pt !important;}} @media only screen and (min-width : 1200px){ .kk_subtitle {font-size: 13pt !important;}} /* !!!!!!! L I N K S !!!!!!! */ a {color:#4c4c4c; text-decoration:none;} a:hover {color:#2b2b2b; text-decoration:underline;} .whitelink {color:#ffffff; text-decoration:none;} .whitelink:hover {color:#ffffff; text-decoration:underline;} /* OWL-Slider */ .owl-title-left {color:#4c4c4c; text-align:left;} .owl-title-left a {color:#4c4c4c; text-align:left; text-decoration:none;} .owl-title-left a:hover {color:#2b2b2b; text-align:left; text-decoration:underline;} .owl-title-center {color:#4c4c4c; text-align:center;} .owl-title-center a {color:#4c4c4c; text-align:center; text-decoration:none;} .owl-title-center a:hover {color:#2b2b2b; text-align:center; text-decoration:underline;} .owl-title-right {color:#4c4c4c; text-align:right;} .owl-title-right a {color:#4c4c4c; text-align:right; text-decoration:none;} .owl-title-right a:hover {color:#2b2b2b; text-align:right; text-decoration:underline;} /* !!!!!!! B U T T O N - L I N K S !!!!!!! */ .easybutton {font-family: PTSansRegular; background-color:#FFF; font-size: 12pt; border: 2px solid #4c4c4c; padding: 6px 30px 3px 30px; text-transform:uppercase; white-space: nowrap; } @media only screen and (max-width : 319px) { .easybutton{font-size: 12pt; border: 2px solid #4c4c4c; padding: 6px 30px 3px 30px; text-transform:uppercase; }} @media only screen and (min-width : 320px) { .easybutton{font-size: 12pt; border: 2px solid #4c4c4c; padding: 6px 30px 3px 30px; text-transform:uppercase; }} @media only screen and (min-width : 480px) { .easybutton{font-size: 12pt; border: 2px solid #4c4c4c; padding: 6px 30px 3px 30px; text-transform:uppercase; }} @media only screen and (min-width : 768px) { .easybutton{font-size: 12pt; border: 2px solid #4c4c4c; padding: 6px 30px 3px 30px; text-transform:uppercase; }} @media only screen and (min-width : 992px) { .easybutton{font-size: 13pt; border: 2px solid #4c4c4c; padding: 6px 30px 3px 30px; text-transform:uppercase; }} @media only screen and (min-width : 1200px){ .easybutton{font-size: 14pt; border: 2px solid #4c4c4c; padding: 6px 30px 3px 30px; text-transform:uppercase; }} @media only screen and (min-width : 1400px){ .easybutton{font-size: 15pt; border: 2px solid #4c4c4c; padding: 6px 30px 3px 30px; text-transform:uppercase; }} .bluebutton {font-family: PTSansRegular;border: 1px solid #330066; padding: 6px 15px 3px 15px; text-transform:uppercase; color:#FFF; white-space: nowrap; box-shadow: 0px 0px 0px 0px #4C4C4C; border-radius: 2px; background-image: -webkit-linear-gradient( top, #252370 0%, #09063f 100%); background-image: -moz-linear-gradient(top, #252370 0%, #09063f 100%); background-image: -o-linear-gradient(top, #252370 0%, #09063f 100%); background-image: linear-gradient(top, #252370 0%, #09063f 100%);} @media only screen and (max-width : 319px) {.bluebutton{font-size: 12pt; margin-top: 9px}} @media only screen and (min-width : 320px) {.bluebutton{font-size: 12pt; margin-top: 9px}} @media only screen and (min-width : 480px) {.bluebutton{font-size: 12pt; margin-top: 9px}} @media only screen and (min-width : 768px) {.bluebutton{font-size: 12pt; margin-top: 9px}} @media only screen and (min-width : 992px) {.bluebutton{font-size: 13pt; margin-top: 9px}} @media only screen and (min-width : 1200px){.bluebutton{font-size: 14pt; margin-top: 9px}} @media only screen and (min-width : 1400px){.bluebutton{font-size: 15pt; margin-top: 9px}} .bluebutton:hover { border: 2px solid #330066; color:#FFF; box-shadow: 0px 0px 4px 0px #4C4C4C; border-radius: 2px; text-decoration: none;} .bluebutton:active { border: 2px solid #330066; color:#FFF; box-shadow: 0px 0px 4px 0px #4C4C4C; border-radius: 2px; text-decoration: none; } /* !!!!!!! Warenkorb_formularlinks !!!!!!! */ input[type="submit"].kk_basketButton2Link {border:0px; background-image:#ffffff; color:#575757; background-color:#ffffff;} @media only screen and (max-width : 319px) { .kk_basketButton2Link {font-size: 10pt;}} @media only screen and (min-width : 320px) { .kk_basketButton2Link {font-size: 10pt;}} @media only screen and (min-width : 480px) { .kk_basketButton2Link {font-size: 10pt;}} @media only screen and (min-width : 768px) { .kk_basketButton2Link {font-size: 11pt;}} @media only screen and (min-width : 992px) { .kk_basketButton2Link {font-size: 12pt;}} @media only screen and (min-width : 1200px){ .kk_basketButton2Link {font-size: 13pt;}} @media only screen and (min-width : 1400px){ .kk_basketButton2Link {font-size: 14pt;}} /* !!!!!!! content_links !!!!!!! */ .content_links {font-family: PTSansRegular; font-size: 12pt; line-height: 120%;} @media only screen and (max-width : 319px) { .content_links {font-size: 10pt;}} @media only screen and (min-width : 320px) { .content_links {font-size: 10pt;}} @media only screen and (min-width : 480px) { .content_links {font-size: 10pt;}} @media only screen and (min-width : 768px) { .content_links {font-size: 11pt;}} @media only screen and (min-width : 992px) { .content_links {font-size: 12pt;}} @media only screen and (min-width : 1200px){ .content_links {font-size: 13pt;}} @media only screen and (min-width : 1400px){ .content_links {font-size: 14pt;}} /* !!!!!!! smallerLink !!!!!!! */ .smallerLink {font-family: PTSansRegular; line-height: 120%;} @media only screen and (max-width : 319px) { .smallerLink {font-size: 10pt;}} @media only screen and (min-width : 320px) { .smallerLink {font-size: 10pt;}} @media only screen and (min-width : 480px) { .smallerLink {font-size: 10pt;}} @media only screen and (min-width : 768px) { .smallerLink {font-size: 10pt;}} @media only screen and (min-width : 992px) { .smallerLink {font-size: 10pt;}} @media only screen and (min-width : 1200px){ .smallerLink {font-size: 10pt;}} @media only screen and (min-width : 1400px){ .smallerLink {font-size: 11pt;}} .smallerLinkMini {font-family: PTSansRegular; line-height: 100%; text-align:center; margin:13px 5px 0px 5px;} @media only screen and (max-width : 319px) { .smallerLinkMini {font-size: 8pt; text-align:center;}} @media only screen and (min-width : 320px) { .smallerLinkMini {font-size: 8pt; text-align:center;}} @media only screen and (min-width : 480px) { .smallerLinkMini {font-size: 8pt; text-align:center;}} @media only screen and (min-width : 768px) { .smallerLinkMini {font-size: 9pt; text-align:center;}} @media only screen and (min-width : 992px) { .smallerLinkMini {font-size: 9pt; text-align:center;}} @media only screen and (min-width : 1200px){ .smallerLinkMini {font-size: 10pt; text-align:center;}} @media only screen and (min-width : 1400px){ .smallerLinkMini {font-size: 10pt; text-align:center;}} /* !!!!!!! largerLink !!!!!!! */ .largerLink {font-family: PTSansRegular; line-height: 120%;} @media only screen and (max-width : 319px) { .largerLink {font-size: 12pt; }} @media only screen and (min-width : 320px) { .largerLink {font-size: 12pt; }} @media only screen and (min-width : 480px) { .largerLink {font-size: 12pt; }} @media only screen and (min-width : 768px) { .largerLink {font-size: 13pt; }} @media only screen and (min-width : 992px) { .largerLink {font-size: 14pt; }} @media only screen and (min-width : 1200px){ .largerLink {font-size: 15pt; }} @media only screen and (min-width : 1400px){ .largerLink {font-size: 16pt; }} /* Linke Hauptnavigation */ .navtop {border-bottom: 1px solid #e4e4e4; padding-bottom: 4px; padding-top: 3px; text-transform:uppercase; font-family: PTSansRegular; font-weight:normal; line-height: 100%;} @media only screen and (max-width : 319px) { .navtop {font-size: 9pt;}} @media only screen and (min-width : 320px) { .navtop {font-size: 9pt;}} @media only screen and (min-width : 480px) { .navtop {font-size: 10pt;}} @media only screen and (min-width : 768px) { .navtop {font-size: 11pt;}} @media only screen and (min-width : 992px) { .navtop {font-size: 12pt;}} @media only screen and (min-width : 1200px){ .navtop {font-size: 13pt;}} @media only screen and (min-width : 1400px){ .navtop {font-size: 14pt;}} .navtext {padding: 0px 0px 0px 0px; line-height: 100%;} @media only screen and (max-width : 319px) { .navtext {font-size: 9pt;}} @media only screen and (min-width : 320px) { .navtext {font-size: 9pt;}} @media only screen and (min-width : 480px) { .navtext {font-size: 9pt;}} @media only screen and (min-width : 768px) { .navtext {font-size: 10pt;}} @media only screen and (min-width : 992px) { .navtext {font-size: 10pt;}} @media only screen and (min-width : 1200px){ .navtext {font-size: 10pt;}} .navlist {padding: 0px 0px 0px 6px;} .navend {text-decoration:none; padding: 0px; text-align:right; margin-top: 5px; margin-bottom: 13px} /*navigationslinks Linke Seite */ .link-NAVI {font-family: PTSansRegular; text-decoration: none; color: #1a1a1a; line-height: 120%; white-space:normal;} @media only screen and (max-width : 319px) { .link-NAVI {font-size: 10pt}} @media only screen and (min-width : 320px) { .link-NAVI {font-size: 10pt}} @media only screen and (min-width : 480px) { .link-NAVI {font-size: 10pt}} @media only screen and (min-width : 768px) { .link-NAVI {font-size: 10pt}} @media only screen and (min-width : 992px) { .link-NAVI {font-size: 10pt}} @media only screen and (min-width : 1200px){ .link-NAVI {font-size: 10pt}} @media only screen and (min-width : 1200px){ .link-NAVI {font-size: 10pt}} .link-NAVI:hover {font-family: PTSansRegular; text-decoration: underline; color: #7d7d7d; line-height: 120%; white-space:normal} @media only screen and (max-width : 319px) { .link-NAVI:hover {font-size: 10pt}} @media only screen and (min-width : 320px) { .link-NAVI:hover {font-size: 10pt}} @media only screen and (min-width : 480px) { .link-NAVI:hover {font-size: 10pt}} @media only screen and (min-width : 768px) { .link-NAVI:hover {font-size: 10pt}} @media only screen and (min-width : 992px) { .link-NAVI:hover {font-size: 10pt}} @media only screen and (min-width : 1200px){ .link-NAVI:hover {font-size: 10pt}} @media only screen and (min-width : 1200px){ .link-NAVI:hover {font-size: 10pt}} /*FILTERNAVIGATION bei Suchergebnissen*/ .info_boxes {padding:26px 0px 26px 0px; background-color:#ffffff;} .filter_nav {padding: 0px 20px 0px 20px; margin:0px;} DIV.filter_nav { text-align: left;} DIV.filter_nav H3 {margin: 0px; } DIV.filter_nav UL { clear: both;} DIV.filter_nav UL LI.fvalues:hover { cursor:pointer; color: #980018; } DIV.filter_nav UL LI.fvalues { padding: 0px 0px 10px 0px; background-image: url(../img/checksprite.gif) 0px 12px; background-position: 2px 2px; } DIV.filter_nav UL LI.fvalues-disable DIV { color: #c1c1c1!important;} DIV.filter_nav UL LI.fvalues-disable:hover { cursor:default!important; color: #333333!important; } DIV.filter_nav UL LI INPUT { } DIV.filter_nav UL LI UL { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } DIV.filter_nav UL LI UL LI { text-align: left;float:left; text-decoration: underline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } DIV.filter_nav .filter_nav_all { text-align: right; margin: 10px 12px 10px 0px;text-decoration: none; font-weight: bold;} DIV.filter_nav .filter_nav_all:hover { cursor:pointer; } DIV.filter_nav DIV.ftext { padding: 0px 0px 0px 2px; text-decoration: none;} DIV.filter_nav DIV.ftext SPAN {text-decoration: none!important; font-weight: normal;} DIV.filter_nav DIV.ftext-selected { text-decoration: none!important; font-weight: bold;} I.fcheck { display:block; width: 13px; height: 13px; background-image: url(../img/checksprite_art.gif); background-position: -1px -15px;} I.fcheck-checked {background-position: -1px -1px;} I.fcheck-checked-disable { background-position: -15px -1px;} I.fcheck-unchecked-disable { background-position: -15px -15px;} DIV.filter_nav .badge-filternav {background: none repeat scroll 0 0 rgba(41, 39, 111, 0.2);} /* Farbfilter in der Suche */ .farbe-filter { position:relative; width: 10%; float: left; border: 1px solid white; border-radius: 3px; } .farbe-filter-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* TODO: Prüfen ob das noch verwendet wird 0*/ .farbe-filter:before { content: ""; display:block; padding-top: 100%;} .farbe-filter-checked {border: 2px solid black;} DIV#filter_nav_box HR { height: 1px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #f1ebd4;} .clear {clear:both;} /* !!!!!!! Texte Footer !!!!!!! */ .kk_footer {margin-top: 20px; border-bottom: 0px solid #bbbbbd; margin-bottom: 13px; text-transform:uppercase; font-family: PTSansRegular; } /* Nach oben Scroller */ .backToTop a {display:none;position:fixed;right:15px;bottom:15px;color:#ffffff;text-decoration:none;background: #D5A811;padding:13px;font-size: larger;} /* !!!!!!! Rahmenstudio !!!!!!! */ /* Tooltips Rahmenauswahl */ .tooltip-inner {max-width: 200px; padding: 5px 8px; color: #000; text-align: center; text-decoration: none; background-color: #fff; border-radius: 4px; border: 1px solid #a1a2c1;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .tooltip {font-size: 14px; line-height: 1.4; visibility: visible;} /* Info Viereck in Rahmenauswahl */ .kk_frameQuestion {height:20px; width:20px; margin: 4px 0px 0px 1px; vertical-align:middle ; font-family: PTSansRegular; padding:0px 0px 0px 0px; color:#ffffff; border:1px solid #a87e02; background-image: -webkit-linear-gradient( top, #c79500 0%, #e8ab00 100%); background-image: -moz-linear-gradient(top, #c79500 0%, #e8ab00 100%); background-image: -o-linear-gradient(top, #c79500 0%, #e8ab00 100%); background-image: linear-gradient(top, #c79500 0%, #e8ab00 100%); color:#ffffff; font-size: 11pt; text-shadow:0px 0px 0 #a87e02, 1px 0px 0 #a87e02,1px 0px 1px #a87e02,1px 0px 1px #a87e02,0px 0px 1px #a87e02;} .kk_framePromo {height:20px; width:20px; margin: 4px 0px 0px 1px; vertical-align:middle ; font-family: PTSansRegular; padding:0px 0px 0px 2px; color:#ffffff; border:1px solid #a87e02; background-image: -webkit-linear-gradient( top, #c79500 0%, #e8ab00 100%); background-image: -moz-linear-gradient(top, #c79500 0%, #e8ab00 100%); background-image: -o-linear-gradient(top, #c79500 0%, #e8ab00 100%); background-image: linear-gradient(top, #c79500 0%, #e8ab00 100%); color:#ffffff; font-size: 11pt; text-shadow:0px 0px 0 #a87e02, 1px 0px 0 #a87e02,1px 0px 1px #a87e02,1px 0px 1px #a87e02,0px 0px 1px #a87e02;} /* .bestSeller { border:1px solid #a87e02; } */ /* Für Internet Explorer 5.5 - 7 filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#252370, endColorstr=#09063f);zoom: 1; /* Für Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#252370, endColorstr=#09063f)"; /* Für Internet Explorer 10 */ background-image: -ms-linear-gradient(top, #e7ab00 0%, #b99313 100%); */ /*aktuelles Material*/ .kk_matSubHeader {margin-top:10px;margin-bottom:5px;} .kk_singleMatOption {padding:0px 0px 0px 0px;} .kk_matGroup {cursor:pointer;margin-bottom:5px; border:0px; font-size:smaller; } .kk_matGroup:hover{transition: background 1s ease 0s; background-color:#ededed;} .kk_matGroupActive {background-color: #ededed;} .kk_singleMatMainDiv { position:relative; width:121px;} .kk_singleMatPromoDiv {position:absolute;top:11px;left:80px;} .kk_singleMatPromo { height:20px; width:30px; border:1px solid #a1a2c1;background-image: -webkit-linear-gradient( top, #c79500 0%, #e8ab00 100%); background-image: -moz-linear-gradient(top, #c79500 0%, #e8ab00 100%); background-image: -o-linear-gradient(top, #c79500 0%, #e8ab00 100%); background-image: linear-gradient(top, #c79500 0%, #e8ab00 100%); color:#ffffff; /* Für Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#c79500, endColorstr=#e8ab00);zoom: 1; /* Für Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#c79500, endColorstr=#e8ab00)"; /* Für Internet Explorer 10 */ background-image: -ms-linear-gradient(top, #c79500 0%, #e8ab00 100%); } .kk_changeMat {clear:both;text-align:right;padding-right:5px;border:0px solid red;} /*Material Popup*/ .kk_moreMatShow {display:none;visibility:hidden;position:absolute;left:100px;top:200px;z-index:100;width:1000px;background-color:#fff;overflow-x:hidden;overflow-y:scroll;background-color:#f5f2f3;} .kk_moreMatActive {background-color: #ededed;} .kk_moreMatList {width:150px; margin-bottom: 5px;} .kk_moreMatElement {float:left;padding:10px; margin:10px; width:150px; } .kk_moreMatType {height:250px;cursor:pointer; width:150px; font-size: smaller; line-height: 100%; float:left; margin:0px; padding:5px 0px 5px 5px;} .kk_moreMatType:hover {background-color:#ededed; transition: background 1s ease 0s;} .kk_moreMatHeadline {padding:0px;margin:30px 30px 10px 30px;} .kk_moreMatPic { } .kk_moreMatText {float:left; padding:10px 5px 10px 10px ;margin-left:5px;height:61px;width:167px;text-align:left; font-size:smaller;} .kk_moreMatClear {clear:both;} .kk_moreMatSpace {clear:both;height:20px;} .kk_moreMatClose {text-align:right;margin:10px;} .kk_mirror { cursor: help; position: relative; } .kk_matForm {padding:0px;margin:0px;} /* !!!!!!! CONTENT SEITEN SPECIALS !!!!!!! */ /* Rahmenlistungen im Content */ .cc-frame-list-header {margin-bottom: 9px; margin-top: 9px;} div.cc-frame {background-color: transparent!important; margin: 9px 0px 0px 0px; } div.cc-frame-border {border-right: 0px solid transparent!important; } div.cc-frame-border-inner > div {padding: 5px 13px 5px 13px;} div.cc-frame div.row div[class^="col-"] {/*font-size:15px;*/ background-color:#ffffff; margin-top:0px; padding:0px;} div.cc-frame div.cc-frame-img { padding-top: 13px; border-bottom: 0px solid } div.cc-frame div.cc-frame-img .cc-frame-title {height: 65px;} div.cc-frame div.row.cc-frame-keyvalue div:nth-child(2) {text-align: right;} div.cc-frame div.cc-frame-bottom { margin-top: 0px;} div.cc-frame .cc-frame-bottom-table {width:100%;} div.cc-frame .cc-frame-bottom-desc {font-size:smaller; } div.cc-frame div.cc-frame-bottom { margin-top: 9px; margin-bottom: 0px;} div.cc-frame div.cc-frame-bottom div.cc-frame-bottom-desc-xs {font-size:smaller;} .kk_frame_list {padding-bottom:9px; } .kk_frame_list_space_right {padding-right:9px;} .kk_frame_desc_background {background-color:#ffffff;padding:0px;padding-top:0;} .kk_frame_list_title {font-weight:normal;} .kk_frame_artno {background-color:#ffffff;margin:2px;padding:3px;} .kk_frame_value_artno {margin-bottom:5px;padding:2px;} .kk_frame_values {font-size:15px;background-color:#ffffff;margin-bottom:5px;padding:2px;} .kk_frame_value {text-align:right;font-weight:normal;} .kk_frame_space_top {padding-top:26px;} .kk_frame_desc {font-size:15px;color:#777791;padding-top:13px;} .kk_frame_spacer {padding-top:5px;} .kk_frame_specal_font {color:#777791;} /*Rahmeneinzelanzeige*/ .kk_frame_show {min-height: 10px !important;}