Newer
Older
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/* maven-pro-regular - latin */
@font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 400;
src: url('../fonts/maven-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Maven Pro Regular'), local('MavenPro-Regular'),
url('../fonts/maven-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/maven-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/maven-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/maven-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/maven-pro-v11-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
/* maven-pro-700 - latin */
@font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
src: url('../fonts/maven-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
src: local('Maven Pro Bold'), local('MavenPro-Bold'),
url('../fonts/maven-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/maven-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/maven-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/maven-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/maven-pro-v11-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
/* maven-pro-500 - latin */
@font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 500;
src: url('../fonts/maven-pro-v11-latin-500.eot'); /* IE9 Compat Modes */
src: local('Maven Pro Medium'), local('MavenPro-Medium'),
url('../fonts/maven-pro-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/maven-pro-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/maven-pro-v11-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/maven-pro-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/maven-pro-v11-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, .grid-container {
padding-left: 20px;
padding-right: 20px;
}
.grid-parent,
.grid-container.grid-parent {
padding-left: 0;
padding-right: 0;
}

Michael Danielczok
committed
.grid-children {
overflow: hidden;
padding-left: 0;
padding-right: 0;
}

Michael Danielczok
committed
.grid-children-container {
left: -20px;

Michael Danielczok
committed
width: calc(100% + 40px);
}
background: #ffffff;
color: #606975;
font-family: 'Maven Pro', Verdana, sans-serif;
font-weight: 400;
margin: 0;
overflow-x: hidden;
position: relative; /* fix -> context menu */
width: 100%;
}

Michael Danielczok
committed
body.header-fixed {
padding-top: 80px;
}
h1, h2, h3, h4 {
font-weight: inherit;
line-height: 1.2;
h1,
.product-data .page-content-header h1 {

Henning Leutz
committed
}

Henning Leutz
committed
}
/* hyphenate, word break */
/* ANMERKUNG */
/*word-break: break-all; mit Absicht ausgeshaltet. */
/* -ms-word-break damit in IE 11 funktioniert. */
/* Nur bei EDGE passt nicht. Wenn break-word Standard wird, */
/* dann sollte alles passen */
h1, h2, h3, h4, h5, h6 {
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
-ms-word-break: break-all;
word-break: break-word; /* Non standard for webkit */
}
.fa-li {
line-height: inherit;
}
small, .font_small, .font-small {
font-size: 0.75em;

Henning Leutz
committed
}
img {
max-width: 100%;
.html5tooltip-box {
background-color: #423d3d;
border-radius: 5px;
color: #F7F7F7;
cursor: default;
font-family: inherit;
font-size: 12px;
font-weight: 500;
}
.text-muted,
.qui-products-price-display-vat {

Michael Danielczok
committed
color: #9ba3ad;
}
.text-small,
.small,
small {
.font-weight-normal {
font-weight: 400;
}
.font-weight-medium {
font-weight: 500;
}
.font-weight-bold {
font-weight: 700;
}
/***************************/
/* noUi Slider input range */
/***************************/
.qui-control-input-range {
cursor: pointer;
margin-top: 1em;
}
.qui-control-input-range .noUi-horizontal {
background: #ddd;
border: none;
box-shadow: none;
height: 4px;
}
.qui-control-input-range .noUi-horizontal .noUi-handle {
background: none;
border: none;
box-shadow: none;
cursor: pointer;
}
.qui-control-input-range-text {
margin-top: 1em;
}
.qui-control-input-range .noUi-handle:after,
.qui-control-input-range .noUi-handle:before {
background: #fff;
border: 2px solid;
border-radius: 50%;
height: 14px;
left: 7px;
top: 1px;
transition: 0.2s transform;
width: 13px;
}
.noUi-handle:after {
display: none !important;
}
.noUi-handle:hover:before,
.noUi-handle:active:before {
transform: scale(1.2);
}
content: '';
display: block;
float: none;
font-size: 0;
line-height: 0;
}
.round-icon {
border-radius: 100px;
box-shadow: 0 0 0 1px #aaa;
line-height: 30px;
text-align: center;
width: 30px;
}

Michael Danielczok
committed
/**********/
/* Header */
/**********/
.page-header {
background-size: cover;
}
.page-header-container {
color: #fff;
display: flex;
flex-direction: column;
font-size: 1.2em;
justify-content: center;
padding: 1em;
text-shadow: 0 0 30px #333;
}
/**********/
/* Helper */
/**********/
.hide-on-desktop {
display: inline-block;
}
.hide-on-mobile {
display: none;
}
@media (min-width: 768px) {
.hide-on-desktop {
display: none;
}
.hide-on-mobile {
display: inline-block;
}
}
/**********************/
/* scroll to top icon */
/**********************/
.toTop {
background: transparent;
border-radius: 0.25rem;
bottom: -60px;
position: fixed;
right: 1rem;
text-align: center;
transition: bottom 450ms cubic-bezier(0.6, -0.4, 0.26, 1.55), opacity 0.3s, background-color 0.3s, border-color 0.3s;
background: #fff;
}
a.toTop:before {
background: transparent;
border-radius: 0.25rem;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
content: '';
height: calc(100% + 0px);
left: 0;
position: absolute;
top: 0;
transition: 0.2s all;
width: calc(100% + 0px);
}
.toTop:hover {
color: inherit;
opacity: 1;
}
.toTop:hover:before {
transform: scale(1.1);
}
/** grid
===================================== */

Michael Danielczok
committed
.template-columns {

Michael Danielczok
committed
.template-column {
padding-left: 20px;
padding-right: 20px;
}
.page-content-header,
.content-body,

Michael Danielczok
committed
.template-grid-row {
margin-bottom: 2em;
margin-top: 2em;

Michael Danielczok
committed
}

Michael Danielczok
committed
.control-header:last-child,
.control-content:last-child {
margin-bottom: 0;
}

Michael Danielczok
committed
/* more spacing on start page */
.layout-start-page .page-content-header,
.layout-start-page .content-body,
.layout-start-page .content-template,
.layout-start-page .template-grid-row,
.layout-start-page .template-grid-row {

Michael Danielczok
committed
/*margin-bottom: 5em;*/
/*margin-top: 5em;*/

Michael Danielczok
committed
.template-grid-row.brick-no-spacing,
.start-page .template-grid-row.brick-no-spacing {
margin-bottom: 0;
margin-top: 0;
michael.daniel
committed
.template-grid-container,
.cologne-grid-container {
margin-left: auto;
margin-right: auto;
michael.daniel
committed
max-width: 1200px;
padding-left: 20px;
padding-right: 20px;

Michael Danielczok
committed
width: 100%;
michael.daniel
committed
.template-grid-container.brick-full-width {
margin-left: 0;
margin-right: 0;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}

Michael Danielczok
committed
.brick-full-width .control-header,
.brick-full-width .control-content {
padding-left: 20px;
padding-right: 20px;
}

Michael Danielczok
committed
/* workaround to stop collapsing margins */
/*.layout-start-page .template-header-suffix,
.layout-start-page .template-footer-prefix,
.layout-start-page .cologne-main {
overflow: auto;
}*/
/***********/
/* Layouts */
/***********/
.main-no-sidebar-thin {
margin-left: auto;
margin-right: auto;
max-width: 800px;
}
.main-left-sidebar .page-multiple-left {
order: 1;
.main-left-sidebar .page-multiple-right {
order: 2;
.main-right-sidebar .page-multiple-left {
michael.daniel
committed
}
.main-right-sidebar .page-multiple-right {
@media (max-width: 767px) {
.main-left-sidebar .page-multiple-left {
order: 2;
}
.main-left-sidebar .page-multiple-right {
order: 1;
}
.main-left-sidebar,
.main-right-sidebar {
flex-direction: column;
}
.main-right-sidebar .page-multiple-left,
.main-left-sidebar .page-multiple-left {
padding: 0;
width: 100%;
}
.main-right-sidebar .page-multiple-right,
.main-left-sidebar .page-multiple-right {
padding: 0;
width: 100%;
}
}

Michael Danielczok
committed
/** brick header & content
===================================== */
.control-header {
margin-bottom: 3rem;
}
.control-header h1 {
margin: 0;

Michael Danielczok
committed
}
.control-content {
margin: 0 0 3rem;
}

Michael Danielczok
committed
.control-content p:last-child {
margin-bottom: 0;
}
/** topbar
===================================== */
.topbar {
align-items: center;
background: #f8f8f8;
border-bottom: 1px solid #ddd;

Michael Danielczok
committed
height: 50px;
}
.header-fixed .topbar {
/*margin-bottom: 80px;*/
michael.daniel
committed
.topbar-left {
align-items: center;
michael.daniel
committed
}
.topbar-left > p {
margin-bottom: 0;
}
michael.daniel
committed
.topbar-contact-mail,
.topbar-phone {
.topbar-social {
display: flex;
.topbar-social-link {
color: inherit;
display: block;
height: 2em;
text-align: center;
.topbar-social-link .fa {
line-height: 2em; /* vertical align */
}
align-items: center;
display: flex;
justify-content: flex-end;
.topbar-mobile-menu {
padding: 0 10px;
width: 100%;
}
.topbar-mobile-logo {

Michael Danielczok
committed
}
.topbar-mobile-logo img {
max-height: 100%;
vertical-align: middle;
}
@media (min-width: 768px) {
.topbar-mobile-menu {
padding: 0 6px;
width: 100%;
}
}
@media (max-width: 767px) {

Michael Danielczok
committed
.topbar {
border-bottom: none;
}
}
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
/***************************/
/* template product search */
/***************************/
.template-search {
flex-basis: 400px;
margin-right: 2rem;
min-width: 200px;
}
.quiqqer-products-search-suggest-form .input-search-icon {
color: #aaa;
left: 0;
line-height: 30px;
position: absolute;
text-align: center;
width: 40px;
}
.quiqqer-products-search-suggest-form:hover .input-search-icon {
color: inherit;
}
.quiqqer-products-search-suggest-form-input:focus ~ .input-search-icon,
.quiqqer-products-search-suggest-form-input:active ~ .input-search-icon {
color: inherit !important;
}
.template-search .quiqqer-products-search-suggest-form-input {
border-radius: 0;
padding-left: 40px;
width: 100%;
}
.template-search .quiqqer-products-search-suggest-form-button {
display: none;
}
.template-search .quiqqer-products-search-suggest-form-button {
background: none;
border-radius: 100px;
box-shadow: 0 0 0 1px #bbb;
color: inherit;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
text-align: center;
width: 30px;
}
.template-search .quiqqer-products-search-suggest-form-button .fa {
margin: 0;
}
@media screen and (max-width: 767px) {
.template-search {
flex-grow: 1;
min-width: auto;
}
.quiqqer-products-search-suggest-form .input-search-icon {
display: none;
}
.template-search .quiqqer-products-search-suggest-form-button {
display: inline;
}
}
/**************************/
/* Mobile producgt search */
/**************************/
.quiqqer-products-mobileSuggest-results ul {
padding: 0;
}
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
.quiqqer-products-mobileSuggest {
background: #fff;
color: #606975;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-container {
margin: 80px auto 0;
height: calc(100% - 80px);
width: 100%;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-title {
color: inherit;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-close {
color: inherit;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-search {
height: 60px;
display: block;
padding: 0 20px;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-container input {
background: #fff;
color: inherit;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-results-container {
margin-top: 0;
height: calc(100% - 60px);
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-results {
height: 100%;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-results ul {
margin: 0;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-results li {
background: none;
color: #606975;
border-color: #ddd;
padding: 20px 20px 40px 20px;
}
.quiqqer-products-mobileSuggest .quiqqer-products-mobileSuggest-results li:first-child {
border-top: none;
/** header
===================================== */
.cologne-header {
border-bottom: 1px solid #ddd;
justify-content: space-between;

Michael Danielczok
committed
z-index: 50;
box-shadow: 0 0 20px 0 rgba(57, 57, 57, 0.2);
.cologne-header-logo {
align-items: center;
flex-basis: 300px;

Michael Danielczok
committed
flex-grow: 1;
position: relative;
z-index: 2;
}
.cologne-header-logo-link {
align-items: center;
}
.cologne-header-logo-link img {
michael.daniel
committed
max-height: 40px;
min-width: 40px;
.cologne-breadcrumb {
background: #f8f8f8;
border-bottom: 1px solid #ddd;
display: inline-block;
michael.daniel
committed
height: 100px;
michael.daniel
committed
}

Michael Danielczok
committed
.cologne-breadcrumb-wrapper {
height: 100%;
}
.cologne-breadcrumb .quiqqer-breadcrumb-title {
display: none;
}
.cologne-breadcrumb li:first-child .fa {
display: none;
}
@media (max-width: 767px) {

Michael Danielczok
committed
.cologne-header {
border-top: 1px solid #ddd;
}
.cologne-header-logo {
padding-right: 0;
}

Michael Danielczok
committed
}
michael.daniel
committed
/** Page title & breadcrumb
===================================== */
.page-title {
michael.daniel
committed
font-size: 2em;
michael.daniel
committed
}
.cologne-breadcrumb .cologne-grid-container {
align-items: center;
display: flex;
michael.daniel
committed
justify-content: space-between;
}
.quiqqer-breadcrumb ul li {
color: #9ba3ad;
}
.quiqqer-breadcrumb ul li:last-child {
color: inherit;
}
michael.daniel
committed
.quiqqer-breadcrumb-link {
color: inherit;
}
.quiqqer-breadcrumb {
text-align: right;
@media (max-width: 767px) {
.cologne-breadcrumb {
height: initial;
}
.cologne-breadcrumb .cologne-grid-container {
flex-direction: column;
height: initial;
width: 100%;
}
.cologne-breadcrumb h1 {
flex: 1 auto;
line-height: 1em;
padding-bottom: 1rem;
padding-top: 1rem;
text-align: center;
width: 100%;
}
.quiqqer-breadcrumb {
text-align: center !important;
}
.quiqqer-breadcrumb ul {
margin-left: 0 !important;
/** main
===================================== */
.cologne-main {
margin-top: 1rem;
}
.content-headerpage-multible-left header:first-child h1,
.content-headerpage-multible-left header:first-child h2,
.content-headerpage-multible-left header:first-child h3,
.content-headerpage-multible-left header:first-child h4 {
margin-top: 0;
}
/** footer
===================================== */
michael.daniel
committed
.template-footer {

Michael Danielczok
committed
border-top: 1px solid #ddd;
michael.daniel
committed
float: none;
.template-footer-bricks-entry {
margin: 1rem 0;
}
.template-footer-bricks-entry .control-header {
margin-bottom: 3rem;
}
.template-footer-bricks-entry .control-header h1,
.cologne-footer-predefined .control-header h2 {
}
/* copyright */
.cologne-footer-copyright {
background: #fff;
border-top: 1px solid #ddd;
font-size: 0.85rem;
margin-top: 2rem;
padding: 2rem 0;
text-align: center;
/***************************/
/* Footer: custom template */
/***************************/
.cologne-footer-predefined-container {
display: flex;
flex-wrap: wrap;
}
.cologne-footer-predefined-entry {
flex-grow: 1;
margin: 20px 0;
padding: 0 20px;
width: 260px;
}
.quiqqer-control-payments-list-entry-data .quiqqer-control-payments-list-entry-data-title {
font-weight: 500;
}
/**********************/
/* Shop category menu */
/**********************/
/* button */
.shop-category-menu-button-wrapper {
border-right: 1px solid #ddd;
}
.shop-category-menu-button {
align-items: center;
cursor: pointer;
font-size: 1.2rem;
height: 100%;
justify-content: center;
padding: 0 30px;
/** Mega Menu
===================================== */
.quiqqer-menu-megaMenu nav {
align-items: center;
display: flex;
justify-content: space-between;
}

Michael Danielczok
committed
flex-grow: 10;

Michael Danielczok
committed
.quiqqer-menu-megaMenu-list {
display: flex;
flex-grow: 1;
justify-content: center;
}
.cologne-header-nav .quiqqer-menu-megaMenu {
font-weight: 500;
}
.quiqqer-menu-megaMenu-list a,
.quiqqer-menu-megaMenu-list-item-menu a {
}
.quiqqer-menu-megaMenu,
.quiqqer-menu-megaMenu nav,
.quiqqer-menu-megaMenu-list,
.quiqqer-menu-megaMenu-list-item {
height: 100%;
}
/* 1 level menu entries */
.quiqqer-menu-megaMenu-list .quiqqer-menu-megaMenu-list-item {
padding: 0 !important;
}
.quiqqer-menu-megaMenu-list-item .fa {
margin-left: 5px;
}
.quiqqer-menu-megaMenu-list-item a {
align-items: center;
display: flex !important;
height: 100%;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
}
.quiqqer-menu-megaMenu-list-item.quiqqer-menu-megaMenu-list-item--current a {
}
.quiqqer-menu-megaMenu-list-item-menu {
background: #fff;
border: 1px solid #e1e7ec;
box-shadow: 0 7px 22px -5px rgba(48, 60, 72, 0.2) !important;
line-height: 1.5;
max-width: 100% !important;