/*
 Theme Name:  Hansa Child
 
 Description:  Ein Child-Theme für BRC Hansa e.V.
 Author:       Claus Offa
 Template:     assembler
 Version:      1.0.0
*/


/* Ab hier kannst du dein eigenes CSS hinzufügen */

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-Italic.woff2') format('woff2'), url('font/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-Bold.woff2') format('woff2'), url('font/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-BoldItalic.woff2') format('woff2'), url('font/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('font/OpenSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-SemiBold.woff2') format('woff2'), url('font/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('font/OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-LightItalic.woff2') format('woff2'), url('font/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-ExtraBold.woff2') format('woff2'), url('font/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-Light.woff2') format('woff2'), url('font/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-Regular.woff2') format('woff2'), url('font/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
.wpcf7-submit {
    font-family: 'Open Sans', sans-serif !important;
}


/*Paletten*/

.has-primary-color {
    color: #D31C28;
}

.has-primary-background-color {
    background-color: #D31C28;
}

.has-secondary-color {
    color: #006F8E;
}

.has-secondary-background-color {
    background-color: #006F8E;
}

.has-accent-color {
    color: #e9f7f9;
}

.has-accent-background-color {
    background-color: #e9f7f9;
}

.has-black-color {
    color: #3f3f3f;
}

.has-black-background-color {
    background-color: #3f3f3f;
}

.has-white-color {
    color: #f4f4f4;
}

.has-white-background-color {
    background-color: #f4f4f4;
}


/*Klassen*/

.none {
    display: none;
}

.textbox-grey {
    background-color: rgba(255, 255, 255, 0.85) !important;
    /*box-shadow: 0.05em 0.05em 0.35em 0.05em #A3A4A3 !important;*/
    padding: 2em;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.green {
    color: rgb(148, 175, 9);
}

.site-description2 {
    font-size: 18px !important;
    font-size: 1.125em !important;
    text-transform: none;
}

body {
    background-color: #f0f0f0;
    font-size: 16px;
    background-color: #f4f4f4;
}


/*-----------------------------------------------------------------------------------*/


/*	Headlines
/*-----------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #111;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    text-transform: none;
    font-weight: 600 !important;
}

h1 {
    margin: 0 0 1.5em !important;
    font-size: 28px;
    font-size: 1.75rem;
}

h2 {
    margin: 1.4em 0 1.5em !important;
    font-size: 24px;
    font-size: 1.5rem;
}

h3 {
    margin: 1.2em 0 1.5em;
    font-size: 22px;
    font-size: 1.3125rem;
}

h4 {
    margin: 1em 0 1.5em !important;
    font-size: 18px;
    font-size: 1.125rem;
}

h5 {
    margin: 0.8em 0 1.5em !important;
    font-size: 18px;
    font-size: 1.125rem;
}

h6 {
    margin: 0.7em 0 1.5em !important;
    font-size: 16px;
    font-size: 1rem;
}

p,
a,
li {
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

strong a,
header h1 a {
    font-weight: bold;
}

main p,
main li,
main a,
footer .wp-block-columns p,
footer .wp-block-columns a,
footer .wp-block-columns li,
main cite,
p.cfb-block-front-desc {
    font-size: 18px;
    font-size: 1.125rem;
    color: #3f3f3f;
}


/*-----------------------------------------------------------------------------------*/


/*	Bilder
/*-----------------------------------------------------------------------------------*/

.wp-block-image img {
    display: block;
    width: 100%;
}


/*-----------------------------------------------------------------------------------*/


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

header .wp-container-content-2 {
    grid-column: span 4;
}

header .wp-block-site-logo.is-default-size img,
header .wp-block-site-logo img {
    height: auto;
    width: 100%;
    display: block;
}

header .custom-logo img {
    aspect-ratio: auto !important;
}

header .wp-block-search__button {
    background-color: #f4f4f4;
    color: #D31C28;
}

header .wp-block-search__input {
    background-color: #f4f4f4;
}

header nav ul ul li {
    color: #006f8e;
}

.wp-block-eedee-block-gutenslider {
    margin-top: 0;
}

.wp-block-site-tagline {
    text-transform: uppercase;
}

.wp-container-core-group-is-layout-4 p a {
    background-image: url(/wp-content/uploads/2024/10/xing.png);
    height: 35px;
    width: 35px;
    text-indent: -999999999999px;
    line-height: 0;
    margin: 0;
    padding: 0;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
}

.wp-container-core-group-is-layout-4 p a:hover {
    transform: scale(1.15, 1.15);
}

header h1 a {
    text-transform: none;
    font-size: 20px !important;
    font-size: 1.875rem !important;
}


/*-----------------------------------------------------------------------------------*/


/*	Main Menu
/*-----------------------------------------------------------------------------------*/

.mainmenu li {
    text-transform: uppercase;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    z-index: 9999;
}


/*-----------------------------------------------------------------------------------*/


/*	Aktuelles
/*-----------------------------------------------------------------------------------*/

.wp-block-query h2 {
    text-transform: none;
    line-height: 1.25;
}

.wp-block-query h2 a {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
}

.wp-block-query li {
    background-color: #e9f7f9;
    border-radius: 5px;
}

.wp-block-query img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

h3.aktuelles {
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-size: 22px;
    font-size: 1.3125rem;
    display: inline-block;
}

h3.aktuelles a {
    font-size: 22px;
    font-size: 1.3125rem;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid #006F8E;
    display: block;
    padding: 15px 10px;
    border-radius: 5px;
}

h3.aktuelles a:hover {
    border: 2px solid #D31C28;
}


/*-----------------------------------------------------------------------------------*/


/*	MAIN
/*-----------------------------------------------------------------------------------*/

main a:hover {
    color: #D31C28;
}

.bauchbinde h3 {
    margin-top: 0;
}


/*Flipbox*/

main .wp-block-cp-cool-flipbox-block .cfb-block-flip-content {
    padding: 0;
}

main .cfb-block-flip-front {
    border: 1px solid #006F8E;
}

main .cfb-block-flip-front h3.cfb-block-front-title a {
    color: #f4f4f4;
    text-decoration: none;
}

main .cfb-block-flip-front h3.cfb-block-front-title {
    margin-top: 20px;
}

.angebote-flip {
    gap: 1em !important;
}

main .wp-block-cp-cool-flipbox-block a {
    text-decoration: none;
}

main .wp-block-cp-cool-flipbox-block a:hover {
    text-decoration: underline;
    color: #f4f4f4;
}


/*Aktuelles*/

.aktuelles {
    margin-top: 0;
}


/*Fotoecke*/

.fotoecke a {
    text-decoration: none;
    font-size: 24px;
    font-size: 1.5rem;
}

.fotoecke .wp-block-cover {
    border-radius: 5px;
}


/*-----------------------------------------------------------------------------------*/


/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/

.ansprechpartner .wp-block-columns {
    gap: 20px;
}

.ansprechpartner figure {
    margin: 0 !important;
}


/*Kontaktformular*/

.sidebar .wpcf7-form p,
.sidebar .wpcf7-form p a {
    color: #3f3f3f;
}

.sidebar .wpcf7-form input {
    padding: 10px;
}

.sidebar .wpcf7-form .wpcf7-acceptance span,
.sidebar .wpcf7-form .wpcf7-acceptance span a {
    font-size: 16px;
    font-size: 1rem;
}

.sidebar .wpcf7-form .wpcf7-submit {
    background-color: #f4f4f4;
    color: #D31C28;
    border-color: #D31C28 !important;
}

.sidebar .wpcf7-form textarea,
.sidebar input.wpcf7-text {
    min-width: calc(100% - 20px);
}

.sidebar .wpcf7-quiz-label {
    display: block;
    margin-bottom: 20px;
    min-width: calc(100% - 20px);
}

.sidebar .wpcf7-form .wpcf7-quiz-label {
    font-weight: 300;
}

.sidebar .wp-block-query li {
    background-color: #f4f4f4;
}

.sidebar .wp-block-categories-list {
    padding-left: 0;
}

.sidebar .wp-block-categories-list li {
    list-style-type: none;
}

.sidebar .wp-block-categories-list li a {
    color: #f4f4f4;
}

.sidebar div[style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);background-image:url('https://test.brc-hansa.de/wp-content/uploads/2024/10/hintergrund-header4.jpg');background-position:50% 0;background-size:cover;"] {
    background-image: none !important;
    background-color: #e9f7f9;
}

.sidebar div[style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);background-image:url('https://test.brc-hansa.de/wp-content/uploads/2024/10/hintergrund-header4.jpg');background-position:50% 0;background-size:cover;"] p,
.sidebar div[style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);background-image:url('https://test.brc-hansa.de/wp-content/uploads/2024/10/hintergrund-header4.jpg');background-position:50% 0;background-size:cover;"] h3,
.sidebar div[style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);background-image:url('https://test.brc-hansa.de/wp-content/uploads/2024/10/hintergrund-header4.jpg');background-position:50% 0;background-size:cover;"] h4,
.sidebar div[style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);background-image:url('https://test.brc-hansa.de/wp-content/uploads/2024/10/hintergrund-header4.jpg');background-position:50% 0;background-size:cover;"] a {
    color: #3f3f3f !important;
}


