@charset "UTF-8";/*!
Theme Name: Monstroid2 Child
Theme URI: http://www.templatemonster.com/wordpress-themes.php
Author: Template Monster
Author URI: http://www.templatemonster.com/
Description: Monstroid2 - truely multipurpose WordPress theme for real life projects. Built with love and care by TemplateMonster.
Template: monstroid2
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: monstroid2-child
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, grid-layout, custom-header, custom-logo, footer-widgets, flexible-header, blog
DocumentationID: monstroid_2

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Monstroid2 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/



/* ----------------------------------------------  Allgemein ------------------------ */

*{
    scroll-margin-top:72.5px;
    scroll-behavior:smooth;
}

h1,h2,h3,h4,h5,h6,p{
    font-family: 'DejaVU Sans', sans-serif!important;
}
.entry-title{
    display:none!important;
}
h1,h2,h3,h4,h5,h6{
    text-transform: uppercase;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .not-found .page-title {
    color: inherit!important;
}
a:hover {
    color: #ff6600!important;
}

h1{
    color: white;
    text-align:center;
    font-size: 2em!important;
    margin: -20px 0 0px 0!important;
    font-family: 'Dejavu Sans','lato',sans-serif!important;
}
h2#first-title{
    color: white;
    text-align:center;
    font-size: 2em!important;
    margin: -20px 0 0px 0!important;
    font-family: 'Dejavu Sans','lato',sans-serif!important;
    font-weight:500;
}
#tm_builder_outer_content .tm_pb_slide_description h2 {
    line-height: 1.1em;
    padding-bottom: 0px;
}
#tm_builder_outer_content .tm_pb_pricing.tm_pb_module .tm_pb_pricing_content ul.tm_pb_pricing li {
    padding-left: 30px!important;

}
h1.unterseite{
    color: #ff6600;
    font-weight: 500;
}
h1.unterseite span{
    color: #333;
    font-weight: 100;
    text-transform: none;
}
h1.topline{
    font-size: 0.7em!important;
    font-weight: 300;
    margin-bottom: 30px!important;
    font-family: lato,sans-serif;
}

.subline{
	font-family: 'lato',sans-serif; 
    font-size: 1.2em;
    line-height: 1.2em!important;
    text-transform: none;
    margin-top: 10px;
}
h2{
    /*
    margin: -20px 0 0px 0;
    font-family: lato;
    font-weight: 600;
    */
    font-size: 36px;
    margin: 0 0 50px 0;
}
.titelbild h2{
    font-size:46px;
}

h3{
    font-size:30px!important;
    color:#ff6600!important;
    font-weight:300;
}
h3 span{
    color:#333!important;;
}

h3+h4 {
    margin-top: -20px;
}
h4 {
    font-size: 18px;
}

a#toTop{
    color:#ffffff;
}


header .header-container .container{
    max-width:95%!important;
}

.header-container{
    padding: 35px 0;
}

/*
.main-navigation .menu > li.current_page_item > a,.main-navigation .menu > li.current-menu-item > a{
    color:#eee!important
}
*/


.isStuck.header-container.menu-and-logo-only-sticky-target.invert, .isStuck.header-container.menu-and-logo-only-sticky-target.invert.transparent {
    background-color: white;
}
/*
.isStuck .main-navigation > .menu > li > a{
    color:#333!important;
}
*/
.isStuck.header-container.menu-and-logo-only-sticky-target.invert .site-link__img {
    width: 40%;
}

.header-container.isStuck a {
    color: #555 !important;
}

.site-link__img {
    width: 70%;
}

.grey-background {
    background-color: #222;
    padding: 10px 20px;
    margin: 5px 0;
    line-height: 2em;
    color: white;
    font-weight: 700;
    font-family: sans-serif;
    text-transform: uppercase;
}

.orange-background {
    background-color: #ff6600;
    padding: 10px 20px;
    margin: 5px 0;
    line-height: 2em;
    color: white;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.umbruch1 {
    padding-right: 0;
}
.umbruch2 {
    padding-left: 0;
}
.site-header.default .header-container::after, .site-header.style-4 .header-container::after {
    border-bottom: none
}

.wp-picker-holder{
    display:none;
}

#tm_builder_outer_content .tm_parallax_bg {
    background-size: auto;
}

#tm_builder_outer_content .tm_pb_button.tm_pb_more_button:hover {
    background-color: transparent!important;
    border-color: #ff6600!important;
    color: #ff6600;
    border-radius: 5px;
}

#unsere-leistungen {
    padding: 400px 0;
}



