.page-template-page-gutenberg{
    .breadcrumb{
        font-size:12px;
        font-weight: 400;
        color: #888;
        border-bottom: 1px solid #eee;
        box-shadow: none;
    }
    .band-block{
        margin-top: 85px;
    }
}

.page-template-page-gutenberg, .wp-admin{
    .has-secondary-background-color{
        background-color: var(--sauter-secondary-blue);
    }
    .has-secondary-color{
        color: var(--sauter-secondary-blue);
    }
    .has-primary-background-color{
        background-color: var(--sauter-primary-blue);
    }
    .has-primary-color{
        color: var(--sauter-primary-blue);
    }

    .flexible-frame, .band-block{

        &.align-vertical-middle{
            display: flex;
            align-items: center;
        }
        h2,h3{
            margin-top: 0px;
        }
        .panel-heading .accordion-toggle:after {
            font-family: 'Glyphicons Halflings';
            content: "\e260";
            float: right;
            color: #167fc2;
        }
        .panel-heading .accordion-toggle.collapsed:after {
            content: "\e259";
        }
        .panel-title a{
            text-decoration: none;
            font-size: 16px;
        }
        .panel-title:hover{
            font-weight: bold;
        }
        .panel-group .panel-heading{
            background-color: #fff;
        }
        .panel-group .panel-heading, .panel-group .panel{
            border-radius: 8px;
        }
        .panel-heading .accordion-toggle:not(.collapsed){
            font-weight: bold;
        }
        .panel-group .panel-heading+.panel-collapse>.panel-body{
            border-top: 0px;
        }
        p{
            font-size: 16px;
            font-weight: 400;
            line-height: 1.4;
            color: #111;
        }
        small{
            font-size: 12px;
            font-weight: 400;
            line-height: 1.4;
        }
    }
    b, strong{
        font-size: inherit;
        font-weight: 700;
        line-height: inherit;
    }
    .wp-block-button__link.wp-block-button__link:hover,
    .is-style-secondary-button .wp-block-button__link:hover,
    .is-style-default-button .wp-block-button__link:hover,
    .is-style-link-button .wp-block-button__link:hover{
        text-decoration: none;
    }
    .wp-block-button__link.wp-block-button__link,
    .is-style-secondary-button .wp-block-button__link,
    .is-style-default-button .wp-block-button__link,
    .is-style-link-button .wp-block-button__link{
        font-size: 16px;
        font-weight: 500;
        padding: 10px 27px;
    }
    .wp-block-button.xs .wp-block-button__link{
        font-size: 12px;
        padding: 6px 15px;
        min-width: 80px;
    }
    .wp-block-button.lg .wp-block-button__link{
        font-size: 18px;
        min-width: 160px;
        padding: 10px 27px;
    }

    /* Primary */
    .is-style-primary-button .wp-block-button__link {
        background-color: var(--sauter-yellow);
        color: var(--sauter-primary-blue);
    }
    .is-style-primary-button .wp-block-button__link:hover{
        background-color: var(--sauter-primary-blue);
        color: #fff;
    }

    /* Secondary */
    .is-style-secondary-button .wp-block-button__link{
        color: var(--sauter-primary-blue);
        background: #fff;
        border: 1px solid var(--sauter-grey);
    }
    .is-style-secondary-button .wp-block-button__link:hover{
        background: var(--sauter-primary-blue);
        color: #fff;
    }

    /* Default */
    .is-style-default-button .wp-block-button__link{
        color: #fff;
        background: var(--sauter-anthrazit);
    }
    .is-style-default-button .wp-block-button__link:hover{
        background: var(--sauter-dark-blue);
        color: #fff;
    }

    /* Link */
    .is-style-link-button .wp-block-button__link{
        color: #fff;
        background: var(--sauter-primary-blue);
    }
    .is-style-link-button .wp-block-button__link:hover{
        background: #000;
    }

    .flexible-frame.blue{
        p, h1, h2,h3,h4,h5,h6{
            color: #fff !important;
        }
        .is-style-secondary-button .wp-block-button__link:hover,
        .is-style-primary-button .wp-block-button__link:hover{
            background-color: #fff;
            color: var(--sauter-primary-blue);
        }
    }


    .Kontakt {
        position: absolute;
        top: 570px;
        right: 70px;
        z-index: 1;
    }
    .Kontakt a{
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }
    #news a.hvr-sweep-to-top {
        background: #fff;
        padding: 9px;
        border-radius: 30px;
        width: 130px;
        height: 37px;
        overflow: hidden;
        color: #b1b1b1;
        font-weight: 700;
        font-size: 12px;
        box-shadow: 0 0 3px rgba(0, 0, 0, .58);
    }
    h5.article-title.article-title{
         color: #000;
         font-weight: 600;
         font-size: 16px;
    }
    .date-post.date-post, .categoryclass.categoryclass{
        color: #888;
        font-weight: 400;
        font-size: 12px;
    }
    hr{
        margin-top: 15px;
    }
    .link-heading h4 a{
        color: #85c9f0;
    }
    .wp-block-cover .wp-block-embed.front-page-iframe{
        @media (min-width: 1140px) {
            min-width: 1140px;
        }

        .wp-block-embed__wrapper{
            padding: 56.25% 0 0 0;
            position: relative;

            iframe{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
        }
    }
    .produkte-software-container .stk-img-wrapper img{
        background-color: #fff;
    }
}

@media (max-width: 480px) {
    .page-template-page-gutenberg, .wp-admin{
        .Kontakt {
            position: absolute;
            top: 600px;
            right: 15px;
            z-index: 1;
        }
    }
}

@media only screen and (min-width: 768px) {
    .page-template-page-gutenberg .cd-header{
        .flexible-frame, .band-block{
            box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
        }
    }
}