@CHARSET "UTF-8";

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

:root {
    --qui-megaMenu-submenu-bgColor: #599fe1;
    --qui-megaMenu-submenu-link-bgColor--hover: rgb(255 255 255 / 10%);
    --qui-megaMenu-link-borderRadius: 0;
}

body {
    color: #6d6d6d;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65em;
}

p {
    margin-bottom: 1.15rem;
}

@media screen and (max-width: 767px) {
    .main-content {
        padding-top: 0 !important;
    }
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
    line-height: 1.15;
}

h1 {
    font-size: 2.488em;
}

h2 {
    font-size: 2.074em;
}

h3 {
    font-size: 1.728em;
}

h4 {
    font-size: 1.44em;
}

h5 {
    font-size: 1.2em;
}

small, .text_small {
    font-size: 0.833em;
}

@media screen and (max-width: 767px) {
    h1, h2, h3, h4, h5 {
        padding-bottom: 0.5em;
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.74em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.2em;
    }

    h5 {
        font-size: 1.1em;
    }
}

/********/
/* Menu */
/********/
.header-bar {
    background-color: #fff !important;
    box-shadow: none;
}

.page-1 .header-bar {
    padding-bottom: 0;
}

.header-bar-inner a.page-header-logo {
    padding: 0;
}

.page-header-logo img {
    max-height: 120px;
    transform: translateX(-35px);
}

/**
 * 1. damit das Menü bei Navigation klebt, nicht beim dem Menü Punkt
 */
.quiqqer-menu-megaMenu-list-item-menu {
    top: 80px !important; /* 1 */
}

.quiqqer-menu-megaMenu-list {
    align-items: center;
    font-size: 14px;
}

.quiqqer-menu-megaMenu-list .quiqqer-menu-megaMenu-list-item {
    padding: 0 !important;
}

.quiqqer-menu-megaMenu-list-item .fa {
    display: none;
}

.quiqqer-menu-megaMenu-list a {
    margin: 0 5px;
    padding: 5px 12px;
}


.header-bar-inner .quiqqer-menu-megaMenu-list a,
.header-bar-inner .quiqqer-menu-megaMenu-list a:link,
.header-bar-inner .quiqqer-menu-megaMenu-list a:visited {
    color: #66717b;
}

.header-bar-inner .quiqqer-menu-megaMenu-list a:hover,
.header-bar-inner .quiqqer-menu-megaMenu-list a:active,
.header-bar-inner .quiqqer-menu-megaMenu-list .quiqqer-menu-megaMenu-list-item--current a {
    background: #59a0e1;
    color: #fff !important;
}

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

.quiqqer-menu-megaMenu-list-item-menu {

}

.quiqqer-menu-megaMenu-list-item-menu.control-background:after {
    background: none;
    border-bottom: 10px solid #6aaae5;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    content: '';
    left: 10%;
    position: absolute;
    top: -20px;
}

/* dropdown  */
.quiqqer-menu-megaMenu-list-item-menu {
    margin-top: -20px;
}


.quiqqer-menu-megaMenu-list-item-menu .quiqqer-menu-megaMenu-children-simple-entry-title {
    font-weight: bold;
}

/* mobile */
.quiqqer-menu-megaMenu-mobile .fa-bars {
    color: #6d6d6d;
}

/******/
/* hr */
/******/
hr,
.content-body hr,
.content-template hr {
    border: none !important;
    height: 14px;
    margin: 2em 0;
    position: relative;
    width: 100%;
}

hr:before,
.content-body hr:before,
.content-template hr:before {
    background: #a4a4a4;
    content: '';
    height: 2px;
    left: calc(50% - 200px);
    position: absolute;
    top: 7px;
    width: 400px;
}

hr:after,
.content-body hr:after,
.content-template hr:after {
    background: #59a0e1;
    border-radius: 50%;
    content: '';
    height: 14px;
    left: calc(50% - 7px);
    position: absolute;
    top: 0;
    width: 14px;
}

/***********/
/* cookies */
/***********/
.quiqqer-cookieconsent-message-logo {
    width: 200px !important;
}

.quiqqer-cookieconsent-message-wrapper {
    width: calc(100% - 200px - 2em) !important;
}

/****************/
/* Contact form */
/****************/
input, textarea, select, input[type="submit"] {
    border-width: 1px !important;
}

.qui-form legend {
    font-size: inherit !important;
    font-weight: inherit !important;
}

.qui-form input[type="submit"] {
    float: right;
    width: auto !important;
}

/**********/
/* Footer */
/**********/
.quiqqer-boxContentAdvanced-entry-content {
    text-align: left !important;
}

.page-footer {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23cccccc' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") !important;
    border-top: none !important;
    padding-top: 40px !important;
    position: relative;
}

.page-footer:before {
    background-color: #59a0e1;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23515151' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    content: '';
    height: 15px;
    position: absolute;
    top: 0;
    width: 100%;
}

.quiqqer-boxContentAdvanced-entry-content h4 {
    font-size: 20px;
    font-weight: bold;
}

.quiqqer-boxContentAdvanced-entry-content h4 .fa {
    font-size: 20px;
}

.page-footer-copyright {
    border-top: none !important;
    font-size: 0.75rem !important;
    opacity: 0.75;
}

@media screen and (max-width: 767px) {
    .brick-1 {
        height: auto !important;
    }

    .page-1 .wallpaperText-container {
        padding-top: 8rem;
    }
}

/*******************************/
/* Customer review - startpage */
/*******************************/
.page-1 .brick-id-4 {
    background-color: #59a0e1;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23515151' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.customer-review {
    color: #fff;
    margin-top: 3em;
}

