/*
 Theme Name:   Divi - Child
 Description:  A child theme for Divi 2.x
 Author:       Signsgroup
 Author URI:   https://www.signsgroup.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


/******************* Basic *****************/

 :root {
    --bgcolor: #ffffff;
    --primarycolor: #c9d022;
    --secondarycolor: #a71680;
    --fontcolor: #437494;
    --h1fontcolor: #000;
    --h2fontcolor: #000;
    --h3fontcolor: #000;
    --ankerfarbe: #a71680;
    --ankerfarbeover: #a71680;
    --btn1color: #c9d022;
    --btn2color: #00b2e2;
    --tabellenfarbe: #c9d022;
    --white: #ffffff;
    --gray: #6d6d6c;
    --color1: #c9d022;
    --color2: #a71680;
    --font: #000;
    --footerfont: #333333;
    --footercol: #f1f1f1;
    --footermeta: #333333;
    --schwarz: #000;
    --pageSize: 1200px;
}

body {
    background: #42515a;
}

.et_pb_section {
    background: #42515a;
}

.et-pb-icon {
    font-size: 56px;
}

.et_fixed_nav #logo {
    max-height: 63px;
}

.et-fixed-header #logo {
    max-height: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3em;
}

h1 {
    font-weight: 700;
    font-size: 27px;
}

h2 {
    font-weight: 700;
    font-size: 27px;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 0px;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
    width: 23.475%;
    margin: 0 2% 2% 0;
}

.et_portfolio_image {
    padding-top: 100%;
}

.et_portfolio_image img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.et_pb_portfolio_0 .et_overlay:before {
    display: none;
}

.et_pb_portfolio_0 .et_overlay {
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    top: inherit;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    z-index: 555;
}

.et_pb_portfolio_0 .et_pb_portfolio_item h2 {
    position: absolute;
    top: 40%;
    left: 0;
    padding: 0px;
    width: 100%;
    text-align: center;
    text-transform: none;
    z-index: 556;
    font-size: 100%;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
}

.et_pb_portfolio_0 .et_portfolio_image img {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.et_pb_portfolio_0 .et_pb_portfolio_item:hover h2 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.et_pb_portfolio_0 .et_pb_portfolio_item .et_overlay {
    background: #0097df;
    opacity: 0;
}

.et_pb_portfolio_0 .et_pb_portfolio_item:hover .et_overlay {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #0097df;
    opacity: 0.8;
}

.et_pb_portfolio_0 .et_pb_portfolio_item {
    overflow: hidden;
}


/* Umschalter */

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_toggle {
    border: none;
    background: none !important;
    margin-bottom: 40px;
}

.et_pb_toggle_title::before {
    font-size: 40px;
    padding-right: 10px;
    color: #0097df;
}

.et_pb_toggle_close {
    padding: 0px;
}

.et_pb_toggle_open {
    padding: 0px;
}

.et_pb_toggle h5.et_pb_toggle_title {
    padding: 10px;
    background: #d9dcdf;
    color: #0097df;
    text-transform: none;
}

.et_pb_toggle_close h5.et_pb_toggle_title:hover {
    color: #fff !important;
    background: #0097df !important;
}

.et_pb_toggle_close h5.et_pb_toggle_title:hover::before {
    color: #fff !important;
    background: #0097df !important;
}

.et_pb_toggle_open h5.et_pb_toggle_title {
    color: #fff !important;
    background: #0097df !important;
}

.et_pb_toggle_open h5.et_pb_toggle_title::before {
    color: #fff !important;
}

.et_pb_toggle_content {
    color: #fff;
}

#cn-notice-text {
    font-size: 16px;
}


/* Responsive Styles Tablet And Below */

@media all and (max-width: 980px) {
    /* Page Containers */
    .et_pb_column {
        width: 100% !important;
    }
    .et_fixed_nav #logo {
        max-height: 100px;
        width: 100%;
        max-width: 250px;
    }
    /* Rows and Sections */
    .et_pb_section {
        padding: 0px;
    }
    .et_pb_portfolio_0 .et_pb_portfolio_item h2 {
        position: relative;
        top: -50%;
        left: 0;
        padding: 0px;
        width: 100%;
        text-align: center;
        text-transform: none;
        z-index: 556;
        font-size: 100%;
        font-weight: 700;
        text-transform: uppercase;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, transform 0.5s;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0);
    }
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
        width: 45%;
        margin: 0 1% 30px;
    }
    .et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(1n) {
        margin-right: 1%;
    }
    .et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n) {
        margin-right: 1%;
    }
    .et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n) {
        margin-right: 1%;
    }
    .et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n) {
        margin-right: 1%;
    }
}

@media all and (max-width: 780px) {}

@media all and (max-width: 480px) {
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
        width: 100%;
        margin: 0 0 30px;
    }
}