/*
 Theme Name:   Ippenburg Theme
 Description:  Das Ippenburg Theme
 Author:       Lars Badke
 Author URI:   https://www.larsbadke.com
 Version:      1.0
 Text Domain:  ippenburg-theme
*/

#menu-item-971.current-menu-item>a{
	color: #FFF!important;
}

html {

    margin: 0;
    padding: 0;
    background: lightgrey;
    font-family: 'Lato', sans-serif;
}


body {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #494747;
    letter-spacing: 0.03rem;
    background: white;
}

p{
    letter-spacing: 0.03rem;
}

.noscroll {
    height: 100%;
    position:fixed;
    overflow: hidden!important;
}

.scrollable{
    overflow-y: scroll!important;
}


h1,.h1,h2,h3,h4,h5,h5{
   font-weight: 400;
    color: #224a3e;
    font-family: 'mencken-std', sans-serif;
    /*letter-spacing: 0.1rem;*/
}

h1 a,h2 a,h3 a,h4 a,h5 a{
   color: inherit;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{
    color: inherit;
}

a {
    color: #224a3e;
    text-decoration: none;
}

a:focus, a:hover {
    color: #224a3e;
    text-decoration: underline;
    transition: 0.3s all;
}

h1,.h1{
    color: #224a3e;
    text-transform: uppercase;
    font-size: 36px;
}


h2{
    color: #224a3e;
    text-transform: uppercase;
    font-size: 28px;
}

h3{
    font-weight: 300;
    word-break: break-word;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    margin: 10px 0 20px 0;
}

h5{
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    color: #6d7c75;
    line-height: 30px;
    font-size: 16px;
}

.pam {
    padding: 15px;
}

.pointer {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.imp-footer-menu {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.imp-footer-menu li {
    display: inline-block;
    margin-right: 10px;
}


.pan, .ptn, .pvn {
    padding-top: 0px;
}

.pan, .prn, .phn {
    padding-right: 0px;
}

.pan, .pbn, .pvn {
    padding-bottom: 0px;
}

.pan, .pln, .phn {
    padding-left: 0px;
}

.pas, .pts, .pvs {
    padding-top: 10px;
}

.pas, .prs, .phs {
    padding-right: 10px;
}

.pas, .pbs, .pvs {
    padding-bottom: 10px;
}

.pas, .pls, .phs {
    padding-left: 10px;
}

.pam, .ptm, .pvm {
    padding-top: 20px;
}

.pam, .prm, .phm {
    padding-right: 20px;
}

.pam, .pbm, .pvm {
    padding-bottom: 20px;
}

.pam, .plm, .phm {
    padding-left: 20px;
}

.pal, .ptl, .pvl {
    padding-top: 40px;
}

.pal, .prl, .phl {
    padding-right: 40px;
}

.pal, .pbl, .pvl {
    padding-bottom: 40px;
}

.pal, .pll, .phl {
    padding-left: 40px;
}

.mas, .mts, .mvs {
    margin-top: 10px;
}

.mas, .mrs, .mhs {
    margin-right: 10px;
}

.mas, .mbs, .mvs {
    margin-bottom: 10px;
}

.mas, .mls, .mhs {
    margin-left: 10px;
}

.mam, .mtm, .mvm {
    margin-top: 20px;
}

.mam, .mrm, .mhm {
    margin-right: 20px;
}

.mam, .mbm, .mvm {
    margin-bottom: 20px;
}

.mam, .mbm, .mvm {
    margin-bottom: 20px;
}

.mam, .mlm, .mhm {
    margin-left: 20px;
}

.mal, .mtl, .mvl {
    margin-top: 40px;
}

.mal, .mrl, .mhl {
    margin-right: 40px;
}

.mal, .mbl, .mvl {
    margin-bottom: 40px;
}

.mal, .mll, .mhl {
    margin-left: 40px;
}

.uppercase {
    text-transform: uppercase;
}

/* -------------------------------------------- */
/* ----------------- HEADER ------------------- */
/* -------------------------------------------- */

header{
    background: #262728;
    color: #FFF;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
}

#second-header{
    text-align: center;
    padding: 160px 0 60px 0;
}

@media (max-width: 970px) {

    #second-header{
        padding: 130px 0 30px 0;
    }
}

#logo{
    display: inline-block;
    float: left;
    height: 58px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#logo img{
    height: 100%;
}

