/*
Theme Name: Asuco
Theme URI: https://doriat.de
Author: D ING Daten- und Ingenieurlösungen Martin Doriat
Author URI: https://doriat.de
Description:
Version: 1.0.0
Text Domain: asuco
*/

body, html {
    margin:0;
    padding:0;
    width:100%;
    font-family: 'acumin-pro-condensed', Arial, sans-serif;
}

body {
    position:relative;
}

body, html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.home {
    /*background:#ececec;*/
}

body.blog #content a.read-more {
    padding:3px 7px 3px 7px;
    background:#003267;
    color:#ffffff;
    text-decoration:none;
}

body.blog #content img.wp-post-image {
    float:left;
    display:inline-block;
    margin:0 20px 20px 0;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.clear {
    clear:both;
}

.post-taxonomies {
    display:none;
}

.zentriert {
    max-width:1100px;
    margin:0 auto;
}

    .gf_zentriert {
        justify-content: center;
    }

    #content .gf_zentriert .wp-block-image a {
        padding:0;
    }

    #content .gf_zentriert .wp-block-column:not(:first-child) {
        margin-left: 4em;
    }

#content .dmlinkbreak a {
    white-space: normal;
}

@media (max-width: 599px) {
    #content .gf_zentriert .wp-block-column:not(:first-child) {
        margin-left: 0;
    }
}

.button {
    display:block;
    width:100%;
    /*text-align:right;*/
    padding:10px 20px 10px 20px;
    color:#cb9100;
    /*text-transform:uppercase;*/
    text-decoration:none;
    font-size:16px;
    font-weight:700;
}

.is-style-hinweis {
    margin-top:50px;
}

    .is-style-hinweis p:first-child, .is-style-hinweis h3:first-child, .is-style-hinweis h2:first-child {
        padding-top:0px;
        margin-top:0px;
    }

    .is-style-hinweis p:last-child {
        padding-bottom:0px;
        margin-bottom:0px;
    }

/* Wordpress Formatierungen */
.alignright {
    float: right;
    margin: .5em 0 .5em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em .5em 0;
}

.aligncenter {
    margin: 0 auto;
}

.wp-block-image img {
    height:auto;
}

.sgpb-popup-builder-content-html .wp-block-pullquote {
    padding-bottom:10px;
}

.sgpb-popup-builder-content-html blockquote {
    color:#ffffff;
    font-style: italic;
    font-weight: normal;
    background:#C98F22;
}

    .sgpb-popup-builder-content-html blockquote p {
        font-size:16px;
        color:#ffffff;
        font-weight:normal;
    }

#content .wp-block-image a, #content .wp-block-image a:hover {
    background:none;
}

#content .sg-popup-content {
    width:auto;
    margin: 0 20px 0 20px;
}

/* END Wordpress Formatierungen */

section {
    width:100%;
}

section#bottom {
    width:100%;
    height:100px;
    background:#282425;
    display:block;
}

.home section#slider {
    padding-top:103px;
}
.home section#header {
    position: fixed;
    top:0px;
    left:0px;
    z-index:10000;
}

.home section#bottom {
    /*position:absolute;
    bottom:0px;
    left:0px;*/
    width:100%;
    height:80px;
    background:#404040;
    display:block;
}

    #header {
        background:#ffffff;
        -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.7);
        box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.7);
    }

        #logo {
            margin: 0;
            width:200px;
            height:103px;
            padding:25px 0 25px 0;
            display:block;
            float:left;
        }

            #logo a img {
                display:block;
            }

        #hauptnavigation {
            height:103px;
            width:calc(100% - 200px);
            background:#ffffff;
            padding:25px 0 25px 0;
            float:right;
        }

            .mega-menu-item.mega-menu-item-122:last-child a {
                background:none!important;
                padding-right: 0px!important;
            }

                .mega-menu-item ul.mega-sub-menu a {
                    background:none!important;
                }

                li.mega-toggle-on > a, li.mega-current_page_item > a, li.mega-current-page-ancestor > a {
                    color:#cb9100!important;
                }

/* Megamenu Speed Submenu */
#mega-menu-wrap-top-navi #mega-menu-top-navi {
    /*overflow:hidden;*/
}

#mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity 100ms ease-in, transform 100ms ease-in, visibility 100ms ease-in!important;
}

#mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
    transform: translate(0, 0);
}
#mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    transform: translate(0, 10px);
    transition: transform 100ms ease-in, visibility 100ms ease-in!important;
}
#mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-top-navi #mega-menu-top-navi[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    transform: translate(0, 0);
}
/* END Megamenu Speed Submenu */

/* Side-Navi */
#dmNestedSide li {
    display: none;
}

#dmNestedSide .current-page-ancestor,
#dmNestedSide .current-page-ancestor li,
#dmNestedSide .current_page_item,
#dmNestedSide .current_page_item li,
#dmNestedSide .current-menu-ancestor,
#dmNestedSide .current-menu-parent,
#dmNestedSide .current-menu-ancestor .sub-menu li,
#dmNestedSide .current-menu-parent .sub-menu li
{
display: block;
}



@media only screen and (max-width: 10000px) {
    #mega-menu-wrap-side-navi .mega-menu-toggle + #mega-menu-side-navi {
        background:#003267;
    }

    #sidenavigation {
        position:fixed;
        right:0;
        /*top:60px;*/
        top:103px;
        width:390px;
        /*display:none;*/
        display:block;
        z-index:20000;
        moz-box-shadow: 0px 0px 5px 3px #ccc;
        -webkit-box-shadow: 0px 0px 5px 3px #ccc;
        box-shadow: 0px 0px 5px 3px #ccc;
        background:#ececec;
    }

        #sidenavigation #sidelogo {
            text-align:center;
            padding-bottom:25px;
            padding-top:25px;
        }

        #sidenavigation #permkontakt {

        }

        /*
        #mega-menu-side-navi li:not(.mega-current_page_ancestor), #mega-menu-side-navi ul.mega-sub-menu li:not(.mega-current_page_ancestor) {
            display:none!important;
        }

            #mega-menu-side-navi > ul.mega-sub-menu li.mega-current_page_ancestor > ul.mega-sub-menu li {
                display:block!important;
            }
        */
        /*
        #mega-menu-side-navi > li:not(.mega-current_page_ancestor) {
            display:none;
        }
        */
        #sidenavi {
            background: #003267;
            padding:10px;
            color:#ffffff;
        }

            #sidenavi ul {
                list-style-type: none;
                padding:0 20px 0 20px;
            }

            #sidenavi ul li a, #sidenavigation #sidenavi a {
                color:#ffffff;
            }

                #sidenavi ul li a:hover, #sidenavigation #sidenavi a:hover, #sidenavigation #sidenavi ul li.current_page_item a {
                    color: #C98F22;
                }

                #sidenavi span.current {
                    color: #C98F22;
                    font-size:16px;
                }
            #sidenavi #breadcrumb {
                padding: 0 20px 0 20px;
            }

}


@media only screen and (max-width: 1890px) {
    #sidenavigation {
        display:none!important;
    }
    section#slider {
        padding-top:103px;
    }
    section#header {
        position: fixed;
        top:0px;
        left:0px;
        z-index:10000;
    }
}

/* Ende Sidenavi */

.swiper-container {
    width: 100%;
    height: 100%;
}

    .swiper-container .swiper-slide {
        /*height: 100%;
        width: 100%;*/
        margin-top: auto;
        margin-bottom: auto;
    }

        .swiper-container .swiper-slide .sliderbild img {
            width:100%;
            height:auto;
        }

            .swiper-container .swiper-slide .sliderbild img {
                display:block;
            }

        .swiper-container .swiper-slide .fulllink {
            position:absolute;
            top:0px;
            left:0px;
            width:100%;
            height:100%;
            z-index:8;
            text-decoration:none;
        }

        .swiper-container .swiper-slide .slidertext {
            position:absolute;
            top:20%;
            left:20%;
            margin-left:-571px;
            width:1142px;
            background:rgba(255,255,255,0.5);
            padding:50px 80px 50px 80px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            z-index:5;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
            filter: alpha(opacity=00);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            -webkit-transition: all 1s 0.5s ease-in-out;
            -moz-transition: all 1s 0.5s ease-in-out;
            -o-transition: all 1s 0.5s ease-in-out;
            transition: all 1s 0.5s ease-in-out;
        }

            .swiper-container .swiper-slide .slidertext h2 {
                font-weight: normal;
                text-transform: uppercase;
                font-size: 50px;
                margin: 0 0 0.3em 0;
            }

            .swiper-container .swiper-slide .slidertext p {
                font-weight: lighter;
                font-size: 30px;
                margin: 0.3em 0 0 0;
            }


        .swiper-container .swiper-slide-active .slidertext {
            left:50%;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

        .swiper-button-prev.disabled, .swiper-button-next.disabled {
            display:none;
        }

#teaser {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: auto;
    align-content: start;
    position: relative;
    top:-100px;
    height:calc(100% - 100px)!important;
}

