/*
Theme Name: Bommer reinigungen
Text Domain: bommerreinigungen
Version: 1.13
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Theme for bommer reinigungen.
Tags: e-commerce, one-column, block-patterns, custom-menu, custom-logo, featured-images
Author: Spin digital
Author URI: https://spin.digital/
Theme URI: https://spin.digital/
License: All rights reserved
License URI: All rights reserved

*/

@font-face {
    font-family: "usuziregular";
    src: url('./assets/fonts/usuzi/usuzi-webfont.eot');
    src: url('./assets/fonts/usuzi/usuzi-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/usuzi/usuzi-webfont.woff2') format('woff2'),
    url('./assets/fonts/usuzi/usuzi-webfont.woff') format('woff'),
    url('./assets/fonts/usuzi/usuzi-webfont.ttf') format('truetype'),
    url('./assets/fonts/usuzi/usuzi-webfont.svg#usuziregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    --default-theme-color: #c42626;
    --secondary-color: red;
    --button-color-phone: #e72a30;
    --button-color-hover:  rgba(233, 45, 46, 0.7);
    --alt-paralax-background: rgba(195, 38, 39, 0.8);
    --category-parallax-background: rgba(195, 38, 39, 0.8);
    --service-parallax-arrow-hover: rgb(233, 45, 46, 0.6);
    --button-color: #c42526;
  }

  /* :root {
    --default-theme-color: #32a0a8;
    --secondary-color: #0008f5;
    --button-color-phone: #c91e8e;
    --button-color-hover:  rgba(32, 133, 9, 0.7);
    --alt-paralax-background: rgba(102, 0, 133, 0.8);
    --category-parallax-background: rgba(0, 150, 113, 0.8);
    --service-parallax-arrow-hover: rgb(219, 18, 182, 0.6);
  } */
html {
    -webkit-font-smoothing: antialiased;
    width:100%;
    max-width: 100%;
    overflow-x: hidden;
}
body {
    /*height: 100%;
    min-height: 100%;*/
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #1c1c1c;
	padding: 0;
	margin: 0;
    background-color: #FFFFFF;
    overflow-x: hidden;
    width:100%;
    max-width:100%;
}

h1.special-title {
    font-size: 40px;
    width: 60%;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 0px;
    font-family: 'Montserrat', 'Open Sans', sans-serif;
}

@media screen and (max-width: 920px) {
    h1.special-title {
        font-size: 4.3vw;
    }
}

.wpcf7 input[type="file"] {
    display: none;
}

.file-button {
    background: var(--button-color);
width: max-content;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
box-sizing: border-box;
border: none;
border-radius: 4px;
color: #fff !important;
cursor: pointer;
display: inline-block;
line-height: 1.6;
letter-spacing: 1px;
margin: 0;
padding: 10px 22px;
text-align: center;
box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
outline: none;
}

.pum-theme-445 .pum-title, .pum-theme-reinigungen .pum-title {
    font-family: "Montserrat", sans-serif;
}

.pum-theme-445 input , .pum-theme-445 textarea {
    font-family: 'Open Sans', sans-serif !important;
}

#cookie-notification .btn-primary {
    border-radius: 4px;
}

#pum-443 input[type="submit"] {
    color: var(--button-color) !important;
    background-color: #fff !important;
}

.quote-text-section .fas, .ten-element-span-container .fas {
    display: none !important;
}

@media screen and (max-width: 850px) {
    .ten-element-span-container {
        margin-bottom: 20px;
    }
    .ten-element-source {
        margin-bottom: 20px;
    }
}

.pum-container.pum-position-fixed {
    bottom: -47px !important;
    top: auto !important;
}

.wpcf7-spinner {
    display: none;
}

.pum .wpcf7-not-valid-tip{
    color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #fff;
    background-color: #c42526;
    border: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
    background-color: #005725;
    border: 0;
}

.custom-logo {
    max-height: 100%;
    width: auto;
}

@media only screen and (min-width : 992px) {
.header-service-phone {
	display: none !important;
}
}

@media only screen and (max-width : 991px) {
.header-service-pc {
	display: none !important;
}
}

.grecaptcha-badge { opacity:0;}

