@charset "UTF-8";
/***!  /templates/karl/css/custom.css?20210119  !***/

.visually-hidden {
    display: none !important;
}

html {
    scroll-behavior: smooth;
}
/* kaushan-script-regular - latin */
@font-face {src: url('https://akademie.karl.coffee/templates/karl/fonts/kaushan-script-v6-latin-regular.eot'); src: local('Kaushan Script'), local('KaushanScript-Regular'),
       url('https://akademie.karl.coffee/templates/karl/fonts/kaushan-script-v6-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://akademie.karl.coffee/templates/karl/fonts/kaushan-script-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://akademie.karl.coffee/templates/karl/fonts/kaushan-script-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://akademie.karl.coffee/templates/karl/fonts/kaushan-script-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://akademie.karl.coffee/templates/karl/fonts/kaushan-script-v6-latin-regular.svg#KaushanScript') format('svg'); font-family: 'Kaushan Script'; font-style: normal; font-weight: 400; font-display: swap}
/* pt-sans-regular - latin */
@font-face {src: url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-regular.eot'); src: local('PT Sans'), local('PTSans-Regular'),
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); font-family: 'PT Sans'; font-style: normal; font-weight: 400; font-display: swap}
/* pt-sans-700 - latin */
@font-face {src: url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-700.eot'); src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://akademie.karl.coffee/templates/karl/fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); font-family: 'PT Sans'; font-style: normal; font-weight: 700; font-display: swap}
.category-view.schoko {
  margin-top: 50px;
  text-align: center;
}
.category-view.schoko p {
    font-weight: bold;
    margin-bottom: 20px;
}
hr {
  border-top-width: 0;
  border-color: #321e14;
}

.nav-main .nav-collapse .nav.menu li.item-380 {
    float: none;
}

.main-slider li .slider-text .text {
    margin-left: 60px;
}
@media (min-width: 480px) {
    .main-slider li .slider-text .text {
        margin-left: 105px;
    }
}
/*
.style-water a:hover {
    color: #61b8ee;
}
*/
/*
nav .item-384 a:hover,
nav .item-384 a:active,
nav .item-384.active > a {
    color: #61b8ee !important;
}
*/

@media (min-width: 768px) {
    .navigation .nav-child {
        overflow: visible;
        width: auto !important;
    }
}

body {
    background-position: center center;
}
#gp-article-form img {
    max-height: 120px;
}

nav.navbar ul.nav li.item-119 ul {
    margin-left: -110px !important;
}
nav.navbar ul.nav li.item-119 ul > li > a {
    text-align: right !important;
}

@media (max-width: 1200px) {
    nav.navbar ul.nav li > a {
        letter-spacing: -1px;
    }
    nav.navbar ul.nav li.item-119 ul {
        margin-left: -90px !important;
    }
}
main#content > .category-view .category .spacer a .category-title, main#content .additional-categories > .category-view .category .spacer a .category-title, main#content > .category-view .category .spacer a:link .category-title, main#content .additional-categories > .category-view .category .spacer a:link .category-title {
    min-height: 2.2em;
}

.left.flags > p > span {
    width: 63.8%;
}
.left.flags > p > span:first-child {
    width: 77.2%;
}

@media (max-width: 978px) {
    main#content > .category-view .category_description .category-text, main#content .additional-categories > .category-view .category_description .category-text {
        margin: 0px -30px;
        padding: 0 30px;
    }
}

@media (max-width: 992px) {
   .produktpakete > div > p > a > strong, .produktpakete > li > p > a > strong, .produktpakete > div > p > a:link > strong, .produktpakete > li > p > a:link > strong, .produktpakete > div > p > a > span, .produktpakete > li > p > a > span, .produktpakete > div > p > a:link > span, .produktpakete > li > p > a:link > span {
       font-size: 14px;
       min-height: 4.3em;
       padding-bottom: 2em;
    }
}
.cycle-slideshow.main-slider .cycle-slide .slider-text {
    max-width: calc(100% - 30px);
}
.footer-flag {
    background-color: #670606 !important;
}
.cc-revoke.cc-bottom {
    left: 20px !important;
}
/*.item-116 > a {
    padding-left: 0 !important;
}*/
.item-119 > span {
    padding-right: 0 !important;
}

