/* yanone-kaffeesatz-regular - latin */
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 400;
    src: url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-700 - latin */
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 700;
    src: url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/maler-koestinger.de/template/bin/fonts/yanone-kaffeesatz-v15-latin-700.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

html, body {
    /*font-size: 18px;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-weight: 400;
}

h1 {
    font-size: 46px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 26px;
}

.highlight {
    background: #ffff99;
    padding: 5px;
}

.grid-container {
    max-width: 1100px;
}

.rounded-image {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #a88d9e;
    object-fit: cover;
    object-position: center;
    padding: 5px;
}

input, textarea {
    background-color: #fff;
}

/* template fix */
.content-header, .content-body, .tpl-basicCompany-row + .content-body, .content-template, .content-short {
    margin-bottom: 3rem;
    margin-top: 3rem;
    padding-bottom: initial;
    padding-top: initial;
}

/********/
/* Menu */
/********/
.header-bar {
    background-color: #fff !important;
    border-bottom: 1px solid #eee;
    box-shadow: none !important;
}

.header-bar-inner {
    position: relative;
}

.header-bar-inner-background {
    background: #333;
    height: 100%;
    left: -1000px;
    position: absolute;
    top: 0;
    width: 1000px;
}

.header-bar-inner-bgImage {
    height: 100%;
    max-width: initial;
    position: absolute;
    right: 100%;
    top: 0;
    width: auto;
}

/* Slogan */
.quiqqer-menu-megaMenu-list-wrapper {
    flex-grow: 1;
}

.quiqqer-menu-megaMenu-list-wrapper-slogan {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: right;
}

.quiqqer-menu-megaMenu-list-wrapper-slogan h5 {
    color: #666;
    font-size: 24px;
    margin-left: auto;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

.quiqqer-menu-megaMenu-list-wrapper-slogan-contact {
    display: block;
    font-family: "Arial", sans-serif;
    font-weight: bold;
    margin-top: 3px;
}

.header-bar-inner .quiqqer-menu-megaMenu-list-wrapper-slogan-contact a {
    color: #5d5d5d;
}

@media screen and (min-width: 1600px) {

}

.header-bar-inner .quiqqer-menu-megaMenu-list-wrapper-slogan-contact a:hover {
    color: #43788f;
}

/* Menu */
.quiqqer-menu-megaMenu-list {
    height: 50px;
}

.quiqqer-menu-megaMenu-list-item a {
    align-items: center;
    color: #43788f !important;
    display: flex !important;
    font-size: 15px;
    height: 100%;
}

.quiqqer-menu-megaMenu .fa {
    color: #43788f;
}

.quiqqer-menu-megaMenu-list-item:hover {
    background-color: #f0f0f0 !important;
}

@media screen and (max-width: 1000px) {
    .quiqqer-menu-megaMenu-list li:first-child {
        display: none !important;
    }
}

/**************/
/* Breadcrumb */
/**************/
.template-breadcrumb {
    background-color: #f0f0f0 !important;
}

/**********/
/* Slider */
/**********/
/* wahrscheinlich wird nicht benätigt */
.brickWrapper-customCSSClass-mk-slider {
    background-color: #f5f5f5;
    padding-bottom: 0;
    padding-top: 0;
}

@media screen and (max-width: 1100px) {
    .brickWrapper-customCSSClass-mk-slider > .grid-container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .mk-slider.quiqqer-bricks-promoslider-wallpaper {
        height: 300px !important;
    }
}

.brickWrapper-customCSSClass-mk-slider .grid-container {
    max-width: 1400px;
    padding: 2rem 0;
}

@media screen and (max-width: 1400px) {
    .brickWrapper-customCSSClass-mk-slider .grid-container {
        padding: 0;
    }
}

@media screen and (max-width: 1400px) {
    .mk-slider {
        height: calc(100vw / 2) !important;
    }
}

/**********************/
/* Galerie Startseite */
/**********************/
.brick-id-15 {
    padding-top: 0 !important;
}


.brick-id-15 .quiqqer-control-gallery-grid-entry {
    border: none !important;
}

@media screen and (min-width: 1200px) {
    .brick-id-15 .quiqqer-control-gallery-grid-entry {
        padding-top: 50% !important;
    }
}

@media screen and (max-width: 767px) {
    .quiqqer-control-gallery-grid-entry-wrapper {
        width: 25% !important;
    }
}

/*********************/
/* Firmenphilosophie */
/*********************/
.brickWrapper-customCSSClass-mk-company {
    background-color: #fff !important;
}

.brickWrapper-customCSSClass-mk-company .quiqqer-boxContentAdvanced-entries {
    justify-content: center;
}

.brickWrapper-customCSSClass-mk-company .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img {
    margin-bottom: 0;
    margin-top: 2rem;
}

/**********/
/* Footer */
/**********/
.footer-contact-wrapper {
    display: flex;
}

.footer-contact-image {
    margin-right: 2rem;
}

.footer-contact-data span {
    color: #929292;
    display: inline-block;
    width: 70px;
}

.page-footer-copyright {
    border-top: none !important;
    font-size: 13px !important;
}

/****************/
/* Gallery grid */
/****************/
.quiqqer-gallery-grid-entry {
    background: #f8f8f8 !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 22px 48px -12px rgba(0, 0, 0, 0);
}

.quiqqer-gallery-grid-entry:hover,
.quiqqer-gallery-grid-entry:focus {
    border-color: #aaa !important;
}

.quiqqer-gallery-grid-entry-image {
    text-align: center;
}

.quiqqer-gallery-grid-entry-image img {
    width: auto !important;
}

/* hide title */
.quiqqer-gallery-grid-entry-text {
    display: none;
}

/*******************/
/* Gallery sidebar */
/*******************/
/* hover effect */
.quiqqer-control-gallery-grid-entry a:after {
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    content: "\f002";
    display: flex;
    font-family: "FontAwesome";
    font-size: 20px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: 0.2s opacity;
    width: 100%;
}

.quiqqer-control-gallery-grid-entry a:hover:after {
    opacity: 1;
}

/******************************/
/* Children list - cards view */
/******************************/
.qui-control-childrenlist-cardRows-entry {
    position: relative;
}

.qui-control-childrenlist-cardRows-entry-content-header h2 a:hover {
    color: #43788f;
}

@media screen and (min-width: 768px) {
    .qui-control-childrenlist-cardRows-entry-image.grid-25.grid-container {
        border-right: 2px solid #eee;
    }
}

.qui-control-childrenlist-cardRows-entry-content-short a {
    display: block;
    font-weight: bold;
    text-align: right;
}

.qui-control-childrenlist-cardRows-entry-content-short a:hover {
    text-decoration: underline;
}

/****************/
/* Site listing */
/****************/

.qui-control-childrenlist-3er-entry-image {
    margin-bottom: 0 !important;
}

.qui-control-childrenlist-3er-entry-content {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 1rem;
}

.qui-control-childrenlist-3er-entry-content h1 {
    font-size: 1.5em !important;
}

.qui-control-childrenlist-3er-entry-content-footer-button {
    background: none !important;
    border: none !important;
    color: #43788f !important;
    font-weight: bold !important;
}

/************************/
/* Startpage - contanct */
/************************/
.brickWrapper-customCSSClass-mk-contact {
    background-color: #fff !important;
}

.mk-contact {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
}

.quiqqer-simple-contact-button {
    font-size: 18px;
    font-weight: bold;
    padding: 0.5em 1em;
}

/***********/
/* Custom  */
/***********/
.mk-welcome-text .control-content {
    padding-bottom: 0;
}

.brickWrapper-customCSSClass-mk-startpage-second-text {
    background-color: #f5f5f5 !important;
    background-image: url(/media/cache/koestinger/Hintergrund/img_2680__1920.jpg) !important;
    background-position: top center !important;
    background-size: cover !important;
    color: #fff;
    position: relative;
}

.brickWrapper-customCSSClass-mk-startpage-second-text > .grid-container {
    position: relative;
    z-index: 1;
}

.brickWrapper-customCSSClass-mk-startpage-second-text:before {
    background: rgba(178, 169, 175, 0.92);
    background: linear-gradient(45deg, rgba(168, 144, 160, 0.95) 70%, transparent);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mk-startpage-second-text {
    margin: 0 auto;
    max-width: 840px;
}

.mk-startpage-second-text .control-content {
    padding-bottom: 0;
}

.brickWrapper-customCSSClass-mk-services,
.brickWrapper-customCSSClass-mk-services-button {
    background-color: #f5f5f5 !important;
}

.brickWrapper-customCSSClass-mk-services-button .control-content {
    padding-bottom: 0;
}