/*////////////////////////////////////////////////////////// NAVIGATION ///////////////////////////////////////////////////////////////////////////////*/

        .navigation_container {
            padding: 0;
            margin: 0;
            width: 100%;
            height: auto;
            background-color: #FFFFFF;
            display: flex;
            flex-direction: column;
            position: fixed;
            z-index: 55;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
        }

        .navigation_subsection {
            width: 100%;
            padding: 0;
            display: flex;
            margin: 0;
            height: 42px;
            flex-direction: row;
            justify-content: center;
            background-color: var(--default-theme-color);
            position:relative;
        }

        @media screen and (max-width: 1305px) {
            .navigation_subsection {
                justify-content: flex-start;
            }
        }

        @media screen and (max-width: 1034px) {
            .navigation_subsection {
                justify-content: flex-end;
            }
        }

        @media screen and (max-width: 605px) {
            .navigation_subsection {
                height: 60px;
            }
        }

        .navigation_phone {
            display: flex;
            justify-content: center;
            text-align: center;
            height: 100%;
            flex-direction: column;
        }



        .navigation_phone_text {
            white-space: nowrap;
            color: #FFFFFF;
            font-size: 18px;
            display: flex;
            align-self: center;
            margin-left: 20px;
            text-decoration-style: none;
            text-decoration: none;
            font-family: 'Montserrat', sans-serif;
        }

        .navigation_phone_holder {
            position: absolute;
            vertical-align: center;
            display: flex;
            height: 100%;
            margin: 0 0 0 1000px;
            /* margin: 0 320px 0 0; */
            padding: 0;
            margin-right: 78px;
        }

        @media screen and (max-width: 1305px) {
            .navigation_phone_holder {
                /* margin-right: 40px; */
                margin: 0;
                margin-left: 740px;
            }
        }

        @media screen and (max-width: 1034px) {
            .navigation_phone_holder {
                margin-left: 0;
                margin-right: 60px;
            }
        }

        @media screen and (max-width: 605px) {
            .navigation_phone_holder {
                /* margin-right: 22px; */
            }
        }
        .menu-toggle {
            display:none;
         }
        .menu-toggle a {
             display:none;
             font-size: 20px;
            }

            @media screen and (max-width: 1034px) {
                .menu-toggle{
                    display: flex;
                    z-index: 999999999999999999;
                    position: absolute;
                    right: 30px;
                    color: var(--default-theme-color);
                    top: 17px;
                    font-size: 20px;
                }
            }

        .hidden-xs {
            white-space: nowrap;
            color: #FFFFFF;
            font-size: 18px;
            display: flex;
            align-self: center;
            margin-left: 20px;
            text-decoration-style: none;
            text-decoration: none;
            font-family: 'Montserrat', sans-serif;
        }

        .hidden-xs i {
            margin-right: 5px;
            margin-top: 5px;
            font-size: 13px;
        }

        @media screen and (max-width: 605px) {
            .hidden-xs {
                display: none;
            }
        }

        .visible-xs {
            font-family: 'Montserrat', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: none;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            line-height: 1.6;
            letter-spacing: 1px;
            margin: 0 5px 0 25px;
            padding: 10px 22px;
            text-align: center;
            /*box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
            -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
            -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
            -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;*/
            -webkit-transition: all ease .3s;
            -moz-transition: all ease .3s;
            -o-transition: all ease .3s;
            -ms-transition: all ease .3s;
            transition: all ease .3s;
            /* background-color: #e72a30; */
            outline: none;
            display: none;
        }

        .visible-xs > a > i {
            margin-right: 10px;
        }

        @media screen and (max-width: 605px) {
            .visible-xs {
                display: flex;
            }
        }
        .visible-xs a {
            text-decoration: none;
            text-decoration-style: none;
            font-family: 'Montserrat', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: none;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            line-height: 1.6;
            letter-spacing: 1px;
            /*margin: 0 5px 0 25px;*/
            padding: 10px 22px;
            margin:0;
            text-align: center;
            box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
            -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
            -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
            -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
            -webkit-transition: all ease .3s;
            -moz-transition: all ease .3s;
            -o-transition: all ease .3s;
            -ms-transition: all ease .3s;
            transition: all ease .3s;
            background-color: var(--button-color-phone);
            outline: none;
        }
        @media screen and (max-width: 434px) {
            .visible-xs a{
                font-size: 9px;
            }
        }


        .navigation_main {
            height: auto;
            position: relative;
            width: 100vw;
            margin: 0;
            padding: 25px 0 25px 25px;
            /* justify-content: flex-start; */
            /* height: 135px; */
            display: flex;
            flex-direction: row;
            justify-content: center;
            background-color: #FFFFFF;
            /* background-color: aqua; */
        }

        @media screen and (max-width: 1305px) {
            .navigation_main {
                justify-content: flex-start;
                padding: 0;
                margin: 0;
            }
        }

        @media screen and (max-width: 605px) {
            .navigation_main {
                /* padding: 5px 0 5px 10px; */
            }
        }

        .navigation_logo_holder {
            display: flex;
            /* margin: 0 0 0 310px; */
            margin: 0 1100px 0 0;
            /* ovde 2  */
            padding: 0;
            align-self: center;
            justify-content: center;
            text-align: center;
            height: 100%;
        }

        @media screen and (max-width: 1305px) {
            .navigation_logo_holder {
                align-self: flex-start;
            }
        }

        .navigation_logo_holder_2 {
            display: flex;
            margin: 0;
            /* background-color: red; */
            width: 200px;
            max-width: 200px;
            height: 96px;
            padding: 0;
            transform: scale(1, 1);
            transition: all 0.2s ease-in-out;
        }

        @media screen and (max-width: 1305px) {
            .navigation_logo_holder_2 {
                /* max-width: 160px; */
                /* width: 160px; */
                transform: scale(0.8, 0.8);
                /* height: 77px; */
            }
        }

        .navigation_main_link_section {
            width: 1190px;
            display: flex;
            flex-direction: column;
            margin: 0;
            bottom: 0;
            /* ovde 1  */
            padding: 0;
            align-self: flex-end;
            position: absolute;
            /* right: 1050px; */
            /* right: 50px; */
            font-weight: 700;
            height: 100%;
            /* background-color: green; */
            justify-content: center;
            text-align: center;

        }

        @media screen and (max-width: 1305px) {
            .navigation_main_link_section {
                width: 1050px;
            }
        }

        @media screen and (max-width: 1075px) {
            .navigation_main_link_section {
                width: 100%;
                margin: 0;
                padding: 0;
            }
        }

        .navigation_main_content_list {
            color: var(--secondary-color);
            font-family: 'Montserrat', sans-serif;
            font-size: 15px;
            font-weight: bolder;
            display: flex;
            justify-content: flex-end;
            /* background-color: green; */
            font-weight: 700;
            flex-direction: row;
        }

        @media screen and (max-width: 1034px) {
            .navigation_main_content_list {
                display: flex;
                position:absolute;
                top: 81px;
                flex-direction: column;
                text-align: left;
                background-color: #C62328;
                padding-top: 10px;
                padding-bottom: 10px;
                right: calc(-100vw - 40px);
                width: 100vw;
                height: calc(100vh - 156px);
                justify-content: flex-start;
                overflow-y: scroll;
            }
        }

        .navigation_main_content_list li {
            height: 50px;
            padding-top: 50px;
            /* overflow: hidden; */
            list-style-type: none;
            display: inline;
            word-break: none;
            white-space: nowrap;
            overflow: visible;
            font-weight: 700;
            margin-right: 18px;
            transition: color 0.2s;
            /* background-color: red; */
        }

        @media screen and (max-width: 1034px) {
            .navigation_main_content_list li {
                padding-top: 10px;
                padding-bottom: 10px;
                height:auto;
            }
        }

        .bommer-menu-arrow {
            margin-left: 5px;
        }

        @media screen and (min-width: 1035px) {
            .bommer-menu-arrow {
                display: none;
            }
        }

        .navigation_main_content_list li a {
            list-style-type: none;
            text-decoration: none;
            display: inline;
            word-break: none;
            white-space: nowrap;
            color: var(--secondary-color);;
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            font-size: 14px;
            text-transform: uppercase;
            transition: color 0.15s;
        }
        @media screen and (max-width: 1034px) {
            .navigation_main_content_list li a {
                color: #FFFFFF;
                font-size: 14px;
            }
        }

        .navigation_main_content_list li a:hover {
            color: black;
            cursor: pointer;
        }

        .navigation_main_content_list li ul {
            overflow: hidden;
            height: 0;
            margin-left: -60px;
            z-index: 33;
            display: flex;
            position: absolute;
            justify-content: flex-start;
            flex-direction: column;
            margin-top: 50px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
            text-align: center;
            flex-direction: column;
            justify-content: flex-start;
            left: -4px;
            opacity: 0;
            transition: margin-top 0.5s, opacity 0.3s;

        }

        /* here */
        @media screen and (max-width: 1034px) {
            .navigation_main_content_list li ul {
                position: relative;
                cursor: default;
                left: inherit;
                margin-left:0;
                /* experminetal */
                animation-name: example;
                animation-duration: infinite;
                /* terminate */
                opacity: 1;
                height: 0;
                padding-bottom: 0;
                padding-top: 0;
                /* margin-top: 20px; */
                z-index: 33;
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                background-color: #C62328;;
                margin-top: 0;
                box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
            }
        }

        @media screen and (min-width: 1035px) {
            .navigation_main_content_list li:hover ul {
                /* display: none; */
                position: absolute;
                cursor: default;
                left: inherit;

                /* experminetal */
                animation-name: example;
                animation-duration: infinite;
                /* terminate */
                opacity: 1;
                height: auto;
                padding-bottom: 20px;
                padding-top: 5px;
                margin-left: -60px;
                margin-top: 20px;
                z-index: 33;
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                background-color: #ffffff;
                margin-top: 15px;
                box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);

            }
        }
        /* changed for mobile  */
        @media screen and (max-width: 1034px) {
            .navigation_main_content_list li:hover ul {
                box-shadow: 0;
                position: relative;
                cursor: default;
                left: inherit;
                margin-left:0;
                /* experminetal */
                animation-name: example;
                animation-duration: infinite;
                /* terminate */
                opacity: 1;
                height: 0;
                z-index: 33;
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                background-color: #C62328;;
                box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
            }
        }

        .navigation_main_content_list li ul:hover {
            display: flex;
        }

        .navigation_main_content_list li ul li {
            display: flex;
            align-self: flex-start;
            margin-top: 15px;
            margin-bottom: 15px;
            margin-right: 50px;
            padding-top: 5px;
            /* padding-bottom: 10px; */
            max-height: 5px;
            /* margin-bottom: 10px; */
        }
        /* display: flex;
        align-self: flex-start;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 50px;
        height: 25px;
        padding-top: 5px;
        max-height: 25px; */

        .navigation_main_content_list li ul li a {
            margin: 0;
            padding: 0;
            display: flex;
            text-transform: none;
            max-height: 25px;
            height: 25px;
            font-weight: normal;
            font-family: 'Montserrat', sans-serif;
            font-size: 14px;
        }

        /* .navigation_main_content_list li ul a {
            display: none;
        } */

        .navigation_main_content_list li:hover {
            color: rgb(134, 131, 131);
            cursor: pointer;
        }

        .navigation_mobile_icon {
            width: auto;
            height: 30px;
            display: flex;
            align-self: center;
            font-size: 14px;
            padding: 0px;
            margin: 0px;
            color: var(--secondary-color);;
            display: none;
            border: 1px dashed var(--secondary-color);;
            position: absolute;
            right: 50px;
        }

        @media screen and (max-width: 1034px) {
            .navigation_mobile_icon {
                display: flex;
            }
        }
        .btn-danger {}
