.hkn-background-image {
    background-image: url('/wp-content/themes/generatepress-child/images/Photovoltaik-HKN.jpg');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 800px) {
    .hkn-background-image {
        background-position-y: 100px;
    }
}

.photovoltaik-teaser-row .hkn-teaser-text.rt-content .so-widget-sow-editor h2,
.photovoltaik-teaser-row .hkn-teaser-text.rt-content .so-widget-sow-editor h2 span {
    font-family: 'PostGroteskLight', Helvetica, Arial, 'Open Sans', san-serif, serif !important;
    font-size: 36px !important;
    line-height: 54px !important;
    color: #333F48;
}

@media only screen and (min-width: 1000px) {
    .photovoltaik-teaser-row .hkn-teaser-text.rt-content .so-widget-sow-editor h2,
    .photovoltaik-teaser-row .hkn-teaser-text.rt-content .so-widget-sow-editor h2 span {
        font-size: 56px !important;
        line-height: 74px !important;
    }
    .photovoltaik-teaser-row .panel-grid-cell {
        max-width: 800px;
    }
    .photovoltaik-teaser-row.js-hkn-background-image.row--grid-width.panel-row-style.row--last {
        margin-bottom: -100px;
    }
}

.photovoltaik-teaser-row .hkn-teaser-text.rt-content .so-widget-sow-editor p {
    font-size: 20px !important;
    line-height: 27px !important;
    color: #333F48;
}

.photovoltaik-teaser-row .hkn-teaser-text.rt-content .so-widget-sow-editor p a {
    font-size: 14px !important;
    line-height: 19px !important;
    text-transform: uppercase;
    color: #333F48;
}

.photovoltaik-teaser-row .hkn-teaser-text a,
.photovoltaik-teaser-row .hkn-teaser-text a:visited,
.photovoltaik-teaser-row .hkn-teaser-text a:active,
.photovoltaik-teaser-row .hkn-teaser-text a:focus {
    font-family: 'PostGroteskBold', Helvetica, Arial, 'Open Sans', san-serif, serif !important;
    text-decoration: none;
    border: 0;
}

.photovoltaik-teaser-row .hkn-teaser-text a::before {
    display: inline-block;
    content: ' ';
    background-image: url('/wp-content/themes/generatepress-child/icons/arrow-right.svg');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-right: .5em;
    vertical-align: middle;
    transition: background-size 0.2s ease, margin-right 0.2s ease, margin-top 0.2s ease;
}

.photovoltaik-teaser-row .hkn-teaser-text a:hover::before {
    background-size: 20px 20px;
    margin-right: 1.5em;
    margin-top: -0.3em;
}

.page--centered .panel-grid .row--grid-width.photovoltaik-teaser-row {
    padding-bottom: 50px;
    padding-top: 100px;
    margin-top: 50px;
}

@media only screen and (min-width: 1000px) {
    .page--centered .panel-grid .row--grid-width.photovoltaik-teaser-row {
        padding-bottom: 100px;
        margin-top: 200px;
    }
}

.photovoltaik-teaser-row .panel-grid-cell {
    margin-bottom: 20px !important;
}

@media only screen and (min-width: 800px) {
    .photovoltaik-teaser-row .panel-grid-cell {
        margin-top: -100px;
        margin-bottom: 100px !important;
    }
}
.hkn-teaser-button {
    display: none;
}

@media only screen and (min-width: 800px) {
    .hkn-teaser-button {
        display: block;
    }
}

.hkn-teaser-button .so-widget-sow-button .ow-button-base a,
.hkn-teaser-button .so-widget-sow-button .ow-button-base a:visited,
.hkn-teaser-button .so-widget-sow-button .ow-button-base a:active,
.hkn-teaser-button .so-widget-sow-button .ow-button-base a:focus {
    padding: 40px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
    height: 100%;
    width: 100%;
    background: #ffffff;
    color: #333F48 !important;
    border: 2px solid #ffffff;
    border-radius: 2px;
    transition: border-color 0.2s ease;
}

.hkn-teaser-button .so-widget-sow-button .ow-button-base a:hover {
    border-color: #26CD9C !important;
    background: #ffffff !important;
    color: #333F48 !important;
}

.hkn-teaser-button .so-widget-sow-button .ow-button-base a span {
    color: #333F48;
    font-family: 'PostGroteskNormal', Helvetica, Arial, 'Open Sans', san-serif, serif !important;
    font-size: 20px ;
    line-height: 27px;
}


.hkn-teaser-button .so-widget-sow-button .ow-button-base a .sow-icon-image {
    width: 112px;
    height: 112px;
    margin: 0 auto 0.5em;
    transition: margin 0.2s ease;
}

.hkn-teaser-button .so-widget-sow-button .ow-button-base a:hover .sow-icon-image {
    margin-top: 0.3em;
    margin-bottom: 0.2em;
}