/*========== 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 !!!!!!! */ /* ohne Formatierung */ body {color:#4c4c4c; font-family: PTSansRegular; line-height: 130%; margin: 0px; padding:0%; } a {text-decoration:none; color:#4c4c4c;} a:active {text-decoration:none; color:#4c4c4c;} a:hover {text-decoration:underline;color:#4c4c4c;} .txtwhite {color:#ffffff; text-decoration:none;} .whitelink {color:#ffffff; text-decoration:none;} .whitelink:hover {color:#ffffff; text-decoration:underline;} .center {text-align:center; } .page-title {margin-top:5px; padding: 13px 13px 6px 13px; line-height: 130%; text-transform: none; text-align:center; } .ag {font-family: PTSansRegular; line-height: 150%; letter-spacing: 0.05em; text-transform:none; } /* Überschriften *//* topmargin fuer Grossbuchstaben mit Umlauten*/ h1 {font-family: PTSansRegular; font-size:18pt; color:#4c4c4c; line-height: 130%; font-weight: normal; margin:13px 0px 9px 0px; text-transform:uppercase;} @media only screen and (max-width : 319px) { h1 {font-size:16pt; }} @media only screen and (min-width : 320px) { h1 {font-size:17pt; }} @media only screen and (min-width : 480px) { h1 {font-size:18pt; }} @media only screen and (min-width : 768px) { h1 {font-size:19pt; }} @media only screen and (min-width : 992px) { h1 {font-size:20pt; }} @media only screen and (min-width : 1200px) { h1 {font-size:21pt; }} @media only screen and (min-width : 1400px) { h1 {font-size:22pt; }} h1.textwhite.a {color:#ffffff; text-decoration:none;} h2 {font-family: PTSansRegular; color:#4c4c4c; line-height: 130%; 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:15pt; }} @media only screen and (min-width : 480px) { h2 {font-size:16pt; }} @media only screen and (min-width : 768px) { h2 {font-size:17pt; }} @media only screen and (min-width : 992px) { h2 {font-size:18pt; }} @media only screen and (min-width : 1200px) { h2 {font-size:19pt; }} @media only screen and (min-width : 1400px) { h2 {font-size:20pt; }} h2.textwhite.a {color:#ffffff; text-decoration:none;} h3 {font-family: PTSansRegular; color:#4c4c4c; line-height: 130%; font-weight: normal; margin:9px 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:14pt; }} @media only screen and (min-width : 480px) { h3 {font-size:15pt; }} @media only screen and (min-width : 768px) { h3 {font-size:16pt; }} @media only screen and (min-width : 992px) { h3 {font-size:17pt; }} @media only screen and (min-width : 1200px) { h3 {font-size:18pt; }} @media only screen and (min-width : 1400px) { h3 {font-size:19pt; }} h3.textwhite.a {color:#ffffff; text-decoration:none;} 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:13pt; }} @media only screen and (min-width : 480px) { h4 {font-size:14pt; }} @media only screen and (min-width : 768px) { h4 {font-size:15pt; }} @media only screen and (min-width : 992px) { h4 {font-size:16pt; }} @media only screen and (min-width : 1200px) { h4 {font-size:17pt; }} @media only screen and (min-width : 1400px) { h4 {font-size:18pt; }} h5 {font-family: PTSansRegular; font-size:12pt; color:#4c4c4c; line-height: 100%; font-weight: normal; } @media only screen and (max-width : 319px) { h5 {font-size:12pt; }} @media only screen and (min-width : 320px) { h5 {font-size:13pt; }} @media only screen and (min-width : 480px) { h5 {font-size:14pt; }} @media only screen and (min-width : 768px) { h5 {font-size:15pt; }} @media only screen and (min-width : 992px) { h5 {font-size:16pt; }} @media only screen and (min-width : 1200px) { h5 {font-size:17pt; }} @media only screen and (min-width : 1400px) { h5 {font-size:18pt; }} h6 {font-family: PTSansRegular; font-size:12pt; color:#4c4c4c; line-height: 100%; font-weight: normal; } @media only screen and (max-width : 319px) { h4 {font-size:12pt; }} @media only screen and (min-width : 320px) { h4 {font-size:13pt; }} @media only screen and (min-width : 480px) { h4 {font-size:14pt; }} @media only screen and (min-width : 768px) { h4 {font-size:15pt; }} @media only screen and (min-width : 992px) { h4 {font-size:16pt; }} @media only screen and (min-width : 1200px) { h4 {font-size:17pt; }} @media only screen and (min-width : 1400px) { h4 {font-size:18pt; }} /* !!!!!!! TEXTE & LINKS !!!!!!! */ /* größer */ .larger {font-family: PTSansRegular; line-height: 130%;} @media only screen and (max-width : 319px) { .larger {font-size: 14pt;}} @media only screen and (min-width : 320px) { .larger {font-size: 14pt;}} @media only screen and (min-width : 480px) { .larger {font-size: 14pt;}} @media only screen and (min-width : 768px) { .larger {font-size: 14pt;}} @media only screen and (min-width : 992px) { .larger {font-size: 14pt;}} @media only screen and (min-width : 1200px){ .larger {font-size: 14pt;}} .largerLink {font-family: PTSansRegular; line-height: 130%;} @media only screen and (max-width : 319px) { .largerLink {font-size: 14pt; }} @media only screen and (min-width : 320px) { .largerLink {font-size: 14pt; }} @media only screen and (min-width : 480px) { .largerLink {font-size: 14pt; }} @media only screen and (min-width : 768px) { .largerLink {font-size: 14pt; }} @media only screen and (min-width : 992px) { .largerLink {font-size: 14pt; }} @media only screen and (min-width : 1200px){ .largerLink {font-size: 14pt; }} @media only screen and (min-width : 1400px){ .largerLink {font-size: 14pt; }} .largerLink:hoover {text-decoration: underline;} .largerLink_Center {font-family: PTSansRegular; line-height: 130%; text-align:center;} @media only screen and (max-width : 319px) { .largerLink_Center {font-size: 14pt; text-align:center;}} @media only screen and (min-width : 320px) { .largerLink_Center {font-size: 14pt; text-align:center;}} @media only screen and (min-width : 480px) { .largerLink_Center {font-size: 14pt; text-align:center;}} @media only screen and (min-width : 768px) { .largerLink_Center {font-size: 14pt; text-align:center;}} @media only screen and (min-width : 992px) { .largerLink_Center {font-size: 14pt; text-align:center;}} @media only screen and (min-width : 1200px){ .largerLink_Center {font-size: 14pt; text-align:center;}} @media only screen and (min-width : 1400px){ .largerLink_Center {font-size: 14pt; text-align:center;}} .largerLink_Center:hoover {text-decoration: underline;} /* kleiner */ .smaller {font-family: PTSansRegular; line-height: 130%;} @media only screen and (max-width : 319px) { .smaller {font-size: 11pt;}} @media only screen and (min-width : 320px) { .smaller {font-size: 11pt;}} @media only screen and (min-width : 480px) { .smaller {font-size: 11pt;}} @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: 11pt;}} @media only screen and (min-width : 1200px){ .smaller {font-size: 11pt;}} .smallerLink {font-family: PTSansRegular; line-height: 130%;} @media only screen and (max-width : 319px) { .smallerLink {font-size: 11pt;}} @media only screen and (min-width : 320px) { .smallerLink {font-size: 11pt;}} @media only screen and (min-width : 480px) { .smallerLink {font-size: 11pt;}} @media only screen and (min-width : 768px) { .smallerLink {font-size: 11pt;}} @media only screen and (min-width : 992px) { .smallerLink {font-size: 11pt;}} @media only screen and (min-width : 1200px){ .smallerLink {font-size: 11pt;}} @media only screen and (min-width : 1400px){ .smallerLink {font-size: 11pt;}} .smallerLink:hoover {text-decoration: underline;} /* kleiner breiter*/ .smaller-space {font-family: PTSansRegular; line-height: 170%; letter-spacing: 0.1em; } @media only screen and (max-width : 319px) { .smaller-space {font-size: 10pt; }} @media only screen and (min-width : 320px) { .smaller-space {font-size: 10pt; }} @media only screen and (min-width : 480px) { .smaller-space {font-size: 10pt; }} @media only screen and (min-width : 768px) { .smaller-space {font-size: 10pt; }} @media only screen and (min-width : 992px) { .smaller-space {font-size: 10pt; }} @media only screen and (min-width : 1200px){ .smaller-space {font-size: 10pt; }} @media only screen and (min-width : 1200px){ .smaller-space {font-size: 10pt; }} .smaller-link-space {font-family: PTSansRegular; line-height: 170%; letter-spacing: 0.1em; } @media only screen and (max-width : 319px) { .smaller-link-space {font-size: 10pt; }} @media only screen and (min-width : 320px) { .smaller-link-space {font-size: 10pt; }} @media only screen and (min-width : 480px) { .smaller-link-space {font-size: 10pt; }} @media only screen and (min-width : 768px) { .smaller-link-space {font-size: 10pt; }} @media only screen and (min-width : 992px) { .smaller-link-space {font-size: 10pt; }} @media only screen and (min-width : 1200px){ .smaller-link-space {font-size: 10pt; }} @media only screen and (min-width : 1200px){ .smaller-link-space {font-size: 10pt; }} .smaller-link-space:hoover {text-decoration: underline;} /* mini */ .smaller-mini {font-family: PTSansRegular; line-height: 130%;} @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: 9pt; }} @media only screen and (min-width : 1200px){ .smaller-mini {font-size: 9pt; }} .smallerLinkMini {font-family: PTSansRegular; line-height: 130%;} @media only screen and (max-width : 319px) { .smallerLinkMini {font-size: 9pt; }} @media only screen and (min-width : 320px) { .smallerLinkMini {font-size: 9pt; }} @media only screen and (min-width : 480px) { .smallerLinkMini {font-size: 9pt; }} @media only screen and (min-width : 768px) { .smallerLinkMini {font-size: 9pt; }} @media only screen and (min-width : 992px) { .smallerLinkMini {font-size: 9pt; }} @media only screen and (min-width : 1200px){ .smallerLinkMini {font-size: 9pt; }} @media only screen and (min-width : 1400px){ .smallerLinkMini {font-size: 9pt; }} .smallerLinkMini:hoover {text-decoration: underline;} /* !!!!!!! 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;}} .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;}} /* Ueberschriften Listen & Suchausgaben */ .kk_pagination { margin: 0px 13px 0px 13px; } .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; }} /* !!!!!!! ALLE BANNER !!!!!!! */ .kk_banner {margin: 5px 5px 0px 5px; } .flex-row.kk_banner_yellow {color:#ffffff; line-height: 100%; 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;} .flex-row.kk_banner_yellow a {color:#ffffff} .flex-row.kk_banner_yellow a:hoover {color:#ffffff} .flex-row.kk_banner_white {color:#4c4c4c; background-color:#FFF; } .flex-row.kk_banner_white a {color:#4c4c4c} .flex-row.kk_banner_white a:hoover {color:#4c4c4c} .flex-row.kk_banner_black { background-image: -webkit-linear-gradient( top, #4b4b4b 0%, #303030 100%); background-image: -moz-linear-gradient(top, #4b4b4b 0%, #303030 100%); background-image: -o-linear-gradient(top, #4b4b4b 0%, #303030 100%); background-image: linear-gradient(top, #4b4b4b 0%, #303030 100%); background-color:#4b4b4b; color:#ffffff;} .flex-row.kk_banner_black a {color:#ffffff} .flex-row.kk_banner_black a:hoover {color:#ffffff} /* Blauer Banner im Bestellprozess */ .kk_well.kk_top_hotline {padding:10px 10px 10px 10px !important; margin-bottom: 7px } /* !!!!!!! BANNER Texte !!!!!!! */ .bannerclaim {font-size:18pt; text-transform:uppercase; 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 a {font-size:18pt; text-transform:uppercase; font-weight:normal; white-space:nowrap; text-decoration: none;} @media only screen and (max-width : 479px) { .bannerclaim a {font-size:14pt; }} @media only screen and (min-width : 480px) { .bannerclaim a {font-size:15pt; }} @media only screen and (min-width : 768px) { .bannerclaim a {font-size:16pt; }} @media only screen and (min-width : 992px) { .bannerclaim a {font-size:17pt; }} @media only screen and (min-width : 1200px) { .bannerclaim a {font-size:18pt; }} .bannerclaim a:hover {font-size:18pt; text-transform:uppercase; 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}} .bannerlink {font-size:11pt; text-transform:uppercase; } .bannerlink a {font-size:11pt; text-transform:uppercase; } .bannerlink a:hoover {font-size:11pt; text-transform:uppercase; } .bannertexte {font-size:11pt; text-transform:uppercase; } /*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 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; } .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:7px; font-size:12pt; line-height:30px; margin-left:0; border:0; 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%); color:#fff; filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#252370, endColorstr=#09063f); zoom:1; -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#252370, endColorstr=#09063f)"; background-image:-ms-linear-gradient(top,#252370 0,#09063f 100%)} /* !!!!!!! BREADCRUMB !!!!!!! */ .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #FFFFFF; border-radius: 4px; } /* !!!!!!! 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: 0px;} .flex-row.kk_content a {color:#ffffff} .flex-row..kk_content a:hoover {color:#ffffff} /* .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. */ .anmod_row {padding: 0px;} @media only screen and (max-width : 319px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 320px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 480px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 768px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 992px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 1100px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 1200px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 1350px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 1450px) { .flex-row.anmod_row {padding: 0px 40px 0px 40px; }} @media only screen and (min-width : 1600px) { .flex-row.anmod_row {padding: 0px 40px 0px 40px; }} .flex-row.anmod_row {padding: 0px;} @media only screen and (max-width : 319px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 320px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 480px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 768px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 992px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 1100px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 1200px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 1350px) { .flex-row.anmod_row {padding: 0px 0px 0px 0px; }} @media only screen and (min-width : 1450px) { .flex-row.anmod_row {padding: 0px 40px 0px 40px; }} @media only screen and (min-width : 1600px) { .flex-row.anmod_row {padding: 0px 40px 0px 40px; }} .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; }} /* !!!!!!! S O N D E R L I N K S !!!!!!! */ /* OWL-Slider */ .owl-title-left {color:#4c4c4c; text-align:left; margin-top: 24px; } .owl-title-left a {color:#4c4c4c; text-align:left; text-decoration:none;} .owl-title-left a:hover {color:#4c4c4c; text-align:left; text-decoration:underline;} .owl-title-center /*{color:#4c4c4c; text-align:center; margin-top: 24px; }*/ {font-family: PTSansRegular; color:#4c4c4c; line-height: 130%; font-weight: normal; margin:9px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { .owl-title-center {font-size:12pt; }} @media only screen and (min-width : 320px) { .owl-title-center {font-size:13pt; }} @media only screen and (min-width : 480px) { .owl-title-center {font-size:14pt; }} @media only screen and (min-width : 768px) { .owl-title-center {font-size:15pt; }} @media only screen and (min-width : 992px) { .owl-title-center {font-size:16pt; }} @media only screen and (min-width : 1200px) { .owl-title-center {font-size:17pt; }} @media only screen and (min-width : 1400px) { .owl-title-center {font-size:18pt; }} .owl-title-center a {color:#4c4c4c; text-align:center; text-decoration:none;} {font-family: PTSansRegular; color:#4c4c4c; line-height: 130%; font-weight: normal; margin:9px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { .owl-title-center a {font-size:12pt; }} @media only screen and (min-width : 320px) { .owl-title-center a {font-size:13pt; }} @media only screen and (min-width : 480px) { .owl-title-center a {font-size:14pt; }} @media only screen and (min-width : 768px) { .owl-title-center a {font-size:15pt; }} @media only screen and (min-width : 992px) { .owl-title-center a {font-size:16pt; }} @media only screen and (min-width : 1200px) { .owl-title-center a {font-size:17pt; }} @media only screen and (min-width : 1400px) { .owl-title-center a {font-size:18pt; }} .owl-title-center a:hover {color:#4c4c4c; text-align:center; text-decoration:underline;} {font-family: PTSansRegular; color:#4c4c4c; line-height: 130%; font-weight: normal; margin:9px 0px 5px 0px; text-transform:none;} @media only screen and (max-width : 319px) { .owl-title-center a {font-size:12pt; }} @media only screen and (min-width : 320px) { .owl-title-center a {font-size:13pt; }} @media only screen and (min-width : 480px) { .owl-title-center a {font-size:14pt; }} @media only screen and (min-width : 768px) { .owl-title-center a {font-size:15pt; }} @media only screen and (min-width : 992px) { .owl-title-center a {font-size:16pt; }} @media only screen and (min-width : 1200px) { .owl-title-center a {font-size:17pt; }} @media only screen and (min-width : 1400px) { .owl-title-center a {font-size:18pt; }} .owl-title-right {color:#4c4c4c; text-align:right; margin-top: 24px; } .owl-title-right a {color:#4c4c4c; text-align:right; text-decoration:none;} .owl-title-right a:hover {color:#4c4c4c; text-align:right; text-decoration:underline;} .owl-theme .owl-img-txt-wrapper { color:#000; height:20px; width:100%; font-size:14pt!important; line-height:15pt } .owl-theme .owl-img-txt-wrapper h3 { color:#000; height:20px; width:100%; font-size:16pt!important; text-align: center; } /* !!!!!!! B U T T O N S !!!!!!! */ .kk_category_pic_txt { background-color:#FFF; border: 1px solid #4c4c4c; padding:5px 15px 2px 15px; position: absolute; opacity: .9; position: absolute; bottom: 10%; left: 10%; width: 80%; text-align: center; font-family: PTSansRegular; font-size: 14pt; text-transform: uppercase; color: inherit;} .kk_category_pic_txt a:hover,.kk_category_pic_txt.a:hover,.kk_category_pic_txt:hover {text-decoration:none; background-color:#4c4c4c; color: #ffffff !important; color:inherit} /*@media only screen and (max-width : 319px) { .kk_category_pic_txt{font-size: 12pt; }} @media only screen and (min-width : 320px) { .kk_category_pic_txt{font-size: 12pt; }} @media only screen and (min-width : 480px) { .kk_category_pic_txt{font-size: 12pt; }} @media only screen and (min-width : 768px) { .kk_category_pic_txt{font-size: 12pt; }} @media only screen and (min-width : 992px) { .kk_category_pic_txt{font-size: 12pt; }} @media only screen and (min-width : 1200px){ .kk_category_pic_txt{font-size: 12pt; }} @media only screen and (min-width : 1400px){ .kk_category_pic_txt{font-size: 12pt; }} */ /* !!!!!!! 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;}} /* feste classe fuer CMS um href in der gleichen Farbe zu haben wie definierte Texte auf Hintergrundbildern */ .kk_text_on_pic a {color: inherit !important;} .kk_text_on_pic a:hover {color: inherit !important;} /* KNOEPFE BUTTON */ .easybutton {font-family: PTSansRegular; line-height: 100%; background-color: #FFF; border: 1px solid #4c4c4c; padding: 4px 20px 1px 20px; text-transform:uppercase; white-space: nowrap; } @media only screen and (max-width : 319px) { .easybutton{font-size: 12pt; }} @media only screen and (min-width : 320px) { .easybutton{font-size: 12pt; }} @media only screen and (min-width : 480px) { .easybutton{font-size: 12pt; }} @media only screen and (min-width : 768px) { .easybutton{font-size: 12pt; }} @media only screen and (min-width : 992px) { .easybutton{font-size: 12pt; }} @media only screen and (min-width : 1200px){ .easybutton{font-size: 12pt; }} @media only screen and (min-width : 1400px){ .easybutton{font-size: 12pt; }} .easybutton:hover {font-family: PTSansRegular; color: #ffffff; line-height: 100%; background-color:#4c4c4c; border: 1px solid #4c4c4c; padding: 4px 20px 1px 20px; text-transform:upercase; text-decoration:none; white-space: nowrap;} .minibutton {font-family: PTSansRegular; line-height: 100%; background-color:#FFF; font-size: 12pt; color: #4c4c4c; border: 1px solid #ffffff; padding: 3px 10px 1px 10px; text-transform: none; white-space: nowrap; letter-spacing: 0.1em;} @media only screen and (max-width : 319px) { .minibutton{font-size: 10pt; border: 1px solid #ffffff;}} @media only screen and (min-width : 320px) { .minibutton{font-size: 10pt; border: 1px solid #ffffff;}} @media only screen and (min-width : 480px) { .minibutton{font-size: 10pt; border: 1px solid #ffffff;}} @media only screen and (min-width : 768px) { .minibutton{font-size: 11pt; border: 1px solid #ffffff;}} @media only screen and (min-width : 992px) { .minibutton{font-size: 11pt; border: 1px solid #ffffff;}} @media only screen and (min-width : 1200px){ .minibutton{font-size: 12pt; border: 1px solid #ffffff;}} @media only screen and (min-width : 1400px){ .minibutton{font-size: 12pt; border: 1px solid #ffffff;}} .minibutton:hover { border: 1px solid #4c4c4c; color: #4c4c4c; background-color:#f8f8f8; box-shadow: 0px 0px 4px 0px #4C4C4C; border-radius: 1px; text-decoration: underline;} .minibutton:active { border: 1px solid #4c4c4c; text-decoration: none; } .bluebutton {font-family: PTSansRegular; line-height: 100%; 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;}} /* 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; font-size: 10pt;} 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;} /* 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;} /* Bildergalerien */ .content_gallery_item{padding:8px;line-height:1;margin-bottom:10px;position:relative;background-color:#fff;display:flex;flex-direction:column;} .content_gallery_item_image_wrapper{flex-grow:1;flex-direction:row;align-items:center} .content_gallery_item div{margin:0 0 5px 0} .content_gallery_item img{width:auto;height:auto;max-height:200px;max-width:200px;box-shadow:2px 2px 3px rgba(0,0,0,.3); } .max-width-100{max-width:200px!important} .content_gallery_item img.img_alike{box-shadow:none!important} /* .content_gallery_item>.caption>.artist{font-size:smaller;} */ .content_gallery_item>.caption>.artist {font-weight: normal;} .content_gallery_item>.caption>.delivery{font-size:smaller;margin:0} .content_gallery_item>.caption>.price{font-size:smaller} /* TESTE Zoom Bilder img.zoomable { transition: transform 0.6s ease; } img.zoomable:hover { transform: scale(1.2); } */ img.zoomable { transition: transform 0.5s ease-out, opacity 0.5s ease-out; opacity: 0.8; } img.zoomable:hover { transform: scale(1.15); opacity: 1; }