/*////////////////////////////////////////////////////////// FOOTER ///////////////////////////////////////////////////////////////////////////////*/

        #footer {
            width: 100%;
            margin: 0;
            padding: 0;
            height: auto;
            background-color: rgb(28, 28, 28);

            display: flex;
            justify-content: center;
            flex-direction: column;
            /* position: absolute; */
            /* bottom: 0; */
        }

        .footer-copyright {
            margin-top: 20px;
            margin-bottom: 20px;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .footer-container {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

        .row {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }

        .col-sm-12 {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

        .footer-logo {
            display: flex;
            align-self: center;
            color: var(--secondary-color);
            text-decoration-style: none;
            margin-right: 5px;
            margin-left: 5px;
            cursor: pointer;
            transition: color 0.15s;
            text-decoration: none;
        }

        .footer-logo:hover {
            color: #FFFFFF;
        }

        .footer-plaintext {
            margin: 7px;
            color: #FFFFFF;
            display: flex;
            font-size: 13px;
        }


.contact-container {
    /*background-color: rgba(200, 200, 200, 0.2);*/
    padding-top: 20px;
    padding-bottom: 75px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
} 
.page-id-428 .contact-container {
    background-color: #FFFFFF;
} 
.contact-container-form-container {
    display: flex;
    flex-direction: column;
    width: 60%;
	max-width: 670px;
    height: auto;
}
@media screen and (max-width: 720px) {
    .contact-container-form-container {
        margin-left: -50px;
    }
}
.contact-container-form-container div{
display: flex;
margin-top: 15px;
margin-bottom: 15px;
}
#formular-kontakt {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* //////////////////////// CONTACT FORM  ///////////////////////////////////////////////////// */
.form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    /*padding: 0 15px 0 15px;*/
    margin-bottom: 15px;
}
.form-group p .wpcf7-form-control-wrap .wpcf7-form-control {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.form-group p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
    margin-bottom: 5px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    color: rgba(112, 115, 113, 1);
}

.form-group p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label input {
    margin-top: 0px;
    top: 0px;
    width: 35px;
    min-width: 35px;
    height: 35px;
}

.form-group p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label span {
    font-size: 15px;
}


.form-group label {
    margin-bottom: 5px;
    font-size: 14px;
    color: rgba(112, 115, 113, 1);
}

.form-error {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0 15px 0 15px;
    margin-bottom: 15px;
}

.form-error label {
    margin-bottom: 5px;
    font-size: 14px;
    color: rgba(112, 115, 113, 1);
}

.form-success {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0 15px 0 15px;
    margin-bottom: 15px;
}

.form-success label {
    margin-bottom: 5px;
    font-size: 14px;
    color: rgba(112, 115, 113, 1);
}

/* //////////////////////// success  ///////////////////////////////////////////////////// */
.form-success input[type=text] {
    margin: 0;
    padding: 4px 15px 4px 15px;
    height: 25px;
    border-radius: 3px;
    font-size: 14px;
    border: none;
    color: rgba(112, 115, 113, 1);
	width: 90%;
    background-image: none;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    outline: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: rgba(112, 115, 113, 1);
    border: 1px solid rgba(17, 171, 12, 0.9);
    transition: border 0.2s;
}

.form-success input[type=text]:focus {
    border: 1px solid rgba(17, 171, 12, 1);
    color: rgba(112, 115, 113, 1);
    box-shadow: 2px 1px 1px rgba(17, 171, 12, 0.6);
    outline: none;
}

.form-success small {
    display: none;
}

.form-error i {
    position: absolute;
    margin-top: 29px;
    margin-left: 52%;
}


/* //////////////////////// error  ///////////////////////////////////////////////////// */

.form-error input[type=text] {
    margin: 0;
    padding: 4px 15px 4px 15px;
    height: 25px;
    border-radius: 3px;
    font-size: 14px;
	width: 90%;
    border: none;
    background-image: none;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    outline: none;
    color: rgba(112, 115, 113, 1);
    -moz-box-shadow: none;
    box-shadow: none;
    /* color: rgba(112, 115, 113, 1); */
    border: 1px solid rgba(204, 18, 49, 0.8);
    transition: border 0.2s;
}

.form-error input[type=text]:focus {
    border: 1px solid rgba(204, 18, 49, 1);
    color: rgba(112, 115, 113, 1);
    box-shadow: 1px 1px 1px rgba(204, 18, 49, 0.6);
    outline: none;
}

.form-error i {
    position: absolute;
    margin-top: 29px;
    margin-left: 50%;
}

/* //////////////////////// default  ///////////////////////////////////////////////////// */

.form-group input[type=text], .form-group input[type=email], .form-group input[type=tel] {
    margin: 0;
    padding: 4px 15px 4px 15px;
    height: 25px;
    border-radius: 3px;
    font-size: 14px;
    border: none;
	width: 90%;
    background-image: none;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    color: rgba(112, 115, 113, 1);
    outline: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /* color: rgba(112, 115, 113, 1); */
    border: 1px solid rgba(200, 200, 200, 0.8);
    transition: border 0.2s;
}

.form-group input[type=text]:focus, .form-group input[type=email]:focus, .form-group input[type=tel]:focus {
    border: 1px solid rgba(0, 0, 0, 0.8);
    color: rgba(112, 115, 113, 1);
    /* box-shadow: 1px 1px 1px rgba(204, 18, 49, 0.6); */
;
    outline: none;
}

.form-group small {
    display: none;
}

.form-error i {
    display: none;
}


.div.wpcf7 input[type="file"]  {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.6;
    letter-spacing: 1px;
    margin: 0 5px 0 25px;
    padding: 10px 22px;
    text-align: center;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    background-color: var(--default-theme-color);
    outline: none;
    width: 290px;
}

.div.wpcf7 input[type="file"]  {
    background-color: var(--button-color-hover);
}



/* //////////////////////// text area default  ///////////////////////////////////////////////////// */

.form-group textarea {
    margin: 0;
    /*padding: 10px 15px 4px 15px;*/
    /* height: 25px; */
    border-radius: 3px;
    font-size: 14px;
	width: 100%;
    border: none;
    background-image: none;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    outline: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: rgba(112, 115, 113, 1);
    border: 1px solid rgba(200, 200, 200, 0.8);
    transition: border 0.2s;
}

.form-group textarea:focus {
    border: 1px solid rgba(25, 25, 25, 1);
    color: rgba(112, 115, 113, 1);
    box-shadow: 3px 2px rgba(200, 200, 200, 0.4);
    outline: none;
}

/* //////////////////////// text area error  ///////////////////////////////////////////////////// */
.form-error textarea {
    margin: 0;
    padding: 10px 15px 4px 15px;
	width: 90%;
    border-radius: 3px;
    font-size: 14px;
    border: none;
    background-image: none;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    outline: none;
    color: rgba(112, 115, 113, 1);
    -moz-box-shadow: none;
    box-shadow: none;
    /* color: rgba(112, 115, 113, 1); */
    border: 1px solid rgba(204, 18, 49, 0.8);
    transition: border 0.2s;
}

.form-error textarea:focus {
    border: 1px solid rgba(204, 18, 49, 1);
    color: rgba(112, 115, 113, 1);
    box-shadow: 1px 1px 1px rgba(204, 18, 49, 0.6);
    outline: none;
}

.form-error small {
    color: rgba(204, 18, 49, 1);
    margin-top: 4px;
}

/* //////////////////////// text area success  ///////////////////////////////////////////////////// */
.form-success textarea {
    margin: 0;
    padding: 4px 15px 4px 15px;
    border-radius: 3px;
    font-size: 14px;
	width: 90%;
    border: none;
    color: rgba(112, 115, 113, 1);
    background-image: none;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    outline: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: rgba(112, 115, 113, 1);
    border: 1px solid rgba(17, 171, 12, 0.9);
    transition: border 0.2s;
}

.form-success textarea:focus {
    border: 1px solid rgba(17, 171, 12, 1);
    color: rgba(112, 115, 113, 1);
    box-shadow: 2px 1px 1px rgba(17, 171, 12, 0.6);
    outline: none;
}

/* //////////////////////// captcha  ///////////////////////////////////////////////////// */
.form-group .row {
    width: 80%;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
}

/* //////////////////////// submit  ///////////////////////////////////////////////////// */

.btn-primary {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.6;
    letter-spacing: 1px;
    margin: 0 5px 0 25px;
    padding: 10px 22px;
    text-align: center;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    background-color: var(--default-theme-color);
    outline: none;
}

.btn-primary:hover {
    background-color: var(--button-color-hover);
}

/*///////// SELECT  ///////////////////////////////////////////*/

        .wpcf7-form-control-wrap select {
            margin: 0;
            padding: 4px 15px 4px 15px;
            height: 40px;
            border-radius: 3px;
			width: 92%;
            font-size: 14px;
            border: none;
            background-image: none;
            background-color: #FFFFFF;
            -webkit-box-shadow: none;
            color: rgba(112, 115, 113, 1);
            outline: none;
            -moz-box-shadow: none;
            box-shadow: none;
            /* color: rgba(112, 115, 113, 1); */
            border: 1px solid rgba(200, 200, 200, 0.8);
            transition: border 0.2s;
        }

        /* Family tree */
@media screen and (min-width: 604px) {
    .family-tree-mobile {
        display: none;
    }
}

@media screen and (max-width: 605px) {
    .family-tree-pc {
        display: none;
    }
}

        /* //////////////////////// survey  ///////////////////////////////////////////////////// */
        .red {
            color: var(--default-theme-color);
            width: 100%;
            border-bottom: 1px solid rgba(157, 163, 158,0.4);
            padding-bottom: 20px;
        }
        .red i{
            
            font-weight: 900;
            margin-left: 8px;
        }
        .h-0{
            height: 0;
        }

        /* Back to top button */

.corner-icons:hover {
    background-color: #121212;
}

.corner-icons {
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    border-radius: 2px;
    width: 30px;
    display: inline-block;
    text-align: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    background: var(--default-theme-color);
    font-size: 10px;
    margin-left: 10px;
}

#corner-icon-wrapper {
    position: fixed;
    z-index: 100;
    height: 30px;
    bottom: -50px;
    width: 90px;
    right: 20px;
}


/* //////////////////////////////////////////// AGB,PRIVACY POLICY  ///////////////////////////////////////////////////// */



.agb-group{
    width: 1233px;
    margin-left: auto;
    margin-right: auto;
    /*min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;*/
}

@media screen and (max-width: 1305px) {
    .agb-group {
        width: 90%;
    }
}

.agb-main-title{
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #1c1c1c;
    font-size: 40px;
    letter-spacing: 0px;
    width: 80%;
    /*margin-left: 10%;
    margin-right: 10%;
    margin-top: 210px;*/
}

@media screen and (max-width: 550px) {
    .agb-main-title {
        font-size: 30px
    }
}

@media screen and (max-width: 412px) {
    .agb-main-title {
        font-size: 20px
    }
}

.agb-small-title{
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #1c1c1c;
    font-size: 24px;
    letter-spacing: 0px;
    width: 80%;
    /*margin-left: 10%;
    margin-right: 10%;*/
}
.agb-text{
    color: #7a7a7a;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: block;
    /*width: 80%;
    margin-left: 10%;
    margin-right: 10%;*/
    word-break: break-word;
}

/* //////////////////////////////////////////// COOKIE NOTIFICATION  ///////////////////////////////////////////////////// */

#cookie-notification {
    /* background-color: green; */
    position: fixed;
    bottom: 0;
    height: 150px;
    background-color: #FFFFFF;
    border-top: 10px solid var(--default-theme-color);
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 40px 0 40px;
    z-index: 150;
}