/*
#teaser:after {
    display: block;
    content: " placeholder ";
    margin: 10px;
    flex: 999 999 auto;
}
*/

    .teaserblock {
        position:relative;
        z-index:9;
        /*float:left;
        margin-right:20px;*/
        -webkit-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
        margin-bottom:40px;
        flex: 1 1 auto;
        margin: 10px 10px 40px 10px;
        transition: all 0.2s ease;
    }

    .teaserblock:hover {
        transform: scale(1.05);
    }

        .blockbild  img {
            display:block;
            width:100%;
        }

        .blocktext {
            width:100%;
            background:#ffffff;
            height:70px;
            line-height:70px;
            font-size:20px;
            padding:0 30px 0 30px;
            text-transform: uppercase;
            text-align: center;
        }

        .blockfulllink {
            position:absolute;
            top:0px;
            left:0px;
            width:100%;
            height:100%;
            z-index:9;
            text-decoration:none;
        }

#content h1 {
    font-size:24px;
    margin-top:0px;
}

    #content.home h1 {
        color:#cb9100;
    }

#content p, #content ul, #content ol {
    color:#3e3d40;
    font-size:16px;
    line-height:25px;
    font-family: 'acumin-pro-semi-condensed', Arial, sans-serif;
}

    #content p.has-small-font-size {
        font-size:12px;
        margin:0px;
    }

#content ul li, #content p, #content td {
    font-family: 'acumin-pro-semi-condensed', Arial, sans-serif;
}

#content h2 {
    color:#cb9100;
    font-size:20px;
}

    #content.home h2 {
        /*text-transform: uppercase;*/
    }

#content h3 {
    margin: 0 0 25px 0;
    /*font-size: 12px;*/
    font-size:18px;
    font-weight: normal;
    color: #C98F22;
    border-bottom: 1px solid #C98F22;
}

    #content #logoslider h3 {
        font-size:18px;
        border: none;
        /*text-transform: uppercase;*/
        margin-bottom:0px;
        font-weight: bold;
    }

    #content #geschaeftsmodell h3 {
        border: none;
        font-size:18px;
        color: #3e3d40;
        margin:0;
        font-weight: bold;
    }

    #content #grundsaetze h3, #content #angebote h3 {
        border: none;
        font-size:18px;
        margin:0;
        font-weight: bold;
        /*text-transform: uppercase;*/
    }

#content a {
    /*margin: 4px 0 0 0;*/
    padding-left: 18px;
    background: url(images/design/link.png) left 7px no-repeat;
    display: inline-block;
    color:#C98F22;
    white-space: nowrap;
}

#content a:hover {
    /*margin: 4px 0 0 0;*/
    padding-left: 18px;
    background: url(images/design/link_over.png) left 7px no-repeat;
    display: inline-block;
    color:#003365;
}

    #content a img, #content a:hover img {
        margin: 0;
        padding: 0;
        background:none;
        display:block;
    }

#sidenavigation a {
    color:#C98F22;
    white-space: nowrap;
}

    #sidenavigation a:hover {
        color:#003365;
    }

#content.home a {
    /*background: none;*/
}

#content .ansprechpartner td {
    padding:5px 10px 5px 10px;
}

