/*!
Theme Name: bspress
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bspress
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

bspress is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/


.mobile {
    display: none;
}

.desktop {
    display: block;
}

.title-stoerer {
    min-height: 30px !important;
}

.title-stoerer span {
    font-size: .8rem;
    font-weight: 400;
    display: block;
}

@media only screen and (min-width: 991px) {
    header .container .site-branding {
        align-self: flex-start;
    }

    header .container .site-branding a {
        top: 0 !important;
        width: 10.45vw !important;
        height: 10.45vw !important;
        max-width: 200px !important;
        max-height: 200px !important;
        padding: 1.5vw !important;
    }
}

@media only screen and (max-width: 991px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .gads-title-wrapper {
        margin-top: 110px !important;
    }

    .gads-title-wrapper h1 {
        font-size: 1.4rem;
    }

    .gads-title-wrapper .subheadline {
        font-size: 1.1rem !important;
    }

    .page-id-63 #primary .above-the-fold {
        /*background-position: -1110px !important;*/
        background-position: center !important;
    }

    .page-id-63 #primary .flip-box-block .card .content .front .inner label img,
    .page-id-63 #primary .flip-box-block .card .content .back .inner label img {
        height: 200px;
    }

    .page-id-63 #primary .flip-box-block .card {
        height: 200px;

    }
}

#page main article .wp-block-gallery figure.wp-block-image {
    display: block !important;
}

.entry-content ul,
.post-template-default .wp-block-columns .wp-block-column ul {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}

.entry-content ul li,
.post-template-default .wp-block-columns .wp-block-column ul li {
    /*color: #1e3c50;*/
    font-weight: 200 !important;
}

.entry-content ul li > ul,
.post-template-default .wp-block-columns .wp-block-column li > ul {
    margin-top: 12px !important;
}

.entry-content ul li:before,
.post-template-default .projekte-sidebar-list li:before,
.post-template-default .wp-block-columns .wp-block-column ul li:before {
    background: #1e3c50 !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    top: 11px !important;
    left: 4px !important;
}

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

    .entry-content ul li:before,
    .projekte-sidebar-list li:before,
    .post-template-default .wp-block-columns .wp-block-column ul li:before {
        top: 7px;
    }
}

.post-template-default .wp-block-latest-posts__list li:before {
    display: none;
}

.post-template-default .wp-block-latest-posts__post-title {
    text-decoration: none;
    margin-bottom: 12px;
    display: block;
    font-weight: bold !important;
    margin-top: 12px;
}

.post-template-default .wp-block-latest-posts__post-title:hover {
    text-decoration: underline;
}

.post-template-default .wp-block-latest-posts.columns-3 {
    width: calc(100% + 1.25em);
}

.post-template-default .wp-block-latest-posts.columns-3 li {
    padding-left: 0;
    width: calc(33.33333% - 1.25em);
}

.post-template-default .wp-block-latest-posts__post-date {
    margin-bottom: 18px;
    display: none;
}

.post-template-default .site-main p strong {
    color: #1e3c50;
}

header#masthead {
    width: 100%;
}

.post-template-default .taxonomy-category a {
    text-decoration: none;
}

.post-template-default .taxonomy-category a:hover {
    text-decoration: underline;
}

.post-template-default .projekte-header {
    margin-bottom: 36px !important;
}

.projekte-header img {
    width: 100%;
}

.projekt-wrapper {
    position: relative;
}

.projekt-wrapper.container {
    padding-left: 0;
    padding-right: 0;
}

.projekte-sidebar {
    min-width: 25%;
    position: sticky;
    top: 0;
}

@media only screen and (max-width: 991px) {
    .projekte-sidebar {
        display: none;
    }
}

.projekte-sidebar-list a {
    text-decoration: none !important;
}

.projekte-sidebar-list a:hover {
    text-decoration: underline !important;
}

.projekte-sidebar-title {
    color: #1e3c50;
    font-weight: bold;
    margin-bottom: 12px;
}

.archive-page h1 {
    margin: 24px 0 48px !important;
}

.projekte-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
    margin-bottom: 48px;
}


@media only screen and (max-width: 991px) {
    .projekte-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 768px) {
    .projekte-cards {
        grid-template-columns: repeat(1, 1fr);
    }
}