@media screen and (max-width: 1034px) {
    #cookie-notification {
        flex-direction: column;
        height: auto;
        padding: 0 0 0 30px;
    }
}

.cookie-text-column {
    height: 100%;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 959px) {
    .cookie-text-column {
        width: 90%;
    }
}

.cookie-text-column h2 {
    color: var(--default-theme-color);
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.cookie-text-row {
    margin-right: 75px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    justify-content: space-between;
}

@media screen and (max-width: 850px) {
    .cookie-text-row {
        flex-direction: column;

    }
}



.btn-primary {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.6;
    letter-spacing: 1px;
    margin: 0 5px 0 25px;
    padding: 10px 22px;
    text-align: center;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    background-color: var(--default-theme-color);
    outline: none;
}

.btn-primary:hover {
    background-color: var(--button-color-hover);
}


/* ///////////// BLOG & BLOG CARD ///////////////////////////////////////////////////////////////////////////////// */

.blog-card-container {
    width: 100%;
    height: auto;
    /* background-color: green; */
    display: flex;
    flex-direction: row;
    justify-content: center;
}

@media screen and (max-width: 820px) {
    .blog-card-container {
        flex-direction: column;
        justify-content: center;
    }
}

.blog-card-row {
    width: 976px;
    margin-left: 0.8%;
    margin-right: 0.8%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 40px;
    margin-bottom: 40px;
}

@media screen and (max-width: 1350px) {
    .blog-card-row {
        width: 690px;
    }
}

@media screen and (max-width: 820px) {
    .blog-card-row {
        width: 269px;
        display: flex;
        margin-left: 0;
        align-self: center;
        flex-direction: column;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.blog-card-container-real {

    width: 400px;
    max-width: 400px;
    text-decoration: none;
    text-decoration-style: none;
    transition: all 0.2;
    margin: 40px 40px 40px 40px;
}

@media screen and (max-width: 1350px) {
    .blog-card-container-real {
        width: 264px;
        max-width: 264px;
    }
}
@media screen and (max-width: 820px) {
    .blog-card-container-real {
        margin: 40px 0px 40px 0px;
    }
}

.blog-card-description-container {
    margin: -7px 0 0 0;
    padding: 10px 0 10px 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.blog-card-description-row {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 10px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    margin: 0;
    padding-top: 20px;
    flex-direction: column;
    align-items: flex-start;
}

.blog-card-read-more{
    color: var(--button-color);
}

.blog-card-description-row h2 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    /* padding: 5px 20px 5px 20px; */
}

.blog-card-description-row h3 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    /* padding: 5px 20px 5px 20px; */
}

.blog-card-description-row p {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    text-transform: none;
    margin: 0;
    /* padding: 5px 20px 5px 20px; */
}

.work {
    width: 100%;
    height: auto;
    min-height: 20px;
    display: flex;
    position: relative;
    flex-direction: column;
    /* background-color: green; */
    margin: 0;
    padding: 0;
    text-align: center;
    justify-content: flex-start;
}

.text-center {
    align-self: center;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    background-color: var(--default-theme-color);
    margin: 0;
    text-decoration: none;
    padding: 7px 0 7px 0;
    color: #FFFFFF;
    text-transform: uppercase;
}

@media screen and (max-width: 1350px) {
    .text-center {
        font-size: 14px;
    }
}

.blog-card-container-real .slika {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    overflow: hidden;
}

.blog-card-container-real .blog-card-read-more h3{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    margin-top: 3px;
}

@media screen and (max-width: 950px) {
    .blog-card-container-real .slika {
        height: 175px;
    }
}

.blog-card-container-real .slika img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.5s;
}

.blog-card-container-real:hover {
    cursor: pointer;
    /* box-shadow: rgba(0, 0, 0, 0.5) 3px 2px 14px 1px; */
}

#blog-category-picker {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}
#blog-category-picker a {
    color: #7A7A7A;
    text-decoration: none;
    margin-top: 10px;
}