#main-header.scroll #logo{

}

.social-icons{
    float: right;
    margin-top: 22px;
}

.social-icons i{
    margin-left: 15px;
    font-size: 22px;
    color: #a07405;
}

.social-icons i:hover{
    color: #c58f06;
}


@media (max-width: 1200px) {

    .social-icons{
        margin-right: 30px;
    }


}

.custom-logo{
    height: 60px;
    width: auto;
}

#navBtn{
    float: right;
    display: none;
    font-size: 32px;
    padding: 15px 0;
}

#menu-header{
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding-top: 10px;
}

#menu-header li{
    display: inline-block;
    margin-left: 15px;
    text-transform: uppercase;
}

#menu-header >li:first-of-type{
    margin-left: 85px;
}

#main-header.scroll #menu-header >li:first-of-type{
    margin-left: 120px;
    transition: 1s all;
}


#menu-header li a{
    display: block;
    padding: 10px 0;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    transition: 1s all;
}

#menu-header li a:hover{
    color: #ce9507;
    transition: 0.3s all;
}

#menu-header li a.active{
    border-bottom: 3px solid #224a3e;
    color: #000;
    transition: 0.1s all;
}

#menu-header .current_page_item>a, #menu-header .current-menu-item>a, #menu-header .current-menu-parent>a{
    color: #ce9507;
}

/* SUB MENU */

#menu-header .sub-menu{
    display: none;
    position: absolute;
    z-index: 99999;
    top: 65px;
    background: #262728;
    margin: 0;
    padding: 0;
    padding-top: 20px;
}

#menu-header .sub-menu li{
    display: block;
    padding: 0;
    margin: 0;
}

#menu-header .sub-menu li>a{
    padding: 10px 20px;
    text-transform: none;
}

#main-header.scroll{

    /*background: rgba(0, 0, 0, 0.65);*/

    padding: 3px 0;
    transition: 1s all;
}

#main-header.scroll .sub-menu{
    /*background: rgba(0, 0, 0, 0.65);*/
}

#main-header.scroll li a{
    font-size: 14px;
    transition: 1s all;
}

#main-header.scroll .sub-menu{
    top: 50px;
}

@media (max-width: 1200px) {

    .social-icons {
        margin-top: 18px;
    }

    #menu-header li{
        margin-left: 10px;
    }

    #menu-header li a{
        font-size: 14px;
    }

    #menu-header li:first-of-type{
        margin-left: 0px!important;
    }

    #navBtn{
        display: block;

    }

    .custom-logo{
        height: 40px;
    }

    .menu-header-container{
        display: none;
    }

    #menu-header{

        float: none;
        display: block;
        margin: 0;
        padding-top: 75px;
    }


    #menu-header li{
        display: block;
        margin-left: 0;
    }

    #menu-header li a{
        padding: 4px 0;
    }

    #menu-header .sub-menu li>a {
        padding: 4px 20px;
        text-transform: none;
    }

    #menu-header .sub-menu{

        position: static;
        padding-top: 0;
    }

    #menu-header .current_page_item .sub-menu, #menu-header .current_page_parent .sub-menu{
        display: block;
    }

}

#sidebar ul {
    margin: 0;
    padding: 0;
}

#sidebar .widget-title, #sidebar-blog .widget-title{
    background: #6f7c75;
    padding: 10px 20px;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 20px;
}


#sidebar-blog .screen-reader-text{
    display: none;
}

#sidebar-blog #searchform{
    margin-top: 20px;
}



#sidebar-blog #searchform #s{
    height: 35px;
    width: 240px;
}

#sidebar-blog #searchform #searchsubmit{
    height: 35px;
    vertical-align: top;
    border-radius: 3px;
    color: #FFF;
    background-color: #cea525;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    border: 1px solid #DADADA;
    padding: 8px 12px;
    cursor: pointer;
}