/*-----------------------------------------------------------------------------------*/


/*	FOOTER
/*-----------------------------------------------------------------------------------*/

footer.wp-block-template-part {
    border-top: 2px solid #f4f4f4;
}

footer .wp-block-group.alignfull.has-primary-background-color {
    margin-top: 2px;
}

.copyright nav li a {
    color: #f4f4f4 !important;
}

.copyright nav li a:hover,
footer nav li a:hover {
    text-decoration: underline;
}

.copyright p span {
    color: #f4f4f4 !important;
}

footer nav li a,
footer .tribe-common .tribe-common-b2,
footer .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month,
footer .tribe-common .tribe-common-h2,
footer p,
footer p a {
    color: #f4f4f4 !important;
}

footer .tribe-events-widget .tribe-events-widget-events-list__event-row {
    margin-bottom: 0;
}

footer .tribe-events-widget-events-list__event h3 a,
.tribe-common .tribe-common-b1,
.tribe-common a:not(.tribe-common-anchor--unstyle):visited {
    color: #f4f4f4 !important;
}

footer .wp-block-columns a.tribe-events-widget-events-list__view-more-link {
    font-size: 16px;
    font-size: 1rem;
    color: #f4f4f4;
}

footer .wp-block-columns a.tribe-events-widget-events-list__view-more-link:hover {
    border-bottom-color: #f4f4f4;
}