#blog-category-picker a:hover {
    color: var(--default-theme-color);
}

.load-more-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* ///////////// BLOG ARTICLE PAGE  ///////////////////////////////////////////////////////////////////////////////// */

#single-blog-post.blog-card-description-container {
/*padding: 210px 0px 0px 0px;*/
display: flex;
flex-direction: column;
width: 100%;
justify-content: flex-start;
background-color: #FFFFFF;
height: auto;
min-height: 100vh;
margin-top: 40px;
}

#single-blog-post .blog-card-description-row{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Montserrat', sans-serif;
padding: 0;
width: 100%;
font-style: normal;
font-weight: normal;
font-size: 14px;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
color: #7A7A7A;
}

.blog-card-description-row.mt-0 {
  margin-bottom: 0px !important;
}

@media screen and (max-width: 950px) {
    #single-blog-post .blog-card-description-row {
        width: 90%;
        margin:20px auto 0 auto;
    }
}

#single-blog-post .blog-card-description-row h1{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
font-weight: bold;
font-size: 32px;
width: 800px;
text-align: left;
line-height: 40px;
text-transform: uppercase;
color: #000000;
margin: 0;
}

@media screen and (max-width: 950px) {
    #single-blog-post .blog-card-description-row h1 {
        width:100%;
    }
}