#content ul {
    list-style-type: none;
    padding-left:0px;
    margin-left:10px;
}

    #content ul li {
        padding-left: 18px;
        margin-bottom: 8px;
        background: url(images/design/liststyle1.png) left 8px no-repeat;
    }

    #kompetenzen {
        /*text-align: center;*/
        /*background:#ececec;*/
        background: url(images/design/arrow_divide_2.png) center bottom no-repeat;
        /*padding:40px 0 40px 0;*/
        padding:40px 0 80px 0;
    }

        #content #kompetenzen h2 {
            margin-top:0px;
        }

        #content #kompetenzen ul {
            display:inline-block;
            /*margin:0 auto;*/
            text-align: left;
            list-style-type: none;
            padding-left:0;
            margin-left:0;
        }

            #content #kompetenzen li {
                padding-left:25px;
                line-height:25px;
                background:url(images/design/check-square.svg) left 4px no-repeat;
                background-size: 20px 20px!important;
                padding-bottom:5px;
                /*font-weight:700;*/
                color:#3e3d40;
            }

    #geschaeftsmodell {
        /*background:#ececec;*/
        background: url(images/design/arrow_divide_2.png) center bottom no-repeat;
        /*padding:40px 0 40px 0;*/
        padding:40px 0 120px 0;
    }

        #geschaeftsmodell h2 {
            /*text-align:center;*/
        }

        #geschaeftsmodell .button {
            position:absolute;
            bottom:0px;
            /*right:0px;*/
            left:0px;
        }

        #content #geschaeftsmodell .button {
            padding-left:0;
            background: #cb9100;
            padding:10px 20px 10px 20px;
            color: #ffffff;
            display:inline;
            font-size:20px;
            font-weight: 500;
            width:auto;
        }

            #content #geschaeftsmodell .button:hover {
                background: #003267;
            }

        #content #geschaeftsmodell .column {
            padding-bottom:60px;
        }

        #content #geschaeftsmodell .column.dmSmaller {
            margin-right:30px;
            position:relative;
        }

        #content #geschaeftsmodell .column.dmSmaller:last-child {
            margin-left: 30px;
            margin-right: 0px;
        }

        #dmBildMittig {
            width:auto;
            height:auto;
            margin-left:0;
            margin-right:0;
            max-width:260px;
        }

    #grundsaetze {
        padding:40px 0 40px 0;
    }

        #grundsaetze h2 {
            text-align:center;
            margin-bottom:30px;
        }

        #grundsaetze h3 {
            color:#cb9100;
            font-size:18px;
            text-transform: uppercase;
            margin-top:0px;
            margin-bottom:0px;
        }

        #grundsaetze .column {
            border: 1px solid #d3d3d3;
            padding-bottom:0px;
            margin-bottom:30px;
        }

            #grundsaetze .column img {
                display:block;
                width:100%;
                height:100%;
                /*height:auto;*/
                object-fit: cover;
            }

            #grundsaetze .column .text {
                padding:20px;
            }

                #grundsaetze .column .text p {
                    line-height: 23px;
                }

    #angebote {
        padding:80px 0 120px 0;
        background: url(images/design/arrow_divide_2.png) center bottom no-repeat;
    }

        #angebote h2 {
            text-align:center;
            margin-bottom:30px;
        }

        #angebote h3 {
            color:#cb9100;
            font-size:18px;
            text-transform: uppercase;
            margin-top:0px;
            margin-bottom:0px;
        }

        #angebote .column {
            border: 1px solid #d3d3d3;
            padding-bottom:0px;
            margin-bottom:30px;
        }

            #angebote .column img {
                display:block;
                width:100%;
                height:100%;
                /*height:auto;*/
                object-fit: cover;
            }

            #angebote .column .text {
                padding:20px 20px 75px 20px;
                position:relative;
                /*border: 1px solid #d3d3d3;*/
            }

                #angebote .column .text p {
                    line-height: 23px;
                }

                    #angebote .column .text a {
                        /*padding-left:0;*/
                    }

                    #content.home .ek-link {
                        background:none;
                        padding-left:0px;
                    }

        #angebote .button {
            position:absolute;
            bottom:20px;
            /*right:0px;*/
            left:50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        #content #angebote .button {
            padding-left:0;
            background: #cb9100;
            padding:10px 15px 10px 15px;
            color: #ffffff;
            display:inline;
            font-size:20px;
            line-height:20px;
            font-weight: 500;
            width:auto;
        }

            #content #angebote .button:hover {
                background: #003267;
            }