.invert .contact-information-widget .icon {
    color: #ff6600!important;
}

.header-elements-wrap .contact-block__icon {
    color: #ff6600!important;
}

.main-navigation .menu > li.current_page_item > a:hover{
    color:#ff6600!important;
}

.header-elements-wrap span {
    color: #fff;
}
.invert .header-elements-wrap span {
    color: #333;
}
.invert .header-elements-wrap a {
    color: #333;
}
.main-navigation .sub-menu>li>a{
    color:#333;
}

.site-header.style-2 .header-container__bottom:before{
    border-top: 1px solid #fff;
}

.site-header.style-2 .header-container.invert .header-container__bottom:before {
    border-color: #ff6600;
}
#titelbild-referenzen .tm_parallax_bg{
    transform: translate(0px, 250px);
}

.invert .site-header.style-2 .header-container__bottom:before {
    border-top: 1px solid #ff6600;
}

.web-einleitung .tm_parallax_bg {
    background-position: top right !important;
}

 .main-navigation .menu > li.current_page_item > a,.main-navigation .menu > li.current-menu-item > a{
        color:#ff6600!important;
    } 
.invert .main-navigation.mobile-menu .menu > li.current-menu-item > a{
    color:#ff6600!important;
}


/* ----------------------------------------------  Footer  --------------------------- */

.footer-container ul li a {
    color: white!important;
}
.footer-menu__items li a:hover {
    color: #333!important;
}
.footer-copyright{
    color:white;
}
footer li {
    color: white;
}

footer .sub-menu {
    display: none;
}

/* ----------------------------------------------  Kontaktformular  ------------------ */

#tm_builder_outer_content .cf-success-message {
    background: #ff6600;
    display: block;
}



/* ----------------------------------------------  Was wir gestalten ------------------------ */


.kasten-weiss .tm_pb_slide_description{
    display: flex;
    height: 100vh;
    align-items: center;
}
.kasten-weiss .tm_pb_slide_description_inner{
    background-color: rgba(255,255,255,0.9);
    margin: auto;
    color: #444!important;
    padding: 60px;
    max-width: 550px;
    border: 1px solid #efefef;
}
.kasten-weiss .tm_pb_slide_content h1, .kasten-weiss .tm_pb_slide_content h2, .kasten-weiss .tm_pb_slide_content h3, .kasten-weiss .tm_pb_slide_content p{
    color:#444!important;
}

.kasten-weiss .tm_pb_slide_description_inner .tm_pb_more_button{
    margin-top:15px!important;
}

/* -----------------------------------------  Print ----------------------- */

    #einleitungsbild .tm_parallax_bg{
        background-position:top right!important;
    }


/* ----------------------------------------------  Referenzen  ------------------ */

/* ---------------------------------  Beitrag/Tab  ------- */

.tm_pb_all_tabs .tab-content img {
    border: 1px solid #eee!important;
}

#tm_builder_outer_content .tm_pb_module .tm_pb_button:hover {
    background-color: transparent !important;
    border-color: #ff6600 !important;
    color: #ff6600;
    border-radius: 5px;
}

    .mobile-panel img {
        height: 20px;
    }


/* ----------------------------------------------  Size Smartphone ------------------ */

@media screen and (max-width:1790px){
    h1{
        font-size: 200% !important;
    }
}

@media (min-width: 1300px) {
    .site .container {
        max-width: 1400px!important;
    }
}


@media screen and (max-width:974px){
    h2{
        font-size: 1.4em!important;
        /* line-height: 2.2em !important; */
    }
}

@media screen and (max-width:800px){
    h1{
        text-align:center!important;
    }
    .tm_pb_button_module_wrapper.tm_pb_module{
        text-align:center!important;
    }
    
    .tm_pb_column.tm_pb_builder #tm_builder_outer_content .tm_pb_text_0 {
    margin-bottom: 20px !important;
    }
    .menu-toggle .menu-toggle-inner, .menu-toggle .menu-toggle-inner:before, .menu-toggle .menu-toggle-inner:after {
    background-color: #ff6600!important;
}
    
    .main-navigation .menu > li > a, .invert .main-navigation.vertical-menu .menu > li > a, .invert .main-navigation .menu.isStuck > li > a, .invert .main-navigation.mobile-menu .menu > li > a {
    color: #333!important;
    }
    .main-navigation .menu > li > a:hover{
        color: #ff6600!important;
    }
    .main-navigation .menu li .sub-menu-toggle{
        color:#333!important;
    }
   
}