#single-blog-post .blog-card-description-row h2{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
font-weight: bold;
font-size: 24px;
width: 800px;
text-align: left;
line-height: 28px;
text-transform: uppercase;
color: #000000;
margin: 0;
}

@media screen and (max-width: 950px) {
    #single-blog-post .blog-card-description-row h2 {
        width:100%;
    }
}

#single-blog-post .blog-card-description-row a{
    text-decoration: none;
    color: #7A7A7A;
    font-family: 'Montserrat', sans-serif;
}

#single-blog-post .blog-main-content-wrapper a{
    color: var(--secondary-color)
}

#single-blog-post .blog-card-description-row .separator {
    color:var(--secondary-color);
}

#single-blog-post .blog-body-container {
    max-width:800px;
    width: 90vw;
    text-align: start;
}

#single-blog-post .blog-card-description-row p{
width: 800px;
color: #7A7A7A;
font-size: 15px;
margin: 7px 0 7px 0;
text-align: left;
line-height: 20px;
font-family: 'Montserrat', sans-serif;

}

@media screen and (max-width: 950px) {
    #single-blog-post .blog-card-description-row p {
        width:100%;
    }
}

#single-blog-post .blog-card-description-row .slika{
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.5s;
	margin-top: -20px !important;
}


/* / yes */