.projekte-card {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.projekte-card-image img {
    width: 100%;
}

.projekte-card-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.projekte-card-title a {
    text-decoration: none !important;
    font-weight: bold !important;
}

.projekte-card-title a:hover {
    text-decoration: underline !important;
}

.projekte-card-excerpt {
    font-size: 18px;
}

.projekte-footer h2 {
    margin-top: 48px;
    margin-bottom: 36px;
}

.wp-block-post-author {
    margin: 24px 0;
}

body.author .projekte-header {
    display: none;
}

body.author h1 {
    margin-top: 150px !important;
}

body.blog h1 {
    margin-top: 150px !important;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    body.blog h1 {
        margin-top: 100px !important;
    }
}

@media only screen and (max-width: 768px) {
    body.blog h1 {
        margin-top: 60px !important;
    }
}

.projekte-blog-kategorien {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 36px;
}

.projekte-blog-kategorien-item {
    margin: 0 !important;
    padding: 0 !important;
}

.projekte-blog-kategorien-item:before {
    display: none;
}

.projekte-blog-kategorien-item a {
    background-color: #1e3c50;
    border: 2px solid #1e3c50;
    color: white !important;
    border-radius: 1.6rem;
    padding: 0.8rem 1.6rem;
    margin: 0 10px 10px;
    display: inline-block;
    text-decoration: none !important;
    transition: background-color .2s ease, border .2s ease, transform .2s ease;
    font-size: var(--wp--preset--font-size--small) !important;
    text-transform: uppercase;
    font-weight: bold !important;
    white-space: nowrap;
}

.projekte-blog-kategorien-item a:hover {
    background-color: #bea594;
    border: 2px solid #bea594;
    transform: translateY(2px);
}

@media only screen and (max-width: 768px) {
    .projekte-page .projekte-content > .wp-block-columns {
        padding: 0;
    }
}

/* author page */

.author_wrapper {
    display: flex;
    align-items: center;
    margin-top: 100px;
    margin-bottom: 36px;
}

.block-author > .author_wrapper {
    margin-top: 48px;
    margin-bottom: 0;
}

.author_image {
    position: relative;
    min-width: 20%;
    height: auto;
    border-radius: 100%;
    overflow: hidden;


    border: double 5px transparent;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #1e3c50, #bea594);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-sizing: border-box;


    align-self: flex-start;
}

.author_image img {
    border-radius: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;

    padding: 10px;
    object-fit: cover;
    object-position: center;

    transition: all .2s ease;
}

.author_image:hover img {
    transform: scale(1.1);
}

.author_text {
    margin-left: 36px;
}

.block-author h2.author_name,
.block-author h2.author_name a,
body .author_wrapper h1,
body .author_wrapper h1 a {
    font-size: 20px;
    font-weight: 900 !important;
    margin: 0 !important;
    text-decoration: none;
}

body .author_wrapper h1 a:hover {
    text-decoration: underline;
}

.author_wrapper h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

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

    .author_image {
        min-width: 33% !important;
    }
}

@media only screen and (max-width: 768px) {
    .author_wrapper {
        flex-direction: column;
        margin-top: 24px;
    }

    .author_image {
        min-width: 0 !important;
        max-width: 66% !important;
        margin: 0 auto !important;
    }

    .author_text {
        margin-left: 0;
    }

    body .author_wrapper h1 {
        margin-top: 36px !important;
    }
}

.copyright {
    white-space: nowrap;
    margin-bottom: 35px;
}

.intro-txt-wrapper .btn-primary {
    display: inline-block;
    margin-top: 32px;
}

.intro-txt-wrapper > div {
    color: white;
}

.intro-txt-wrapper > div > ul {
    margin-bottom: 24px
}

footer .footer-nav {
    max-width: max-content !important;
    margin: 0 24px;
    justify-content: center;
    flex-wrap: wrap;
}

#menu-footer-menu {
    flex-wrap: wrap;
    justify-content: center;
}

.wp-block-column a {
    text-decoration: underline;
    color: #1e3c50;
    font-weight: 400;
}

/** Consentbanner **/
.cmplz-close {
    display: none;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    order: 0;
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
    order: 3;
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
    background-color: var(--cmplz_button_settings_background_color);
    border: 1px solid var(--cmplz_button_settings_border_color);
    color: var(--cmplz_button_settings_text_color);
}

body .gform-field-label,
body .gfield_label {
    font-size: 20px !important;
}

body .gfield_description {
    font-size: 18px !important;
}

body .gform_button.button {
    background-color: #1e3c50;
    cursor: pointer;
    border: 2px solid #1e3c50;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 0.5em 3em !important;
    color: #fff;
    font-size: 20px !important;
    transition: all .2s ease;
}

body .ginput_container textarea,
body .ginput_container input {
    box-shadow: 0 0 !important;
    font-size: 16px !important;
}

body .ginput_container textarea:focus,
body .ginput_container input:focus {
    outline: 0;
}

/* Replace (erforderlich) with asterisk for required fields */
body .gfield_required {
    color: #ccc;
}