#sidebar-blog #searchform #searchsubmit:hover{
    background-color: #9a7918;
}


#sidebar-blog select{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



#sidebar img{
    width: 100%;
 }

#sidebar #gallery-1 .gallery-item{
    width: 33.33%;
    margin-top: 0;
    margin-bottom: 0;
}

#sidebar .gallery-item img{
    height: auto;
    border: 2px solid transparent;
}

     /* -------------------------------------------- */
/* --------------- GENERALLY ------------------ */
/* -------------------------------------------- */

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.big-gutter > [class*='col-'] {
    padding-right:30px;
    padding-left:30px;
}

ul.brand{
    padding-left: 15px;
    list-style-type: none;
}

ul.brand li:before {
    content: "•";
    color: #3f772f;
    display: inline-block; width: 1em;
    margin-left: -1em
}



.col-gray-left{
    background: #ececec;
    border-radius: 0 5px 5px 0;
}

.col-gray-right{
    background: #ececec;
    border-radius: 5px 0 0 5px;
}

@media (min-width: 992px) {
    .equal {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

}


.right-col{
    max-width: 660px
}

section {
    background: #FFF;
    padding: 10px 0 40px 0;
}



section h2 {
    text-align: right;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
}

@media (max-width: 992px) {

    section h2 {
        text-align: left;
        padding: 10px 0;
    }

}

section h3 {
    font-size: 34px;
    line-height: 32px;
}

section h5 {
    font-size: 24px;
    margin-bottom: 20px;
}

section hr{
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
}

section .accordion-btn{
    float: right;
    margin-right: 15px;
    margin-top: 5px;
    cursor: pointer;
    font-size: 42px;
}

section .accordion h3{
    cursor: pointer;
    margin-top: 0;
    line-height: 36px;
}

section .accordion{
    padding: 30px 0;

}

section ul{
    padding-left: 15px;
    list-style-type: none;
}

section li:before {
    content: "•";
    display: inline-block; width: 1em;
    margin-left: -1em
}

section.green h2, section.green h3, section.green h5, section.green .accordion-btn, section.green li:before{
    color: #3f772c;
}

section.green hr{
    border-top: 4px solid #3f772c;
}

section.red h2, section.red h3, section.red h5, section.red .accordion-btn, section.red li:before{
    color: #e45f50;
}

section.red hr{
    border-top: 4px solid #e45f50;
}


section.orange h2, section.orange h3, section.orange h5, section.orange .accordion-btn, section.orange li:before{
    color: #e68620;
}

section.orange hr{
    border-top: 4px solid #e68620;
}

section.purple h2, section.purple h3, section.purple h5, section.purple .accordion-btn, section.purple li:before{
    color: #a05b59;
}

section.purple hr{
    border-top: 4px solid #a05b59;
}




/* -------------------------------------------- */
/* ----------- DIE TECHNOLOGIE ---------------- */
/* -------------------------------------------- */


section#die_technologie{
    background: #32669f;
    color: #FFF;
    padding: 0;
}

section#die_technologie h2{
    line-height: 48px;
    font-size: 34px;
    margin-bottom: 60px;
}
section#die_technologie .content-row{
    text-align: right;
}



section#die_technologie .content{
    max-width: 400px;
    float: right;
    font-size: 18px;
}

section#die_technologie h2>span.black{
    color: #081522;
}

@media (max-width: 992px) {

    section#die_technologie .content-row{
        text-align: left;
    }


    section#die_technologie .content{
        max-width: 400px;
        float: none;
        font-size: 18px;
    }

}

/* -------------------------------------------- */
/* ----------- LÖSUNGS-MODULE ----------------- */
/* -------------------------------------------- */


section#die_loesungs_module{
    background: #8bbdc6;
    color: #4d6571;
    padding: 30px 0 60px 0;
    margin-top: 20px;
}

section#die_loesungs_module h2{
    text-align: left;
    line-height: 48px;
    font-size: 32px;
    margin-bottom: 40px;
    color: white;

}

section#die_loesungs_module .content{
    max-width: 600px;
    font-size: 18px;
    color: #4d6571;
}

