@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700); body{ padding-top: 26px; margin-bottom: 81px; font-family: 'Open Sans', sans-serif; color: #555555; } /*--------------------- HEADER -----------------------*/ .navbar{ border: none; background-color: white; } .navbar .navbar-brand{ padding: 0; width: 262px; height: 129px; background-image: url(../img/kol-tuv-logo.jpg); background-position: bottom; } .nav-buttons a{ display: inline-block; width: 37px; height: 37px; color: white; background-color: #4a7d2e; text-align: center; margin-left: 2px; padding: 6px; } .nav-buttons a .menu-ico{ width: 25px; height: 25px; display: inline-block; background-image: url(../img/menu-menu-ico.png); } .nav-buttons a .cart-ico{ width: 25px; height: 25px; display: inline-block; background-image: url(../img/menu-cart-ico.png); } .nav-buttons a .login-ico{ width: 25px; height: 25px; display: inline-block; background-image: url(../img/menu-login-ico.png); } .nav-buttons a .loupe-ico{ width: 25px; height: 25px; display: inline-block; background-image: url(../img/menu-loupe-ico.png); } .nav-buttons a .user-ico{ width: 25px; height: 25px; display: inline-block; background-image: url(../img/menu-user-ico.png); } .nav-buttons a .logout-ico{ width: 25px; height: 25px; display: inline-block; background-image: url(../img/menu-logout-ico.png); } .nav-buttons a.nrow{ margin-top: 2px; } .nav-buttons a.nrow > i { width: 25px; height: 25px; display: inline-block; } .product-addition-description { border-top: 1px solid #555656; color: #555656; font-size: 15px; line-height: 19px; padding: 16px 0; margin: 20px 15px 0 15px; font-weight: bold; } @media screen and (max-width: 768px) { .navbar .navbar-brand{ width: 165px; height: 76px; background-image: url(../img/kol-tuv-logo-xs.jpg); } } /* SEARCH & CART */ .upper-row{ height: 40px; margin-left: 262px; } .upper-row .navbar-search{ overflow: hidden; padding: 0 15px; max-width: 464px; } .navbar-search .search-icon{ background-image: url(../img/search-icon.jpg); background-position: center; background-repeat: no-repeat; } .upper-row .navbar-search input{ border-top-color: transparent; } .upper-row .navbar-cart{ padding: 7px 0px; background-color: #4a7d2e; display: inline-block; } .upper-row .navbar-cart span, .upper-row .navbar-cart a{ color: white; padding: 0px 12px; text-decoration: none; } .upper-row .navbar-cart .count{ display: inline-block; border-right: 1px solid white; } .upper-row .navbar-cart .shopping-cart{ background-image: url(../img/shopping-cart-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; padding: 7px 16px; } .upper-row .navbar-favoriten{ padding: 7px 0px; background-color: #eeeeee; display: inline-block; margin-right: 16px; color: #55843b; } .upper-row .navbar-favoriten span, .upper-row .navbar-favoriten a{ color: #55843b; padding: 0px 12px; text-decoration: none; } .upper-row .navbar-favoriten .count{ display: inline-block; border-right: 1px solid #cccccc; } .upper-row .navbar-favoriten .shopping-cart{ background-image: url(../img/shopping-cart-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; padding: 7px 16px; } .upper-row .login-button{ position: absolute; right: -75px; top: 0; padding: 7px 16px; } .upper-row .login-button a{ text-decoration: none; } .upper-row .login-button a:hover{ color: #4a7d2e; } .news-top-box{ margin-bottom: 30px; padding: 8px 0; font-size: 16px; height: 40px; overflow: hidden; } .news-top-box .news-element{ display: inline-block; margin-right: 50px; } .navbar-search-xs{ display: none; } .navbar-search-xs .form-control{ margin-top: 8px; border: 1px solid #ccc !important; } /* MENU */ @media screen and (min-width: 768px) { #main-menu ul.nav.nav-justified{ height: 89px; padding: 15px 0; } } #main-menu ul.nav.nav-justified{ margin: 0; } #main-menu ul.nav.nav-justified, #main-menu ul.nav.nav-justified>li{ float: none } #main-menu ul.nav.nav-justified>li>a{ font-size: 28px; font-style: italic; } @media screen and (max-width: 992px) { #main-menu ul.nav.nav-justified>li{ border-bottom: 1px solid #4a7d2e; } #main-menu ul.nav.nav-justified>li>a{ font-size: 14px; text-align: left; font-style: normal; padding: 2px; } #main-menu ul.nav.nav-justified>li .dropdown-menu{ border: none; } } @media screen and (min-width: 768px) { #main-menu ul.nav.nav-justified>li:not(:first-of-type)>a{ border-style: solid; border-width: 0px 1px; -moz-border-image: url(../img/navbar-border-separator.png) 0 0 0 1;; -webkit-border-image: url(../img/navbar-border-separator.png) 0 0 0 1;; -o-border-image: url(../img/navbar-border-separator.png) 0 0 0 1;; border-image: url(../img/navbar-border-separator.png) 0 0 0 1;; } } #main-menu ul.nav.nav-justified>li>a:hover, #main-menu ul.nav.nav-justified>li>a:focus, #main-menu ul.nav.nav-justified>li.active>a, #main-menu ul.nav.nav-justified>li.active>a:hover, #main-menu ul.nav.nav-justified>li.active>a:focus, #main-menu ul.nav.nav-justified .open>a, #main-menu ul.nav.nav-justified .open>a:hover, #main-menu ul.nav.nav-justified .open>a:focus{ background-color: transparent; color: #4a7d2e; } #main-menu ul.dropdown-menu{ left: 0; right: -1px; min-width: 0; border-top: none; margin-top: -5px; border: 1px solid #d6d6d6; border-top: none; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.05); box-shadow: 0 6px 12px rgba(0,0,0,0.05); } #main-menu ul.dropdown-menu li>a{ padding: 8px 40px; font-size: 18px; } @media screen and (max-width: 992px) { #main-menu ul.dropdown-menu li>a{ padding: 2px 12px; font-size: 14px; } } #main-menu ul.dropdown-menu>li>a:hover, #main-menu ul.dropdown-menu>li>a:focus{ background-color: transparent; color: #4a7d2e; font-weight: bold; } /* SERVICES */ .services h3{ color: #4a7d2e; font-size: 36px; font-style: italic; } .services .box{ height: 540px; font-size: 16px; } .services .box .image{ position: absolute; bottom: 100px; left: 0; right: 0; padding: 0 15px; } .services .box .image img{ max-width: 100%; } @media (max-width: 768px){ .services .image.xs-75 img{ max-width: 75%; } } /* SORTIMENT */ .sortiment .box{ padding: 40px 0; margin-bottom: 30px; } .sortiment h2{ color: #4a7d2e; font-style: italic; font-size: 27px; margin-top: 0; margin-bottom: 32px; } .sortiment .icon{ width: 135px; height: 135px; display: inline-block; background-repeat: no-repeat; background-position: center; } .sortiment .icon.icon-1{ background-image: url(../img/animal-icon-1.png); } .sortiment .icon.icon-2{ background-image: url(../img/animal-icon-2.png); } .sortiment .icon.icon-3{ background-image: url(../img/animal-icon-3.png); } .sortiment .icon.icon-4{ background-image: url(../img/animal-icon-4.png); } .sortiment .icon.icon-5{ background-image: url(../img/animal-icon-5.png); } .sortiment .icon.icon-6{ background-image: url(../img/animal-icon-6.png); } /* REZEPTE */ @media (max-width: 768px){ .rezepte-box .image{ margin-left: -16px; margin-right: -16px; margin-top: -32px; } .rezepte-document .rezepte-texts{ padding-left: 16px !important; margin-top: 12px; } } @media screen and (min-width: 768px) and (max-width: 994px){ .rezepte-document .rezepte-texts{ padding-left: 100px !important; } } .rezepte-box .image img{ max-width: 100%; } .rezepte-document{ display: block; clear: both; padding: 22px 0px 22px 22px; } .rezepte-document .rezepte-picture{ text-align: left; } .rezepte-document .rezepte-picture img{ max-width: 100px; } .rezepte-document .rezepte-texts{ padding-left: 50px; } /* .rezepte-document.icon.icon-1{ background-image: url(../img/rezepte-icon-1.png); } .rezepte-document.icon.icon-2{ background-image: url(../img/rezepte-icon-2.png); } .rezepte-document.icon.icon-3{ background-image: url(../img/rezepte-icon-3.png); } */ .rezepte-document .title{ font-size:24px; font-weight: bold; padding-bottom: 4px; } @media (max-width: 1171px) and (min-width: 976px){ .services .box{ height: 680px!important; } } @media (max-width: 976px) and (min-width: 749px){ .services .box{ height: 780px!important; } } @media (max-width: 768px){ .rezepte-document .title{ font-size: 18px; } .rezepte-document .small-btn{ float: right; } } .rezepte-document .link{ padding-top: 4px; } /* PAGE */ .page .title{ font-size: 24px; font-weight: bold; margin-bottom: 4px; } .page .page-list .list-item, .page .page-list .list-title{ font-size: 24px; font-weight: bold; margin-bottom: 4px; } .page .page-list .list-content{ font-size: 16px; font-weight: normal; } .login-heading{ font-size: 36px; color: #4a7d2e; font-style: italic; } .login-text{ font-weight: bold; } .login-box{ padding-top: 50px; padding-bottom: 40px; padding-left: 90px; padding-right: 90px; } @media (min-width: 768px){ .login-box.fix{ padding-left: 40px; padding-right: 40px; } } .login-box .overflow-wrapper{ overflow: auto; } .login-box form{ max-width: 360px; } /* CONTACT */ .contact h3{ color: #4a7d2e; font-size: 34px; font-style: italic; } .contact .box{ height: 600px; position: relative; } .contact .map{ position: absolute; left: 0; right: 0; bottom: 0; } /* PRODUCTS */ .product-list .product{ height: 872px; position: relative; margin-bottom: 60px; } @media screen and (max-width: 400px) { .product-list .product{ /* height: 440px; */ } } @media screen and (min-width: 768px) and (max-width: 994px){ .product-list .product{ height: 440px; } } .product-list .product .promo{ position: absolute; top: 0; right: 6px; background-color: #a6cb00; color: white; font-weight: bold; padding: 6px 12px; font-size: 16px; } .product-list .product .head-favoriten{ position: absolute; top: 0; left: 0px; background-color: #eeeeee; font-weight: normal; color: #678e55; font-size: 10px; padding-right: 7px; } .product-list .product .head-favoriten img{ display:inline-block!important; } .product-list .product .promo .date{ font-size: 14px; } .suche-elem .promo{ position: absolute; top: 1px; right: 25px; background-color: #a6cb00; color: white; font-weight: bold; padding: 4px 12px; font-size: 12px; } .suche-elem .promo .date{ display: none; font-size: 11px; } .product-details-wrapper .promo{ position: absolute; top: 0px; right: 584px; background-color: #a6cb00; color: white; font-weight: bold; padding: 6px 12px; font-size: 16px; z-index: 100; } .product-details-wrapper .promo .date{ font-size: 14px; } @media screen and (min-width: 200px) and (max-width: 549px) { .product-details-wrapper .promo{ right: 32px !important; } } @media screen and (min-width: 550px) and (max-width: 768px) { .product-details-wrapper .promo{ right: 32px !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .product-details-wrapper .promo{ right: 373px !important; } } @media screen and (min-width: 991px) and (max-width: 1200px) { .product-details-wrapper .promo{ right: 484px !important; } } .product-list .product .heading{ margin-top: 68px; margin-bottom: 50px; font-weight: bold; min-height: 114px; } .product-box .heading{ font-weight: bold; } .product-box .heading .title, .product-list .product .heading .title{ font-size: 24px; } .product-box .heading .price{ position: relative; } .product-box .heading .price, .product-list .product .heading .price{ font-size: 30px; } .product-box .heading .price .currency, .product-list .product .heading .price .currency{ font-size: 18px; } .product-list .product .image{ position: relative; max-height: 208px; height: 100%; } .product-list .product .image img{ display: inline-block; max-width: 85%; height: 100%; } @media screen and (min-width: 550px) and (max-width: 768px) { .product-list .product .image img{ max-width: 55%; } } .product-list .product .image .icon{ width: 60px; height: 61px; position: absolute; top: -40px; right: 24px; } .product-list .product .image .icon.cow{ background-image: url(../img/cow.png) } .product-list .product .image .icon.chicken{ background-image: url(../img/chicken.png) } .product-list .product .image .icon.sheep{ background-image: url(../img/sheep.png) } .rezepte-box .box, .product-box .box{ padding: 35px 0; } .product-box .box.box-pad-sm{ padding: 32px; } .product-box .box .image img{ max-width: 90%; } @media (max-width: 768px){ .product-box .box .buy-form *{ font-size: 12px !important; } } .product-box .box .buy-form input{ border-color: #d1d0cf; width: 50px; height: 29px; padding: 4px; display: inline-block !important; } .product-box .box .buy-form span:not(.small-btn){ padding: 0 8px; } .product-box .box .description{ margin-top: 16px; font-size: 14px; } .product-box .box .price-list-pdf{ padding: 32px 0; } .product-box .box .price-list-pdf img{ width: 135px; } @media (max-width: 768px){ .product-box .box .price-list-pdf img{ display: block; } } @media(max-width: 768px){ .in-warenkorb-xs{ margin-top: 8px; } } .newsletter .main-heading{ margin-bottom: 20px; } .gallery-slider-nav a{ display: inline-block; margin-left: 4px; width: 30%; } .gallery-slider-nav a img{ display: inline; margin-bottom: 8px; max-width: 100%; } @media screen and (max-width: 768px) { .gallery-slider-nav a{ margin-left: 1%; } } /* CART */ .cart-table .table-header{ padding: 15px 0 10px 0; font-size: 14px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; } .cart-table .table-artikel{ background-color: #f6f6f6; border-bottom: 1px solid #d2d2d2; } .cart-table .pad-right{ padding-right: 4px; } .cart-table .marginlr{ margin-left: 20px; margin-right: 20px; } @media(max-width:992px){ .cart-table .marginlr{ margin-left: 4px; margin-right: 4px; } } .cart-table .table-artikel .picture{ padding: 14px 0; font-size: 12px; font-weight: bold; background-color: white; } .cart-table .table-artikel .picture img{ margin-bottom: 20px; } .cart-table .table-artikel .name{ font-size: 16px; font-weight: bold; padding-top: 20px; border-right: 1px solid #d2d2d2; } .cart-table .table-artikel .name-xs{ font-size: 16px; font-weight: bold; padding: 8px; border-right: 1px solid #d2d2d2; } .cart-table .table-artikel .counts{ background-color: white; padding-top: 14px; font-weight: bold; } .cart-table .table-artikel .counts input.count{ width: 51px; text-align: center; } .cart-table .checks{ margin-top: 18px; } .cart-table .weight, .cart-table .table-artikel .counts input.weight{ width: 70px; text-align: center; display: inline-block; } .cart-table .table-artikel .bearbeiten{ padding-top: 25px; color: #d20037; font-weight: bold; font-size: 12px; background-color: white; border-right: 1px solid #d2d2d2; } .cart-table .table-artikel .price{ padding-top: 25px; font-weight: bold; font-size: 14px; position: relative; } @media(min-width: 992px){ .cart-table .table-artikel .picture{ height: 145px; } .cart-table .table-artikel .name{ height: 145px; } .cart-table .table-artikel .counts{ height: 145px; } .cart-table .table-artikel .bearbeiten{ height: 145px; } .cart-table .table-artikel .price{ height: 145px; } } .cart-table .table-artikel .price .price-down{ position: absolute; bottom: 16px; right: 19px; font-size: 12px; font-weight: normal; } .cart-table .table-summary{ margin-top: 14px; } .cart-table .table-summary .table-row.top{ border-top: 1px solid #d9d9d9; } .cart-table .table-summary .table-row{ border-bottom: 1px solid #d9d9d9; padding-top: 13px; padding-bottom: 13px; font-size: 14px; } .cart-table .table-summary .table-row.bold{ font-weight: bold; font-size: 16px; } .cart-table .table-summary .table-row.bold.bg{ background-color: #ededed; } @media(max-width: 768px){ .cart-table .table-artikel{ background-color: white; border: 1px solid #d2d2d2; margin-bottom: 16px; } .cart-table .table-artikel .picture{ background-color: transparent; } .cart-table .table-artikel .counts{ background-color: transparent; } .cart-table .table-artikel .bearbeiten{ background-color: transparent; } } /* PRODUCTS SLIDER */ .slick-slider>button{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 61px; height: 61px; margin-top: -30px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } @media (max-width: 768px) { .slick-slider>button{ width: 40px; height: 40px; } } .slick-slider>button.slick-prev{ background-image: url(../img/slider-nav-left.png); background-size: contain; left: 32px; } .slick-slider>button.slick-next{ background-image: url(../img/slider-nav-right.png); background-size: contain; right: 32px; } @media(max-width: 768px){ .gallery-box .wrapper{ margin-top: 16px; } } @media(max-width: 768px){ .gallery-box .gallery-slider-full{ margin-left: -16px; margin-right: -16px; margin-top: -32px; margin-bottom: 16px; } } .gallery-box .slick-dots, .slick-slider .slick-dots{ position: absolute; bottom: 0px; display: block; width: 100%; left: 0; right: 0; padding: 0; list-style: none; text-align: center; } .gallery-box .slick-dots li, .slick-slider .slick-dots li{ position: relative; display: inline-block; width: 15px; height: 16px; margin: 0 5px; padding: 0; cursor: pointer; } .gallery-box .slick-dots li>button, .slick-slider .slick-dots li>button{ font-size: 0; line-height: 0; display: block; width: 15px; height: 16px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; background-image: url(../img/dot.png); background-size: contain; } @media (max-width: 768px){ .gallery-box .slick-dots li, .slick-slider .slick-dots li{ width: 7px; height: 8px; } .gallery-box .slick-dots li>button, .slick-slider .slick-dots li>button{ width: 7px; height: 8px; } } .gallery-box .slick-dots li.slick-active>button, .slick-slider .slick-dots li.slick-active>button{ background-image: url(../img/dot-active.png); } /*--------------------- FOOTER -----------------------*/ footer.site-footer{ margin-top: 64px; font-size: 16px; } footer.site-footer .footer-elem { height: 190px; padding: 0 32px; margin-top: 20px; } footer.site-footer .footer-elem h3{ color: #4a7d2e; font-size: 27px; font-style: italic; } footer.site-footer .footer-elem a{ color: #555555; } footer.site-footer .footer-elem a.maillink{ color: #4a7d2e; } @media (min-width: 768px) { footer.site-footer div:not(:first-of-type) .footer-elem{border-left: 1px solid #d6d6d6;} } /*--------------------- REUSABLE -----------------------*/ .main-heading{ font-size: 48px; font-style: italic; margin-bottom: 32px; } @media (max-width: 768px){ .main-heading{ font-size: 36px; } } /* ICON INSIDE INPUT */ .inner-addon { position: relative; } .inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; } .left-addon .glyphicon { left: 0px;} .left-addon input { padding-left: 30px; } /* BOXES */ .box{ position: relative; border: 1px solid #d9d9d9; } .box.box-pad-sm{ padding: 32px 40px; } @media screen and (max-width: 768px) { .box.box-pad-sm{ padding: 16px; } } .box.box-pad-lg{ padding: 32px 0px; } @media screen and (max-width: 768px) { .box.box-pad-lg{ padding: 0px; } } .box h1{ font-size: 42px; font-style: italic; margin-bottom: 32px; color: #4a7d2e; } @media screen and (max-width: 768px) { .box{ padding: 0px 24px 20px 24px } .box h1{ font-size: 28px; margin-bottom: 16px; } .box h1.top{ padding-left: 24px; padding-right: 24px; } } .box .bottom-link{ position: absolute; bottom: 32px; left: 0; right: 0; } @media (max-width: 768px) { .box .bottom-link{ bottom: 16px; } } a.btn-link{ text-decoration: none; font-weight: bold; vertical-align: middle; font-size: 14px; } a.btn-link:hover{ text-decoration: none; } a.btn-link .small-btn{ text-align: center; display: inline-block; padding: 4px; width: 29px; height: 29px; border: 1px solid #d6d6d6; margin-left: 4px; margin-right: 4px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f4f3f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f3f1)); background: -webkit-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: -o-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: linear-gradient(to bottom, #ffffff 0%,#f4f3f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f1',GradientType=0 ); } a.btn-link .small-btn.xsmallizer{ padding: 4px; width: 18px; height: 18px; font-size: 10px; line-height: 10px; vertical-align: middle; } a.btn-link .small-btn .ico{ display: inline-block; height: 100%; background-image: url(../img/chevron.png); background-position: center; background-repeat: no-repeat; } a.btn-link .small-btn .ico.chevron{ width: 7px; background-image: url(../img/chevron.png); } a.btn-link .small-btn .ico.times{ width: 14px; background-image: url(../img/times.png); } a.btn-link .pdf-icon{ width: 15px; height: 14px; display: inline-block; background-image: url(../img/pdf-icon.png); } .box.box-white-bg{ background-color: white; } .box.box-gradient-bg{ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f4f3f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f3f1)); background: -webkit-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: -o-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: linear-gradient(to bottom, #ffffff 0%,#f4f3f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f1',GradientType=0 ); } .box-top-shadow{ -webkit-box-shadow: 0px -8px 4px -5px rgba(187,187,187,0.35); -moz-box-shadow: 0px -8px 4px -5px rgba(187,187,187,0.35); box-shadow: 0px -8px 4px -5px rgba(187,187,187,0.35); } .box-bottom-shadow{ -webkit-box-shadow: 0px 8px 4px -5px rgba(187,187,187,0.1); -moz-box-shadow: 0px 8px 4px -5px rgba(187,187,187,0.1); box-shadow: 0px 8px 4px -5px rgba(187,187,187,0.1); } .box-shadows{ position: relative; margin-bottom: 24px; } .box-shadows:before, .box-shadows:after{ z-index: -1; position: absolute; content: ""; bottom: 15px; left: 16px; width: 50%; top: 80%; max-width: 300px; -webkit-box-shadow: 0 15px 10px #BBB; -moz-box-shadow: 0 15px 10px #BBB; box-shadow: 0 15px 10px #BBB; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .box-shadows:after{ -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); right: 16px; left: auto; } .form-group{ position: relative; } .form-group .help-block{ position: absolute; font-style: italic; font-size: 12px; top: -24px; } .koltuv-form .form-group .info{ padding-left: 38px; font-size: 14px; padding-top: 14px; padding-bottom: 0px; } .koltuv-form input{ border: 1px solid #d9d9d9; } .form-control { padding-left: 38px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .koltuv-form .col-md-1 .form-control, .koltuv-form .col-xs-2 .form-control{ padding-left: 19px; } .koltuv-form .checkbox{ margin-top: 4px; font-size: 16px; line-height: 29px; } .koltuv-form .checkbox-sm{ margin-top: 4px; font-size: 12px; line-height: 17px; overflow: visible; max-height: 20px; position: relative; } .koltuv-form .checkbox-sm .small-btn{ color: #d20037; cursor: pointer; position: absolute; top: -6px; } .koltuv-form .checkbox.marg{ margin-top: 22px; } .koltuv-form .checkbox input[type=checkbox]{ float: left; margin-left: -49px; } .koltuv-form .checkbox-sm input[type=checkbox]{ float: left; margin-left: -17px; } .koltuv-form .checkbox label{ padding-left: 49px } .koltuv-form .checkbox-sm label{ padding-left: 24px } .koltuv-form .checkbox input[type=checkbox] + label{ background-image: url(../img/checkbox-off.jpg); background-repeat: no-repeat; } .koltuv-form .checkbox input[type=checkbox]:checked + label{ background-image: url(../img/checkbox-on.jpg); background-repeat: no-repeat; } .koltuv-form .checkbox-sm input[type=checkbox] + label, .koltuv-form .checkbox-sm input[type=checkbox]:checked + label{ background-size: contain; } .koltuv-form .checkbox input[type=checkbox]{ display: none; } .koltuv-form .buttons{ margin-top: 75px; } .koltuv-form textarea{ min-height: 328px; } .text-danger{ color: #d20037; } .bootbox .modal-content{ position: relative; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f4f3f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f3f1)); background: -webkit-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: -o-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: linear-gradient(to bottom, #ffffff 0%,#f4f3f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f1',GradientType=0 ); } .bootbox .bootbox-close-button{ position: absolute; top: 12px; right: 12px; opacity: 1; color: #d20037; text-align: center; display: inline-block; padding: 4px; width: 29px; height: 29px; border: 1px solid #d6d6d6; margin-left: 4px; margin-right: 4px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f4f3f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f3f1)); background: -webkit-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: -o-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f3f1 100%); background: linear-gradient(to bottom, #ffffff 0%,#f4f3f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f1',GradientType=0 ); } .bootbox .modal-header{ border-bottom: none; padding: 50px 50px 0px 50px; } .bootbox .modal-header .modal-title{ font-size: 36px; font-style: italic; color: #4a7d2e; } .bootbox .modal-body{ padding: 30px 50px 50px 50px; font-size: 18px; } select.form-control option:hover{ background-color: transparent; color: #4a7d2e; font-weight: bold; } /* SUCHE */ .suche .line{ height: 1px; background-color: #D2D2D2; margin-bottom: 32px; } .suche-elem{ border: 1px solid #D2D2D2; margin-bottom: 32px; } @media (max-width: 768px){ .suche-elem{ margin-left: 16px; margin-right: 16px; } } .suche-elem .elem-header, .suche-elem .elem-footer{ font-size: 16px; color: #555555; font-weight: bold; background-color: #F6F6F6; padding: 24px 0; } .suche-elem .elem-img{ padding: 12px 0; } .suche-elem .elem-img img{ max-height: 80px; } .suche-elem .elem-artikelnummer{ padding: 8px 0; font-weight: bold; font-size: 12px; } /* SUCHE SUGGESTIONS */ .autosuggest-suggestions{ margin-top: -1px; background-color: white; border-left: 1px solid #4a7d2e; border-right: 1px solid #4a7d2e; border-bottom: 1px solid #4a7d2e; overflow-y: scroll; } .autosuggest-suggestions .autosuggest-suggestion{ cursor: pointer; padding: 4px 32px; border-top: 1px dashed #ccc; } .autosuggest-suggestions .autosuggest-suggestion.aautosuggest-selected{ background-color: #4a7d2e; color: white; } @media(max-width: 768px){ .user-profile-menu ul{ border: none; } .user-profile-menu li{ width: 50%; } .user-profile-menu li a{ border: 1px solid #e1e1e1; text-align: center; padding: 4px 20px; margin-bottom: 2px; } .user-profile-menu li.active a{ border: 1px solid #4a7d2e; background-color: #4a7d2e; color: white; } .orders-table th{ font-size: 10px; padding: 4px !important; } .orders-table td{ font-size: 9px; padding: 4px !important; } .orders-table a{ font-size: 12px; padding: 2px 4px; } .site-footer .col-xs-12{ margin-top: 40px; } .deklaration_img{ margin-top: 50px; } } .has-error{ border-color: red; } .greenblock{ height: 77px; max-width: 441px; width: 100%; background: #99c95f; margin-bottom: 7px; margin-left: 70px; overflow:hidden; } .greenblock:first-child{ margin-top: 30px; } .greenblock_left{ width: 150px; height: 77px; background: #76b729; float: left; color: white; font-size: 18px; text-align: center; padding: 27px 17px; } .greenblock_right{ width: auto; max-width: 291px; height: 77px; color: white; font-size: 18px; text-align: left; font-style: italic; padding: 27px 17px; float: left; } .greenblock:last-child .greenblock_right{ padding: 15px 17px; } .greenblock:last-child .greenblock_left{ padding-top: 10px; } #COWMODULE{ margin: auto; max-width: 541px; position: relative; } .deklaration_marker{ position: absolute; //position: fixed; opacity: 0.4; //zoom: 80%; -moz-transform: scale(0.8); cursor: pointer; display: block; -moz-transform-origin: top left; -o-transform-origin: top left; -webkit-transform-origin: top left; } .deklaration_marker.active, .deklaration_marker.active2, .deklaration_marker:hover{ opacity: 1; zoom: 100%; -moz-transform: scale(1); -moz-transform-origin: top left; -o-transform-origin: top left; -webkit-transform-origin: top left; } .hidden_marker{ display: none; } .deklaration_marker span{ position: absolute; color: white; font-size: 28px; font-weight: bold; margin-left: -28px; } .deklaration_marker:last-child span{ margin-left: -37px; } @media(max-width: 1199px){ .greenblock{ margin:auto; margin-top: 0px; margin-bottom: 7px; } .mobile-right-box{ margin-top: 40px; } } .mobile-zuruck{ display: none; } @media(max-width: 500px){ .mobile-right-box{ display: none; margin-top: 0px; } .box-mobile-box{ background: #87c043!important; margin: 0px!important; border: 0px!important; padding-top: 0px!important; padding-left: 0px!important; } .box-mobile-box2{ background: white!important; margin: 0px!important; border: 0px!important; padding-top: 0px!important; padding-left: 0px!important; padding: 0px!important; } .box-mobile-container{ background: #87c043!important; margin: 0px!important; overflow: hidden; margin-top: 50px!important; } .mobile-zuruck{ display: none; float: right; cursor: pointer; margin-right: 20px; margin-top: 30px; } .box-mobile-container h2{ margin-top: 50px!important; color: white; } .greenblock_left{ width: 33%; font-size: 14px; padding-left: 7px; } .greenblock_right{ width: 66%; font-size: 14px; } } /* Markers config */ .marker1{ left: 250px; top: 30px; } .marker2{ left: 170px; top: 20px; } .marker3{ left: 125px; top: 135px; } .marker4{ left: 205px; top: 95px; } .marker5{ left: 195px; top: 50px; } .marker6{ left: 170px; top: 70px; } .marker7{ left: 240px; top: 145px; } .marker8{ left: 170px; top: 160px; } .marker9{ left: 130px; top: 75px; } .marker10{ left: 110px; top: 30px; } /* SUPA SELECTOR Karolowy */ .supa{ display: inline-block; float: left; position: relative; height: 35px; z-index: 999; margin-right: 16px; } .supaselector{ width: 99px!important; height:35px!important; background:#74b428; border:0px; box-shadow:none; color:white; text-align:center; background: #74b428 url('/img/supa/supa_select.jpg') right center no-repeat; padding-right: 30px!important; cursor: pointer; } .supaselector::-webkit-input-placeholder { /* WebKit browsers */ color: white; text-align: center; } .supaselector:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; opacity: 1; text-align: center; } .supaselector::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; opacity: 1; text-align: center; } .supaselector:-ms-input-placeholder { /* Internet Explorer 10+ */ color: white; text-align: center; } .supaoption{ width: 99px!important; height:35px!important; background:#74b428; border:0px; box-shadow:none; color:white; text-align:center; cursor: pointer; margin-top: 2px; padding: 7px; /*padding-right: 20px!important;*/ } .supaselectoroption{ width: 99px!important; height:35px!important; background:#74b428; border:0px; box-shadow:none; color:white; text-align:center; cursor: pointer; margin-top: 2px; padding: 7px; padding-right: 20px!important; background: #74b428 url('/img/supa/supa_select2.jpg') right center no-repeat; font-size: 12px; } .supachild{ display: none; } .supachild.open{ display: block; } .supaupdown{ width: 54px!important; height:35px!important; background:#74b428; border:0px; box-shadow:none; color:white; text-align:center; padding: 6px 12px; } .supaup{ width: 35px!important; height:35px!important; background:#74b428; display: block; float: right; color: white; color: white; font-size: 22px; font-weight: bold; padding-top: 0px; text-align: center; margin-left: 2px; -webkit-box-shadow: inset -1px -1px 10px 0px rgba(85, 145, 21, 0.96); -moz-box-shadow: inset -1px -1px 10px 0px rgba(85, 145, 21, 0.96); box-shadow: inset -1px -1px 10px 0px rgba(85, 145, 21, 0.96); cursor: pointer; } .supadown{ width: 35px!important; height:35px!important; background:#74b428; display: block; float: left; color: white; font-size: 22px; font-weight: bold; padding-top: 0px; text-align: center; margin-right: 2px; /*-webkit-box-shadow: inset -1px -1px 10px 0px rgba(85, 145, 21, 0.96); -moz-box-shadow: inset -1px -1px 10px 0px rgba(85, 145, 21, 0.96); box-shadow: inset -1px -1px 10px 0px rgba(85, 145, 21, 0.96);*/ background: #eaeaea; -webkit-box-shadow: inset 1px 1px 13px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 1px 1px 13px 0px rgba(0, 0, 0, 0.45); box-shadow: inset 1px 1px 13px 0px rgba(0, 0, 0, 0.45); color: white; cursor: pointer; } /*.supacheck{ width: 9px; height: 9px; background: url('/img/supa/supacheck.png') no-repeat; display: inline-block; } .supacheck:hover{ background: url('/img/supa/supacheck_hover.png') no-repeat; }*/ .supa_checks{ padding-left: -40px; display: block; height: 200px; } .supacheck { display:none; } .supacheck + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url('/img/supa/supacheck.png') center center no-repeat; cursor:pointer; } .supacheck:checked + label span { background:url('/img/supa/supacheck_hover.png') center center no-repeat; } .supalabel{ color: white; font-size: 14px; display: inline-block; background: #aad07a; height: 35px; padding: 6px; width: 65px; text-align: center; } .product .buy-form{ display: block; width: 100%; height: 284px; background: #eeeeee; position: absolute; top: 530px; padding: 24px; } .put-favoriten, .remove-favoriten{ padding-top: 11px; display: block; } .supa_paddings{ padding: 0px 10px; } .supa_checks label{ font-size: 12px; line-height: 19px; } .submit-form img, .fancybox-small img, .remove-favoriten img{ display: inline-block!important; } .newsletter-archive-wrapper{ padding-top: 176px; float: right; text-align: right; } .newsletter-archive-wrapper h3{ color: #76b729; font-size: 16px; font-weight: bold; } .current-newsletter{ max-width: 90%; margin-bottom: 10px; } /** * NEWSLETTER ARCHIVE */ ul.nwsl-arch{ color: #ffffff; display: block; width: 215px; list-style: none; background: transparent; line-height: 2.5em; float: right; } ul.nwsl-arch li{ color: #ffffff; list-style: none; margin: 2px 0 0 0; padding: 0; } ul.nwsl-arch li>span{ cursor: pointer; display: block; background: #76b729; text-align: center; font-size: 16px; font-weight: bold; -webkit-box-shadow: inset 9px 9px 9px 1px rgba(74,126,46,0.22); -moz-box-shadow: inset 9px 9px 9px 1px rgba(74,126,46,0.22); box-shadow: inset 9px 9px 9px 1px rgba(74,126,46,0.22); } ul.nwsl-arch li>span>span{ display: inline-block; float: right; background: #add47f; width: 26px; height: 35px; border-left: 2px solid #ffffff; background: url('./../img/arr-down.png') no-repeat center center #add47f; font-size: 0px; text-indent: -1000px; } ul.nwsl-arch li>span.active>span{ background: url('./../img/arr-up.png') no-repeat center center #add47f; } ul.nwsl-arch li ul{ display: none; list-style: none; background: transparent; margin: 0; padding: 0; } ul.nwsl-arch li ul li{ display: block; height: 35px; margin: 2px 0 0 0; padding: 0 0 0 15px; background: #76b729; -webkit-box-shadow: inset 9px 9px 9px 1px rgba(74,126,46,0.22); -moz-box-shadow: inset 9px 9px 9px 1px rgba(74,126,46,0.22); box-shadow: inset 9px 9px 9px 1px rgba(74,126,46,0.22); color: #ffffff; text-align: left; font-size: 14px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } ul.nwsl-arch li ul li a{ text-align: left; color: #ffffff; } .supa_checks_div .option-3 { margin-right: -7px; } /** * MEDIA QUERIES */ @media screen and (min-width: 940px) and (max-width: 1200px) { .product-list .product{ height: 885px; } .product .buy-form{ padding: 20px 5px; } .supa_mobile{ padding: 0px 5px!important; } .mob2{ width: 100%!important; margin-top: -5px; } .prod-page .supa, .prod-page .supalabel, .spmenge{ margin-top: 10px; } .prod-page .pull-right .supa{ margin-right: 0px!important; } } @media screen and (min-width: 760px) and (max-width: 940px) { .product-list .product{ height: 885px; } .product .buy-form{ padding: 20px 5px; } .supa_mobile{ padding: 0px 5px!important; } .supaselector{ width: 69px!important; } .product .buy-form{ height: 325px; } .prod-page .supa, .spmenge{ margin-top: 10px; } .prod-page .supalabel{ display: none; } .mob2{ width: 100%!important; margin-top: -5px; } .prod-page .pull-right .supa{ margin-right: 0px!important; } } @media screen and (min-width: 500px) and (max-width: 760px) { .product-list .product{ height: 885px; } .product.box { padding: 0px!important; } .product .buy-form{ height: 325px; top: 510px; } .supaselector{ width: 99px!important; } .supa_checks_div{ height: 90px!important; } .prod-page .box{ padding: 20px!important; } .mob2{ width: 50%!important; } .mob2:last-child{ margin-left: 50px; } .supa_checks label{ padding-left: 0px!important; } .prod-page .supadown, .prod-page .supaup{ padding-top: 7px; } .prod-page .pull-right .supa{ margin-right: 0px!important; } } @media screen and (min-width: 1px) and (max-width: 500px) { .product.box { padding: 0px!important; } .product .buy-form{ height: 310px; top: 510px; } .product-list .product{ height: 885px!important; } .supaselector{ width: 99px!important; } .supa_checks_div{ height: 90px!important; } .supa_mobile{ padding: 0px 5px!important; } .supaselector{ width: 99px!important; } .product .buy-form{ padding: 20px 5px!important; } .prod-page .box{ padding: 10px!important; } .prod-page .supa, .prod-page .supalabel, .spmenge{ margin-top: 10px; } .mob2{ width: 100%!important; margin-top: 0px!important; } .prod-page .in-warenkorb-xs .btn-link{ display: block!important; width: 100%; box-sizing: border-box; float: left; } .prod-page .in-warenkorb-xs .btn-link:last-child{ margin-top: 10px!important; } .prod-page .in-warenkorb-xs br{ display: none; } .prod-page .supadown, .prod-page .supaup{ padding-top: 7px; } .supa_checks label{ padding-left: 0px!important; } .prod-page .pull-right .supa{ margin-right: 0px!important; } .supa_paddings{ padding: 0px!important; } .prod-page .pull-left .pull-left{ float: right!important; } .prod-page .pull-left .pull-left .supa:last-child{ margin-right: 0px!important; } .prod-page .supa_checks{ height: 220px!important; } } .fancybox-skin{ background: white!important; } .fancybox-overlay-fixed{ z-index:99999991; /* 9999999999999999999 */ } #RECIPE h4{ font-size: 14px; padding: 27px 0px; } #RECIPE .recipe_img{ float: left; max-width: 100px; } #RECIPE .recipe_img img{ max-width: 100px; width:100%; height: auto; } #RECIPE .recipe_content{ display:inline-block; padding-left: 20px; max-width: 420px; } #RECIPE .recipe_content h6{ font-weight: bold; font-size: 14px; font-family: "Open Sans"; margin-bottom: 20px; display: block; } @media screen and (min-width: 1px) and (max-width: 500px) { #RECIPE{ padding: 290px 0px 20px; } #RECIPE .recipe_content{ display:inline-block; padding-left: 0px; } } .voucher-container { border: 1px solid #D2D2D2; background-color: #F6F6F6; margin-top: 30px; } .voucher-container h5 { font-weight: bold; font-size: 16px; line-height: 20px; color: #567A38; margin: 0; } .voucher-container p { font-weight: 400; font-size: 16px; line-height: 20px; color: #555656; margin: 0; } .voucher-container .margin-top-4px { margin-top: 4px; } .voucher-container .supadown { height: 34px !important; padding-top: 4px; display: inline-block; float: none; } .voucher-container .supaup { height: 34px !important; padding-top: 4px; display: inline-block; float: none; } .voucher-container .supaupdown { width: 45px!important; height: 34px !important; padding: 0px 0px 0px 16px !important; } .voucher-container input { height: 29px; } .voucher-container .first-row { margin: 0; } .voucher-container .first-row.opened { border-bottom: 1px solid #D2D2D2; } .voucher-container .first-row div:first-of-type { padding-top: 8px; padding-bottom: 8px; } .voucher-container .first-row div:nth-of-type(2) { padding-top: 19px; } .voucher-container .first-row div:last-of-type { padding-top: 24px; padding-right: 23px; } .voucher-container .first-row div:last-of-type img { cursor: pointer; } .voucher-container .first-row.opened div:last-of-type img { transform: rotate(180deg); } .voucher-container #vouchers-second-row.closed { display: none; } .voucher-container #vouchers-second-row > div:first-of-type { padding: 16px 15px 16px 30px; font-size: 14px; line-height: 18px; color: #555656; border-right: 1px solid #D2D2D2; min-height: 284px; } .voucher-container #vouchers-second-row > div:nth-of-type(2) { padding: 16px 15px 16px 30px; font-size: 14px; line-height: 18px; color: #555656; border-right: 1px solid #D2D2D2; } .voucher-container #vouchers-second-row > div:nth-of-type(2) > div.row > div.col-xs-12 { padding-bottom: 17px; } .voucher-container #vouchers-second-row > div:nth-of-type(2) input { width: 52px; } .voucher-container #vouchers-second-row > div:last-of-type { padding-top: 49px; padding-right: 25px; font-weight: bold; font-size: 14px; line-height: 18px; color: #555656; text-align: right; } @media screen and (max-width: 768px) { .voucher-container .first-row div:nth-of-type(2) { padding-bottom: 20px; } .voucher-container #vouchers-second-row { margin-left: 0; margin-right: 0; } .voucher-container #vouchers-second-row > div:first-of-type { border-right: none; padding: 16px 15px; } .voucher-container #vouchers-second-row > div:nth-of-type(2) { border-top: 1px solid #D2D2D2; padding: 16px 15px; } .voucher-container #vouchers-second-row > div:last-of-type { border-top: 1px solid #D2D2D2; padding-top: 16px; } }