@media (max-width:767px){

    .mobile-panel a{
        display:flex;
        align-items: center;
        padding:0;
    }
    .header-container img{
        display:none;
    }
    /*
    .tm_pb_slide_description{
        padding-bottom:0%!important;
    }
    .tm_pb_container {
        min-height:300px!important;
    }
    */
    

}


@media screen and (max-width:610px){
    h1{
        font-size:1.1em!important;
        font-family: 'Dejavu Sans','lato',sans-serif!important;
        margin-bottom:10px!important;

    }
     h1.unterseite{
        margin-top: -50px !important;
    }
   h2 {
    font-size: 0.8em !important;
    line-height: 3em !important;
    margin-bottom: 40px;
    }    
    h2#first-title {
    color: white;
    text-align: center;
    line-height: 1.2em!important;
    font-size: 1.2em!important;
    margin: -20px 0 0px 0!important;
    font-family: 'Dejavu Sans','lato',sans-serif!important;
    font-weight: 500;
}
    
    h1.topline {
    font-size: 0.5em!important;
    line-height: 1.3em;
    }
    p.topline {
    font-size: 0.7em!important;
}
    
    .subline{
        line-height: 1.2em;
        margin-bottom: 10px;
        margin-top: 70px;
        font-size: 0.6em!important;
    }
    .isStuck.header-container.menu-and-logo-only-sticky-target.invert, .isStuck.header-container.menu-and-logo-only-sticky-target.invert.transparent {
    background-color: transparent;
}
    .tm_pb_column{
        margin: 0 0 40px 0;
    }
    
    .site-link__img {
        width: 170px!important;
        max-width: unset;
        display:none;
    }
    
    
/* ----------------------------------------------  Startseite ------------------------ */

    
    .startseite .tm_parallax_bg{
        transform: translate(0px, -100px)!important;
        background-size: 640px!important;
    }
    .startseite .subline {
        color:#444;
        margin-bottom: 10px!important;
        margin-top:130px!important;
    }
    .startseite .tm_pb_slide_description{
        padding-top: 70px!important;
        padding-bottom: 50px;
        padding-right: 0;
        padding-left: 0;
    }
    
    h2{
        word-break: normal!important;
    }
    .corporate-design .tm_parallax_bg {
        background-size: 220%!important;
        background-position-x: 0px!important;
    }
    
    #bisherige-kunden .row>.tm_pb_column_1_4 {
        max-width: 50%!important;
    }
    
/* ----------------------------------------------  Was wir gestalten ------------------------ */

    #titelbild .tm_parallax_bg{
        background-position-x: -150px!important;
    }
    
    #einleitungsbild .tm_parallax_bg {
        background-size: contain!important;
    }
    
    
/* -----------------------------------------  Web ----------------------- */
    
    
    .kasten-weiss .tm_pb_slide_description_inner{
        padding: 30px;
    }
    .kasten-weiss .tm_pb_slide_description_inner .subline{
            margin-top:0;
        }    
    
    .web-einleitung .tm_parallax_bg {
    background-size: contain!important;
    }
    
    #kostenloses-probelayout .tm_parallax_bg{
        background-size: 160%!important;
        background-position-x: -150px!important;
    }
    
    .kasten-weiss .tm_pb_slide_description {
        height: 80vh!important;
    }

    
    
/* -----------------------------------------  Foto ----------------------- */

    #titelbild .tm_parallax_bg{
        background-position-x: -150px!important;
    }
    

    
/* ----------------------------------------------------------------------------   Menü   ----------------------------------------- */


.site-header:not(.style-5) .header-container.transparent {
    position: absolute;
    top: 58px!important;
    z-index: 999!important;
    margin-left: 100px!important;
}
.header-container {
    padding: 0!important;
}

 
    
    
    
    #tm_builder_outer_content .tm_parallax_bg {
    background-size: cover;
    }
  
    #tm_builder_outer_content .tm_pb_section {
    background-position: inherit;
    background-size: contain;
    }
    .tm_pb_column tm_pb_column_3_4.tm_pb_column_0.col-xs-12 col-sm-12.col-md-6.col-lg-9.col-xl-9.tm_pb_vertical_alligment_start{
        margin-bottom:0;
    }

        #unsere-leistungen{
        padding:0;
    }
    #unsere-leistungen h2{
        text-align: right;
    }
    #unsere-leistungen{
        background-position: top!important;
        background-size:cover!important;
    }
    #unsere-leistungen .tm_pb_button_module_wrapper{
        text-align: right!important;
    }
    
    #site-navigation{
        margin-top:59px;
    }
    
 }