section#die_loesungs_module h2>span.black{
    color: #272727;
}

section#die_loesungs_module img {
    max-width: 500px;
    margin: 100px 0;
    width: 100%;
}

@media (max-width: 992px) {

    section#die_loesungs_module img {

        margin: 40px 0;
    }

    section#die_loesungs_module .content{
        max-width: none;

    }
}

/* -------------------------------------------- */
/* ---------------- MODULE -------------------- */
/* -------------------------------------------- */

section.module{
    background: #FFF;
    color: #537e87;
    padding: 0;
}

section.module .content_col_left{
    float: right;
    max-width: 550px;
    padding: 60px 0;
}

section.module .content_col_right{
    max-width: 550px;
    padding: 60px 0;
}

section.module .colored_bg{
    background: #eff7f9;
}

section.module h2{
    text-align: left;
    line-height: 48px;
    font-size: 32px;
    margin: 0 0 20px 0;
    color: #177381;
}

section.module h3{
    text-align: left;
    line-height: 36px;
    font-size: 30px;
    margin-bottom: 40px;
    color: #434343;
}

section.module img {
    max-width: 500px;
    margin: 150px 0;
    width: 100%;
}

@media (max-width: 992px) {

    section.module .content_col_left{
        float: none;
        max-width: none;
        padding: 60px 0;
    }

    section.module .content_col_left h2, section.module .content_col_right h2{
        margin-top: 0;
    }

    section.module .content_col_right{
        max-width: none;
        padding: 60px 0;
    }

}


/* -------------------------------------------- */
/* --------- ENTWICKLUNGSPARTNER -------------- */
/* -------------------------------------------- */


section#ueber_uns{
    margin: 20px 0;
    color: white;
    text-align: left;


}

section#ueber_uns .first-col{
    text-align: right;
    color: black;
}

section#ueber_uns img{

    width: 175px;
    /*float: right;*/
    margin: 5px;
}
section#ueber_uns .heading{
    color: #000;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 28px;
    color: white;
}



section#ueber_uns .col{
    background: #e45f50;
    border-radius: 5px 0 0 5px;
    padding: 40px 40px 150px 40px;
}

section#ueber_uns h2 {
    text-transform: uppercase;
    font-size: 28px;
    margin-top: 60px;
    margin-bottom: 10px;
}


section#ueber_uns h3 {
    color: #e45f50;
    text-transform: uppercase;
    font-size: 28px;
}

section#ueber_uns .mehr_logo{
    width: 100%;
    max-width: 350px;
    /*display: block;*/
}

section#ueber_uns #mehr_logo_2{
    padding-top: 30px;
}

section#ueber_uns .content_col_right{

    max-width: 550px;
}


@media (max-width: 992px) {

    section#ueber_uns{
        text-align: left;
    }

    section#ueber_uns .col{
        border-radius: 0;
    }

    section#ueber_uns h2 {

         margin-top: 30px;
     }

    section#ueber_uns .content_col_right{

        max-width: none;
    }

    section#ueber_uns img{

    }
    section#ueber_uns .first-col{
        text-align: left;
    }
    /*section#ueber_uns h2{*/
        /*font-size: 28px;*/
    /*}*/

}

/* -------------------------------------------- */
/* ---------------- KONTAKT ------------------- */
/* -------------------------------------------- */

section#kontakt h3 {

    color: #224a3e;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 28px;
}

section#kontakt a {

    color: inherit;
}

section#kontakt .brand-color {

    color: #224a3e;
}

section#kontakt h4 {

    color: #224a3e;
    margin-bottom: 40px;
    font-size: 20px;
}

.wpcf7-form-control{

    padding-left: 15px;
    background: #f7f7f7;
    border: 1px solid gray;
    width: 100%;
}

.wpcf7-text{

    height: 40px;
}
.wpcf7-textarea{

    padding-top: 7px;
}

.wpcf7-submit{

    color: #FFF;
    padding: 5px 15px;
    background: #224a3e;
    width: auto;
}



footer#main-footer{
    background: lightgrey;
    color: #666;
    padding: 20px 0 80px 0
}