.customer-review-content {
    background: rgba(255, 255, 255, 0.1) !important;
}

@media screen and (max-width: 1000px) {
    .customer-review {
        margin-bottom: 2em !important;
        margin-top: 2em !important;
    }
}

@media screen and (max-width: 767px) {
    .customer-review {
        margin-bottom: 1em !important;
        margin-top: 1em !important;
    }
}

/*************/
/* Portfolio */
/*************/
.type-quiqqer-portfolio-types-list .main-content .content-template {
    float: left;
    width: 100%;
}

.quiqqer-portfolio-categories {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

.quiqqer-portfolio-list {
    float: none !important;
    overflow: auto;
}

.quiqqer-portfolio-style3 figcaption {
    z-index: 2;
}

.quiqqer-portfolio-style3 figcaption h3 {
    font-size: 20px;
}

.brick-id-6,
.brick-id-6 .control-content {
    padding-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
    .quiqqer-portfolio-categories {
        display: block !important;
    }
}

/*************************/
/* 4 Boxen - Startseite  */
/*************************/
.brick-14 {
    padding: 1rem 0;
}

.brick-14 .quiqqer-bricks-sidebox3-row {
    justify-content: center;
}

.brick-14 .quiqqer-bricks-sidebox3-article {
    padding: 20px 15px 0 15px;
    margin: 2rem 0;
    text-align: center;
    align-items: center;
}

.brick-14 .quiqqer-bricks-sidebox3-article a.image {
    border-radius: 15px;
    overflow: hidden;
    display: block;
    line-height: 0;
}

.brick-14 .quiqqer-bricks-sidebox3-article header {
    width: 100%;
    padding: 15px 0;
}

.brick-14 .quiqqer-bricks-sidebox3-article h3 {
    font-size: 22px;
    line-height: 150%;
}

.brick-14 .quiqqer-bricks-sidebox3-article h3 a {
    color: inherit;
}

.brick-14 .article-button {
    margin-top: auto;
}

.brick-14 .sidebox-button {
    background: #59a0e1 !important;
    border: 2px solid #59a0e1;
    color: #fff !important;
}

.brick-14 .sidebox-button:hover {
    background: #fff !important;
    color: #59a0e1 !important;
}

@media screen and (max-width: 736px) {
    .brick-14 {
        padding: 0;
    }

    .brick-14 .quiqqer-bricks-sidebox3-article {
        padding-left: 0;
        padding-right: 0;
    }
}

/*********************/
/* Startseite Slider */
/*********************/
.brick-id-12 .quiqqer-bricks-promoslider-wallpaper-container .grid-container {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    color: #fff;
}

.brick-id-12 .quiqqer-bricks-promoslider-wallpaper ul h2,
.brick-id-12 .quiqqer-bricks-promoslider-wallpaper ul h3,
.brick-id-12 .quiqqer-bricks-promoslider-wallpaper ul h4,
.brick-id-12 .quiqqer-bricks-promoslider-wallpaper ul h5 {
    line-height: 1.35em;
    color: #fff;
}

.brick-id-12 .quiqqer-bricks-promoslider-wallpaper2Content-left,
.brick-id-12 .quiqqer-bricks-promoslider-wallpaper ul li:first-child .quiqqer-bricks-promoslider-wallpaper2Content-right {
    margin-right: 2rem;
}

.brick-id-12 span.quiqqer-bricks-promoslider-wallpaper-dot:after {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.brick-id-12 .quiqqer-bricks-promoslider-wallpaper ul li:first-child .quiqqer-bricks-promoslider-wallpaper2Content-left {
    width: 55%;
    padding-left: 0;
    padding-right: 0;
}

.brick-id-12 .quiqqer-bricks-promoslider-wallpaper ul li:first-child .quiqqer-bricks-promoslider-wallpaper2Content-right {
    width: 45%;
}

@media screen and (max-width: 767px) {
    .brick-id-12 .quiqqer-bricks-promoslider-wallpaper-container .grid-container {
        flex-direction: column;
    }

    .brick-id-12 .quiqqer-bricks-promoslider-wallpaper2Content-right,
    .brick-id-12 .quiqqer-bricks-promoslider-wallpaper2Content-left {
        margin-right: 0 !important;
        top: 5%;
        position: relative;
        width: 100% !important;
    }

    .brick-id-12 .quiqqer-bricks-promoslider-wallpaper .quiqqer-bricks-promoslider-wallpaper2Content-left {
        display: none;
    }
}

/* Der erste Slide hat keinen Background */
/* So ist der Hintergrundbild gesetzt */
.quiqqer-bricks-promoslider-wallpaper  {
    background-color: #59a0e1 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23515151' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: initial !important;
    background-repeat: repeat !important;
}

/*******************/
/* Wilkommens Text */
/*******************/
.brick-id-13 {
    background: #f5f5f5;
}

.brick-id-13 .control-content {
    padding-bottom: 0;
}

/***********/
/* Wünsche */
/***********/
.prefix-suffix-full-width img {
    line-height: 1em;
    border: 4px solid #6e6e6e;
    box-shadow: 0 2px 30px rgba(0,0,0,0.3);
}

.brick-14 .quiqqer-bricks-sidebox3-article a.image {
    max-width: 250px;
    margin: 0 auto;
}

.brick-14 .article-button a {
    background: #414141;
    border-color: #414141;
}

.brick-14 .article-button a:hover {
    background: #fff;
    color: #414141;
}

.qui-control-childrenlist-default-entry-content h1 {
    font-size: 1.25em;
}

.page-1 .brick-id-4 {
    padding-top: 0;
    padding-bottom: 0;
}