#auszeichnungen {
    position:relative;
    bottom:-25px;
    height:200px;
}

    #auszeichnungen .azelement {
        float: right;
        padding-left: 20px;
    }

    #auszeichnungen .azelement.nachhaltig {
        height:200px;
        position:relative;
        display:inline;
    }

    #auszeichnungen .azelement.nachhaltig img {
        background:#ffffff;
        width:200px;
        max-width: none;
        height:auto;
        position:absolute;
        bottom:0px;
        right:0px;
    }

#main {
    background:url(images/design/arrow_divide_2.png) center bottom no-repeat; /*#ececec;*/
    color:#3e3d40;
    padding:40px 0 80px 0;
}

#main_folge {
    /*background:#ececec;*/
    color:#3e3d40;
    padding:60px 0 60px 0;
}

    #main_folge #content td {
        vertical-align:top;
    }

    #main_folge #content tr td:first-child {
        padding-right:20px;
    }

    .page-id-144 td p {
        margin-top:0px;
        padding-top:0px;
    }

    .page-id-144 td {
        padding-bottom:20px;
    }

#logoslider {
    /*height:340px;*/
    /*background:#ececec;*/
    padding: 40px 0 40px 0;
}

    #logoslider .read-more {
        color:#cb9100;
    }

.logoswiper-container {
    width: 100%;
    height: 100%;
}

    .logoswiper-container .swiper-slide {
        text-align: center;
        font-size: 18px;
        /*background: #ececec;*/
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .logoswiper-container .swiper-slide .sliderbild img {
            height:200px;
            width:auto;
        }

        .logoswiper-container .swiper-slide .date {
            float:left;
            padding:5px 10px 5px 10px;
            /*width:calc(25% - 20px);*/
            background:#003267;
            color:#ffffff;
            font-family: arial, sans-serif;
            font-size:14px;
            line-height:23px;
        }

            .logoswiper-container .swiper-slide.mobile .date {
                float:none;
                margin: 0 auto;
                display:inline-block;
                margin-bottom:20px;
            }

        .logoswiper-container .swiper-slide .text {
            float:right;
            padding:0px 10px 0px 10px;
            width:calc(100% - 115px);
            text-align:left;
        }

            .logoswiper-container .swiper-slide.mobile .text {
                float:none;
                width:100%;
            }

            .logoswiper-container .swiper-slide .text h3 {
                color:#cb9100;
                margin:0;
                line-height:23px;
                font-weight:700;
                font-size:20px;
                padding:5px 0 5px 0;
            }

                #content .logoswiper-container .swiper-slide .text h3 a {
                    margin-left:0;
                    padding-left:0;
                    display:block;
                    white-space: normal;
                    background: none;
                    text-decoration:none;
                }

            .logoswiper-container .swiper-slide .text p {
                margin-top:0;
            }

            .logoswiper-container .swiper-slide .elementwrap {
                max-width:70%;
                background:#ffffff;
                border:1px solid #d3d3d3;
                padding:30px;
                margin:30px 0 30px 0;
            }

                .logoswiper-container .swiper-slide.mobile .elementwrap {
                    margin-left:40px;
                    margin-right:40px;
                }

            #content .logoswiper-container .swiper-slide .text a {
                background: url(images/design/link.png) left 7px no-repeat;
            }

#metaNavigationPlatz ul {
    margin: 0;
    padding:20px 0 0 0;
    list-style-type: none;
    line-height:60px;
}

    #metaNavigationPlatz ul li {
        display:inline;
        padding:0 8px 0 8px;
    }

    #metaNavigationPlatz ul li:first-child {
        padding-left:0px;
    }

        #metaNavigationPlatz ul li a {
            color:#ffffff;
            text-decoration:none;
            white-space: nowrap;
        }

            #metaNavigationPlatz ul li a:hover {
                text-decoration:underline;
            }

    #metaNavigationPlatz ul li:last-child {
        padding-right:0px;
    }

#headerbild {
    /*
    border-top:2px solid #282425;
    border-bottom:2px solid #282425;
    */
    position:relative;
    overflow: hidden;
}

    #headerbild img {
        /*width:100%;
        height:auto;*/
        display:block;
        position:relative;
        left:50%;
        transform: translateX(-50%);
    }

    #headerbild .headertext {
            position:absolute;
            top:20%;
            left:50%;
            transform: translateX(-50%);
            width:100%;
            max-width:1142px;
            background:rgba(255,255,255,0.5);
            padding:50px 80px 50px 80px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            z-index:5;
        }

            #headerbild .headertext h2 {
                font-weight: normal;
                text-transform: uppercase;
                font-size: 50px;
                margin: 0 0 0.3em 0;
            }

            #headerbild .headertext  p {
                font-weight: lighter;
                font-size: 30px;
                margin: 0.3em 0 0 0;
            }