#single-blog-post .blog-card-description-row .slika img{
    display: flex;
    align-self: center;
    width: 800px;
    height: auto;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.5s;
}

@media screen and (max-width: 950px) {
    #single-blog-post .blog-card-description-row .slika img {
        width:100%;
    }
}


.pagination-single .pagination-single-inner{
    width: 800px;
    /*margin: 7px 0 7px 0;*/
    margin: 0 auto 0 auto;
    display: flex;
    justify-content: space-between;
    }
    
    @media screen and (max-width: 950px) {
        .pagination-single .pagination-single-inner{
            width:100%;
        }
    }

    @media screen and (max-width: 950px) {
        .previous-post{
            width: 40%;
            margin-left: 5%;
        }
        .next-post{
            width:40%;
            margin-right: 5px;
        }
    }


/*//////////////////////////// POPUP CONTACT US /////////////////////////////////////////// */

 .pum-overlay, .pum-overlay *, .pum-overlay :after, .pum-overlay :before, .pum-overlay:after, .pum-overlay:before {
    width: 100%;
    /* font-size: 15px; */
    /* font-weight: normal;    */
     /* font-family: 'Montserrat', sans-serif;  */
}

/*
.pum-overlay, .pum-overlay *, .pum-overlay :after, .pum-overlay :before, .pum-overlay:after, .pum-overlay:before i{
    font-family: "Font Awesome 5 Free";
}
.fas.fa-times{
width: 100%;
color: var(--default-theme-color);
font-family: "Font Awesome 5 Free";
}
.fas.fa-times i{
    width: 100%;
    color: var(--default-theme-color);
    font-family: "Font Awesome 5 Free";
    }
        */