@media (max-width: 768px) {
    .block-layout > .span3:nth-child(2n) {
        width: 45%;
        float: left;
    }
    .block-layout > .span3:nth-child(2n+1) {
        width: 45%;
        float: right;
    }
}

.popup-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup-container .popup {
    max-width: 600px;
    width: 100%;
    min-height: 200px;
}
.popup-container.closed {
    display: none;
}

.popup .popup-content {
    padding: 30px 35px;
    background: #321e14;
    color: white;
}

/* 2020 Kaffeeseite */
.btn-angebot, .btn-angebot:link, .btn-angebot:hover, .btn-angebot:visited {
    display: block;
    font-weight: bold;
    background-color: #670606 !important;
    color: white !important;
}
.btn-angebot:hover, .btn-angebot:active {
	background-color: #871616 !important;
}

.btn-info {
    display: block;
}
.block-head {
    display: flex; flex-direction: row; align-items: center;
}
.block-head > div:first-child {
    text-align: right;
    flex: 1; // .8;
}
.block-head > div:nth-child(2) {
    flex: 1;
    padding: 15px 30px 15px 0;
}
.block-head > div:nth-child(2),
.block-head > div:nth-child(2) > ul > li {
    color: white;
    font-weight: bold;
}
.block-head p {
    margin: 0;
}
.fw {
    margin-left: -50px;
    margin-right: -50px;
}
.fw > .span6 {
    margin: 0 !important;
    width: 100%;
}
@media (max-width: 991px) {
    .fw {
        margin-left: -30px;
        margin-right: -30px;
    }
}
input#betreff {
    font-weight: bold;
}
.row.block.fw.safe a,
.row.block.fw.safe a:link {
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 1em 0 !important;
}

.mod-international {
    float: left;
    margin: -26px 0 0 15px;
    z-index: 100;
}
.mod-international > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mod-international > ul > li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
@media (min-width: 479px) {
    .mod-international {
        margin: -26px 0 0 30px;
    }
}
@media (min-width: 979px) {
    .mod-international {
        margin: -26px 0 0 50px;
    }
}

/*
@media(max-width: 767px) {
    ul.nav.menu > li.item-468 {
        display: none;
    }
}
*/

/*
@media (max-width: 979px) {
    .nav-top .container .row ul.nav {
        margin: 0 30px 0 130px !important;
    }
}
*/

body.style-water .produktpakete > div.span3 {
    background-color: #e1f6ff;
}
.karl-logos {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}
.karl-logos > img {
    max-height: 100px;
    margin-bottom: 2em;
    margin-left: 2%;
    margin-right: 2%;
}
table.techdaten {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    table.techdaten {
	width: 80%;
    }
}
@media (min-width: 980px) {
    table.techdaten {
	width: 66%;
    }
}
@media (min-width: 1200px) {
    table.techdaten {
	width: 50%;
    }
}

table.techdaten tr td {
    padding: 5px 30px 5px 0;
    text-align: left;
    width: 33%;
}
table.techdaten tr td:first-child {
    width: 66%;
}

.nav-top .container .row ul.nav {
    width: 100%;
    justify-content: flex-start;
    margin-right: 35px;
}

.nav-top .container .row ul.nav > li > a > img {
    transform: translateY(-1px);
}
.nav-top .container .row ul.nav li:last-child {
    margin-left: auto;
}
.breadcrumb-item:before {
    content: " > ";
    margin-left: .3em;
}
.breadcrumb-item:first-child:before,
.breadcrumb-item:nth-child(2):before {
    content: "";
    margin: 0;
}

.row.block.footer-text {
    display: flex;
    justify-content: center;
}

/* Footer Logos */
.span2.no-margin {
    margin: 0 10px;
}
@media (max-width: 767px) {
    .hide-xs {
        display: none;
    }
    .break-word-xs {
        overflow-wrap: break-word;
    }
}
.no-overflow {
    overflow: hidden;
    margin: 0 5px;
}