#collage {
    border-top:2px solid #282425;
    border-bottom:2px solid #282425;
}

    #collage img {
        width:100%;
        height:auto;
        display:block;
    }


#partner {
    margin:40px 0 40px 0;
}

    #partner .column {
        text-align:center;
    }

        #partner img {
            height:60px;
            width:auto;
            align-self: center;
            display:inline-block;
        }


#perm_alternative {
    background:#282425;
    color:#ffffff;
    margin:0;
    padding:60px 0 60px 0;
}

#permkontakt {
    text-align: left;
    padding: 10px 10px 10px 10px;
}

    #permkontakt h3 {
        margin-top:0px;
    }

    .linkeSpalte {
        float:left;
        width:50%;
        padding-right:30px;
        color: #282425;
        text-transform: uppercase;
    }

    .rechteSpalte {
        float:right;
        width:50%;
        padding-left:30px;
        color: #282425;
        text-transform: uppercase;
    }

    .linkeSpalte a, .rechteSpalte a {
        color: #282425;
        text-decoration:none;
        font-size:22px;
        font-weight: lighter;
    }

        .linkeSpalte a:hover, .rechteSpalte a:hover {
            text-decoration:underline;
        }

    #permkontakt h2 {
        color: #282425;
        text-transform: uppercase;
        font-weight:lighter;
        font-size:30px;
    }

    #permkontakt .feather {
        width:35px;
        height:35px;
        margin-bottom:15px;
    }

#footer {
    background: #282425;
}

    #footerwrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: auto;
        align-content: start;
        position: relative;
        padding:30px 0 30px 0;
    }

        #footerwrap .fzspalte {
            flex: 1 1 auto;
            margin: 0px 0px 0px 0px;
            max-width:22%;
            color:#ffffff;
        }

            #footerwrap .fzspalte a {
                color:#ffffff;
            }

            #footerwrap .fzspalte ul {
                list-style-type: square;
                margin-left:0;
                padding-left:15px;
            }

            #footerwrap .fzspalte h3 {
                text-transform: uppercase;
                font-weight:lighter;
            }

/* allgemeine flexbox Tabelle */
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  position:relative;
  padding-bottom:40px;
}

.row .column {
    margin-right:30px;
}

.row .column:last-child {
    margin-left:30px;
    margin-right:0px;
}

/* Zitat */
blockquote {
    background: #ececec;
    padding: 8px 30px 8px 30px;
    margin:0 auto;
    display:block;
    text-align: center;
    color: #000000;
}

    blockquote p {
        font-size: 15px!important;
		font-style:italic;
        font-weight: normal;
		margin:0;
		padding:0;
    }

/* Quickcontact */

#quickcontact {
    display:none;
}

/* WPForms */
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form textarea, div.wpforms-container-full .wpforms-form input[type=email], .wpforms-field-limit-text {
    font-family: 'acumin-pro-semi-condensed', Arial, sans-serif;
}

div.wpforms-container-full .wpforms-form .wpforms-field-limit-text {
    padding-left:10px;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color:#C98F22;
    color:#ffffff;
}

    div.wpforms-container-full .wpforms-form button[type=submit]:hover {
        color:#000000;
    }

#content .wpforms-field a, #content .wpforms-field a:hover {
    background-position: left center;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-small  {
    max-width:50px;
}

/* Image Hover */
#content .imghvr a.imghvr-link, #content  .imghvr a.imghvr-link:hover {
    background:none;
}

#content a.imghvr-button:hover {
    background:none;
}

/*
#content .imghvr a:hover {
    background:none;
}
*/

#content .imghvr-button {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .4s;
    transition-delay: 0.4s;
}

.imghvr-subtitle, .imghvr-title {
    font-family: 'acumin-pro-semi-condensed', Arial, sans-serif!important;
}