.menu-footer-container{
    float: right;
}

.menu-footer-container a{
    color: #666;
}

@media (max-width: 970px) {

    .menu-footer-container{
        float: none;
        margin-bottom: 15px;
    }

}

.multiple-items img{
    width: 100%;
}
.slick-slide{
    position: relative;

}
.multiple-items>div{
    position: relative;
}

.multiple-items .title {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -15px;
    width: 300px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 10px 10px;
    text-align: center;
}

.multiple-items .title>span{
    border: 1px solid white;
    display: block;
    font-weight: 400;
    font-family: 'mencken-std', sans-serif;
}

.slick-dots li button:before {
    font-size: 18px;
}

.slick-dotted.slick-slider {
    margin-bottom: 60px;
}
.slick-dots{
    bottom: -40px;
}

.blog-heading{
    color: #204a3e;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 50px;
    font-weight: 400;
    font-family: 'mencken-std', sans-serif;
    text-align: center;
    line-height: 54px;
    background: #dbdbdb;
}

.post {
    margin-top: 80px;
}

.post:first-of-type{
    margin-top: 0;
}

#sidebar .lb-gallery-2 a {
    width: 32.6666666%;
    margin-right: 1%!important;
    float: left;

}

#sidebar .lb-gallery-2 a>img {
    width: 100%;

}


#sidebar .lb-gallery-2 a.last-of-type {

    margin-right: 0!important;

}


section#intro .labels {
    position: absolute;
    right: 50px;
    bottom: 20px;
    min-width: 250px;
    z-index: 99;
}

.lb-label {
    background: #6f7c75;
    padding: 8px 15px;
    width: 100%;
    color: #FFF;
    margin-bottom: 20px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 300;
    font-size: 14px;
}

.lb-label a{
    color: #a07405;
}

.lb-label:hover {
    transition: all 0.3s;
    color: #ce9507;
}

.lb-label i{
    font-size: 22px;
}

@media (max-width: 970px) {
	.lb-label {
    font-size: 13px;

}
	.lb-label {
   
    margin-bottom: 10px;
    
}
	.lb-label i{
    font-size: 20px;

}
}


.lb-button {
    cursor: pointer;
    display: inline-block;
    background: #6f7c75;
    padding: 8px 15px;
    color: #FFF;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
}

.lb-button a{
    color: #a07405;
}

.lb-button:hover {
    transition: all 0.3s;
    color: #ce9507;
    text-decoration: none;
}

.lb-button i{
    font-size: 22px;
}

@media (max-width: 970px) {
	
	.lb-button {
   font-size: 14px;
}
.lb-button i{
    font-size: 20px;

}
    section#intro .labels {
        position: absolute;
        right: 10px;
        top: 20px;
        min-width: 250px;
    }

    h1{
        font-size: 24px;
    }
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured {
    background: #224a3e;

}

.tribe-events-notices {
    display: none;
}

.tribe-events-list .tribe-events-loop .tribe-event-featured {
    background: #224a3e;
}

.tribe-events-page-title{
	font-weight:400;
}

.related, .product_meta{
    display: none
}

.products .post-3671, .products .post-3670{
    display: none
}

/*#wpadminbar{*/
/*    bottom: 0;*/
/*    top: unset;*/
/*}*/

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}

.garden-link:hover{
    text-decoration: none;
}

.garden-link p{
    color: #212529;
    margin: 0;
}

@media (hover: none) {
    .showMoreMobile{
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 100px;
        height: 100px;
        background: url('/wp-content/themes/ippenburg/images/icon-lupe.png');
        background-size: 75px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0,0.7);
        border-radius: 3px;
        padding: 10px;
        cursor: pointer;
    }
}

a[href^="tel:"] {

  color: white;
}

#CookieBoxSaveButton{
	display: none!important;
}

.slick-next, .slick-prev{
    width: 40px!important;
    height: 40px!important;
    -webkit-transform: translate(0,-25%)!important;
    -ms-transform: translate(0,-25%)!important;
    transform: translate(0,-25%)!important;

}