#your-name{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: ltr;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}
#telefon{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}
#your-message{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
} 

/* .pum-theme-445 .pum-title, .pum-theme-reinigungen .pum-title {
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 );
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 36px;
} */

 .wpcf7-submit button{
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        line-height: 1.6;
        letter-spacing: 1px;
        margin: 0;
        padding: 10px 22px;
        text-align: center;
        box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
        -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
        -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
        -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
        -webkit-transition: all ease .3s;
        -moz-transition: all ease .3s;
        -o-transition: all ease .3s;
        -ms-transition: all ease .3s;
        transition: all ease .3s;
        background-color: var(--default-theme-color);
        outline: none;
}
.wpcf7-submit input[type=button], input[type=submit], input[type=reset] {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.6;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 22px;
    text-align: center;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    background-color: var(--button-color);
    outline: none;
  }
  .wpcf7-submit input[type=button], input[type=submit]:hover{
    background-color: var(--button-color-hover);
}   
.wpcf7-submit button:hover{
    background-color: var(--button-color-hover);
}  

/*//////////////////////////// FAMILY TREE ///////////////////////////////////////////////// */

.family-tree-title{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #1c1c1c;
    font-size: 35px;
}

.family-tree-pc{
width: 100%;
min-height: 50px;
margin: 70px auto 70px auto;
padding: 0;
max-width: 1245px;
}
.family-tree-pc img{
    width: 90%;
    height: 90%;
    margin-left: 5%;
}
/* @media screen and (max-width: 950px) {
    .family-tree-pc {
        display: none;
    }
} */

.family-tree-mobile{
    width: 100%;
    min-height: 50px;
    margin: 50px 0 50px 0;
    padding: 0;
}
.family-tree-mobile img {
    width: 90%;
    height: 90%;
    margin-left: 5%;
}

/* Big contact form */

.survey {
    overflow: hidden;
}

/*//////////////////////////// BACK TO TOP & COOKIE BUTTON ///////////////////////////////////////////////// */

#back-to-top{
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    border-radius: 2px;
    width: 50px;
    height: 40px;
    display: inline-block;
    text-align: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    background: var(--default-theme-color);
    font-size: 10px;
    margin-left: 10px;
}
#contact{
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    border-radius: 2px;
    width: 50px;
    height: 40px;
    display: inline-block;
    text-align: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    background: var(--default-theme-color);
    font-size: 10px;
    margin-left: 10px;
}
#corner-icon-wrapper{
    position: fixed;
    z-index: 100;
    height: 30px;
    bottom: -50px;
    width: 130px;
    right: 20px;
    display: flex;
    flex-direction: row;
}

#back-to-top i{
    font-weight: 900;
    font-size: 25px;
    margin-top: 7px;
}
#contact i {
    font-weight: 900;
    font-size: 25px;
    margin-top: 7px;
}





/*///////////////////////////// GENERAL ///////////////////////////////////////////// */

.rouge-title-center{
    width: 100%;
    text-align: center;
    font-size: 29px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #1c1c1c;
    padding-top: 60px;
    margin-bottom: 30px;
}

.family-tree-title{
    width: 100%;
    text-align: center;
    font-size: 29px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #1c1c1c;
    padding-top: 60px;
    margin-bottom: 30px;
} 

#agreement-links{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: auto;
    margin-bottom: 20px;
}
@media screen and (max-width: 393px) {
    #agreement-links{
        flex-direction: column;
        align-items: center;
    }
    #agreement-links > a:nth-child(1) {
        margin-bottom: 20px;
    }
}

#agreement-links a{
    text-decoration: none;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 15px;
    color: gray;
    font-family: 'Montserrat', sans-serif;
    transition: color 0.2s;
}

#agreement-links a:hover{
color: var(--default-theme-color);
}

.no-decoration {
    color: #7A7A7A;
    text-decoration: none;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.clear {
    clear: both;
}

.stylized-button {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    line-height: 1.6;
    letter-spacing: 1px;
    margin: 20px 0px 60px 0px;
    padding: 10px 22px;
    text-align: center;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    background-color: var(--button-color);
    outline: none;
    width: fit-content;
}

/* ------------------------------------THANK YOU PAGE -----------------------------------------*/
.thank-you-group h2 {
    color:#000000;
}

.thank-you-group h3 {
    color: #7A7A7A;
}