#content .dmHoverTable .imghvr-title {
    font-size:24px;
    padding-bottom:10px;
    color:#003267;
}

#content .dmHoverTable table, #content .dmHoverTable table td, #content .dmHoverTable table th {
    background:#003267;
    border-collapse: collapse;
    border: 1px solid white;
    font-size:14px;
}

#content .dmHoverTable table td {
    padding:10px;
}

#content .dmHoverTable table td:first-child {
    width:40%;
}

/* Pagination Blog 2022 */
#content .pagination {
    padding:40px 0 50px 0;
}

#content .pagination a {
    display:inline-block;
    padding:5px 10px;
    background:#003267;
    color:#ffffff;
    text-decoration:none;
}

#content .pagination .page-numbers.current {
    display:inline-block;
    padding:5px 10px;
    background:#ececec;
    color:#3e3d40;
    text-decoration:none;
}

/* Blog Seite */
.blog #content article, .archive #content article {
    padding-bottom:30px;
    margin-bottom:40px;
    border-bottom:1px solid #ececec;
}

.blog #content article .read-more, .archive #content article .read-more {
    /*margin:20px 0 20px 0;*/
    margin:0;
}

/* Single Seite */
.singlepagination {
    max-width:50%;
    width:50%;
    display:inline-block;
    white-space: normal;
    padding:0 5% 0 5%;
    vertical-align: top;
    margin:40px 0 50px 0;
}

#content .singlepagination a {
    white-space: normal;
    background:none;
    padding:0;
    text-decoration: none;
}

/* mobile Anpassungen */
@media screen and (max-width: 1142px) {
    #headerbild .headertext h2 {
        font-size: calc(25px + 6 * ((100vw - 320px) / 680));
    }
    #headerbild .headertext p {
        font-size: calc(16px + 6 * ((100vw - 320px) / 680));
    }
    .zentriert {
        padding:0 20px 0 20px;
    }

    #hauptnavigation {
        position:relative;
        right:0px;
    }

}

@media screen and (max-width: 770px) {

    .home .wp-image-1301 {
        max-width:30%;
        height: auto;
    }

    #pusher {
        height:103px;
        width:100%;
        position:relative;
    }

    section#slider {
        padding-top:0px!important;
    }

    #header {
        position:fixed;
        z-index:10000;
        top:0px;
    }

    #main_folge {
        padding-top:40px;
    }

    #quickcontact {
        display:block;
        height:50px;
    }

        #quickcontact .inner {
            position:fixed;
            bottom:0px;
            height:50px;
            width:100%;
            text-align:center;
            background:#ffffff;
            z-index:20000;
        }

            #quickcontact .inner a {
                text-decoration:none;
                display:inline-block;
                padding-top:10px;
            }

                #quickcontact .inner a span {
                    color:#cb9100;
                    font-size:30px!important;
                    height:30px;
                    width:30px;
                    text-decoration:none;
                    padding:10px 50px 10px 50px;
                    display:inline;
                }

    #auszeichnungen {
        margin:0 auto;
        text-align:center;
    }

        #auszeichnungen .azelement {
            float:none;
            display:inline;
        }

}

/* Sonderfall Prospekte Broschueren */
.page-id-29 .wp-block-image {
    border:1px solid #cecece;
}

@media screen and (max-width: 770px) {
    .column {
        flex:none;
        width:100%;
        margin-top:25px;
    }

    .row .column:last-child {
        margin-right:0;
        margin-left:0;
    }

    .column.img {
        display:none;
    }

}

@media screen and (max-height: 450px) and (max-width: 770px) {
    #header, #quickcontact .inner {
        position: relative;
    }

    div.wpforms-container .wpforms-form .choices__list--dropdown {
        max-height: 130px;
    }
}

@media screen and (max-width: 610px) {
    #auszeichnungen {
        height:200px;
    }

    #auszeichnungen .azelement {
        float:none;
        display:inline-block;
        height:100px;
    }
        #auszeichnungen .azelement img {
            width:auto;
            height:100px;
        }

        #auszeichnungen .azelement.nachhaltig {
            height:100px;
            position:relative;
            display:inline-block;
            width:100%;
        }

        #auszeichnungen .azelement.nachhaltig img {
            left:50%;
            transform: translateX(-50%);
        }

}