footer .tribe-events-widget-events-list__event h3 a.tribe-common-anchor-thin:hover {
    border-bottom: 1px solid #f4f4f4;
}

footer .kleingedrucktes .wp-block-columns {
    gap: 0;
}


/*-----------------------------------------------------------------------------------*/


/*	BLOG
/*-----------------------------------------------------------------------------------*/

.blog main h1 {
    margin-bottom: 68px !important;
}

.blog main .is-layout-grid,
.archive main .is-layout-grid {
    gap: 60px 20px;
}

.archive main h1 {
    margin-bottom: 28px !important;
}


/*Single*/

.single .wp-block-post-featured-image {
    margin-top: 0 !important;
}

.single main .wp-block-post-content p:first-child {
    margin-top: 0;
}


/*-----------------------------------------------------------------------------------*/


/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/


/*Mobile*/

@media screen and (max-width:599px) {
    /*Header*/
    .main-header {
        position: relative;
    }
    header .wp-container-core-group-is-layout-3 {
        justify-content: space-around;
        margin: 20px 0 !important;
        position: absolute;
        bottom: -12px;
        z-index: 9999;
        right: 20px;
    }
    header .wp-container-core-group-is-layout-4 {
        gap: 0;
    }
    header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
        color: #3f3f3f !important;
        font-size: 18px;
        font-size: 1.125rem;
    }
    header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
    .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close:hover {
        color: #D31C28 !important;
    }
    /*Main*/
    .aktuelles ul {
        gap: 40px 0;
    }
}


/*Tablet*/

@media screen and (min-width:600px) and (max-width: 936px) {
    header .wp-container-content-2 {
        grid-column: 3 / 4;
    }
}

@media screen and (min-width:768px) {
    .angebote-flip.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: calc(50% - 10px) !important;
        flex-grow: unset;
    }
    .angebote-flip.wp-block-columns {
        flex-wrap: wrap !important;
    }
}

@media screen and (min-width:937px) {
    header .wp-container-content-2 {
        grid-column: 4 / 5;
    }
}

@media screen and (min-width:1160px) {
    header .wp-container-content-2 {
        grid-column: 5 / 6;
    }
    .angebote-flip.wp-block-columns {
        flex-wrap: nowrap !important;
    }
}

@media screen and (min-width:1372px) {
    header .wp-container-content-2 {
        grid-column: 6 / 7;
    }
}