/*
Theme Name: Wildcats
Theme URI: 
Author: Halbe Treppe GmbH
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: wildcats
Tags: 
*/

/*
=======================================
=======================================
Material Symbols
=======================================
=======================================
*/
@font-face {
	font-family:"Material Symbols Sharp";
	font-weight: 300;
	font-display: auto;
	src: url('/wp-content/themes/wildcats/assets/fonts/material-symbols/material-symbols-sharp.woff2') format('woff2');
}
@font-face {
	font-family:"Material Symbols Rounded";
	font-weight: 300;
	font-display: auto;
	src: url('/wp-content/themes/wildcats/assets/fonts/material-symbols/material-symbols-rounded.woff2') format('woff2');
}
@font-face {
	font-family:"Material Symbols Outlined";
	font-weight: 300;
	font-display: auto;
	src: url('/wp-content/themes/wildcats/assets/fonts/material-symbols/material-symbols-outlined.woff2') format('woff2');
}
.material-symbols-outlined { font-family:"Material Symbols Outlined"; }
.material-symbols-rounded,
.wil-submenu-icon .wp-block-navigation-item__content::before,
.wil-mobile-menu .wp-block-navigation-item__content::before,
.wil-footer-menu .wp-block-navigation-item__content::before,
.wp-block-file a::before { font-family:"Material Symbols Rounded"; }
.material-symbols-sharp { font-family:"Material Symbols Sharp"; }

.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp,
.wil-submenu-icon .wp-block-navigation-item__content::before,
.wil-mobile-menu .wp-block-navigation-item__content::before,
.wil-footer-menu .wp-block-navigation-item__content::before,
.wp-block-file a::before { font-weight:normal; font-style:normal; font-size:1.5em; display:inline-block; line-height:1; text-transform:none; letter-spacing:normal; word-wrap:normal; white-space:nowrap; direction:ltr; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; font-feature-settings:'liga'; }

/* Icons */
/* Icons - Flex */
.icon-flex { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; gap:4px 5px; }
/*.icon-flex .material-symbols-outlined,
.icon-flex .material-symbols-rounded,
.icon-flex .material-symbols-sharp { transform:translateY(0.125em); }*/

/* Smooth Scrolling */
html { scroll-behavior:smooth; overflow-x:hidden; }
body { overflow-x:hidden; }

.entry-content * { scroll-margin-top:90px; }

/* Leere Absätze verstecken */
p:empty { display:none; }

/* Logo */
.site-logo-img img { object-fit:cover; width:140px; height:90px; }
.wp-block-image.site-logo-img { margin:0; }

/* Menüs */
.swt-sticky-header { box-shadow:0px 8px 24px -8px rgba(0, 0, 0, 0.08); }
.desktopmenu.wp-block-navigation a:hover,
.banner-menu-wrapper .wp-block-navigation a:hover { color:var(--wp--preset--color--primary); }

.wil-submenu-wrapper { background:linear-gradient(120deg, var(--wp--preset--color--surface) 90%, var(--wp--preset--color--tertiary) 90%, var(--wp--preset--color--tertiary) 93%, var(--wp--preset--color--quaternary) 93%, var(--wp--preset--color--quaternary) 94%, var(--wp--preset--color--primary) 94%); }

.wil-submenu-wrapper-icon a { font-weight:400; color:var(--wp--preset--color--body); font-size:var(--wp--preset--font-size--medium); }
.wil-submenu-wrapper-icon a:hover,
.wil-submenu-wrapper-icon a:focus { font-weight:400; color:var(--wp--preset--color--primary); }
.wil-submenu-wrapper-icon a .material-symbols-rounded { color:var(--wp--preset--color--primary); transform:translateY(-0.125em); }

.wp-block-ollie-mega-menu__menu-container .menu-container__close-button { top:20px; right:20px; padding:5px; }
.wp-block-ollie-mega-menu__menu-container .menu-container__close-button svg { transform:translate(-1.5px,-2px); }

.wil-submenu-hor li:not(:last-child)::after { content:"//"; display:inline-block; color:var(--wp--preset--color--quaternary); margin-left:var(--wp--preset--spacing--xx-small); letter-spacing:-2px; }
.wil-align-flex-start { align-items:flex-start; }

.wil-submenu-icon { font-size:var(--wp--preset--font-size--medium); }

.wil-submenu-icon .wp-block-navigation-item__content,
.wil-mobile-menu .wp-block-navigation-item__content,
.wil-footer-menu .wp-block-navigation-item__content { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; column-gap:var(--wp--preset--spacing--xxx-small); }

.wil-submenu-icon .wp-block-navigation-item__content::before,
.wil-mobile-menu .wp-block-navigation-item__content::before,
.wil-footer-menu .wp-block-navigation-item__content::before { content:"arrow_forward"; color:var(--wp--preset--color--primary); }

li.team .wp-block-navigation-item__content::before { content:"groups"; }
li.spielerinnen .wp-block-navigation-item__content::before { content:"sports_handball"; }
li.teambetreuung .wp-block-navigation-item__content::before { content:"sports"; }
li.tabelle .wp-block-navigation-item__content::before { content:"format_list_numbered"; }
li.spielplan .wp-block-navigation-item__content::before { content:"calendar_month"; }

li.home .wp-block-navigation-item__content::before { content:"home"; }
li.news .wp-block-navigation-item__content::before { content:"news"; }
li.partner .wp-block-navigation-item__content::before { content:"handshake"; }

/* Mobile Menüs */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { align-items:flex-start; }

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { flex-direction:row; }

/* Banner */
@media only screen and (min-width:1600px) {
    .wildcats-banner-bg::before { content:""; position:absolute; pointer-events:none; top:-0px; left:-0px; width:100%; height:100%; background-image:linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 80%, rgb(255, 255, 255) 100%); opacity:1; }
}

@media only screen and (max-width:766px) {
    .wildcats-banner-bg::before { content:""; position:absolute; pointer-events:none; top:-0px; left:-0px; width:100%; height:100%; background-image:linear-gradient(90deg, rgb(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.7) 80%); opacity:1; }
}

.banner-menu-wrapper { transform:skewX(-15deg); }
.banner-menu-wrapper .wp-block-navigation__container { gap:0; text-transform:uppercase; letter-spacing:1px; font-weight:500; }
.banner-menu-wrapper li a.wp-block-navigation-item__content { padding:20px; }
.banner-menu-wrapper li:not(:first-child) a.wp-block-navigation-item__content { border-left:solid 2px rgba(30,30,30,0.1); }
.banner-menu-wrapper .wp-block-navigation-item__label { display:inline-block; transform:skewX(15deg); }

.wildcats-banner-logo.wildcats-banner-logo { margin-bottom:0; }
.wildcats-banner-logo.wildcats-banner-logo img { height:140px; width:auto; }
@media only screen and (max-width:976px) {
    .wildcats-banner-logo.wildcats-banner-logo img { height:75px; }
}

/* Nächstes Heimspiel */
.sp-heading { font-size:var(--wp--preset--font-size--medium); margin:0 0 var(--wp--preset--spacing--x-small) 0; }
.sp-wettbewerb,
.sp-datum,
.sp-ort { font-weight:600; }
.sp-paarung { margin-top:0; margin:var(--wp--preset--spacing--xx-small) 0; font-size:var(--wp--preset--font-size--xxx-large); }
.sp-datum { margin:0 0 var(--wp--preset--spacing--xx-small) var(--wp--preset--spacing--small); }
.sp-ort { margin-left:var(--wp--preset--spacing--medium); }
.sp-wrapper .material-symbols-rounded { color:var(--wp--preset--color--primary); }
.spieltagssponsor { background-color:#fff; padding:var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small) var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small); font-size:0.667em; letter-spacing:1px; font-weight:700; text-transform:uppercase; margin-top:var(--wp--preset--spacing--large); display:flex; flex-direction:column; align-items:center; justify-content:center; row-gap:var(--wp--preset--spacing--xx-small); width:fit-content; border-radius:3px; border-width:2px; border-color:var(--wp--preset--color--primary); border-style:solid; box-shadow:20px 20px 20px -20px rgba(0, 0, 0, 0.6); max-width:60%; }
.spieltagssponsor .wp-post-image { height:6em; width:auto; max-width:100%; }

/* Überschriften */
/* Highlight Heading (Blau) */
.heading-highlight { line-height:1.5em; transform:rotate(-5deg); }
.heading-highlight > span { display:inline; background-color:var(--wp--preset--color--primary); color:#fff; padding:10px 0; border-left:solid 10px var(--wp--preset--color--primary); border-right:solid 10px var(--wp--preset--color--primary); box-shadow:20px 20px 20px -20px rgba(0, 0, 0, 0.6); -webkit-box-decoration-break:clone; -ms-box-decoration-break:clone; -o-box-decoration-break:clone; box-decoration-break:clone; }
.wpv-loop-item-wrapper.sponsoren .heading-highlight > span { background-color:var(--wp--preset--color--body); border-right-color:var(--wp--preset--color--body); border-left-color:var(--wp--preset--color--body); }

.heading-highlight.sp-paarung > span { border-left-width:20px; border-right-width:20px; }
.heading-highlight.sp-wettbewerb > span { background-color:#DD737C; border-left-color:#DD737C; border-right-color:#DD737C; }
.heading-highlight.sp-datum > span { background-color:var(--wp--preset--color--outline); border-left-color:var(--wp--preset--color--outline); border-right-color:var(--wp--preset--color--outline); }
.heading-highlight.sp-ort > span { background-color:#fff; border-left-color:#fff; border-right-color:#fff; color:var(--wp--preset--color--body); }

.heading-highlight.sp-wettbewerb,
.heading-highlight.sp-paarung,
.heading-highlight.sp-datum,
.heading-highlight.sp-ort { position:relative; }

.heading-highlight.sp-paarung { z-index:3; }
.heading-highlight.sp-wettbewerb,
.heading-highlight.sp-datum { z-index:2; }
.heading-highlight.sp-ort { z-index:1; }

/* Silbentrennung */
h1, h2, h3, h4, h5, h6,
.balance,
.silbentrennung,
.wp-block-table td,
.wp-block-table th { text-wrap:balance; hyphens:auto; hyphenate-limit-chars:8 3 4; hyphenate-limit-lines:2; }

.wil-help { cursor:help; }
.wil-foreground { z-index:2; }
.wil-background { z-index:1; }

/* Buttons */
.wp-element-button,
.wp-block-button__link,
input[type=submit],
input[type=button],
button { transition:all 200ms ease; }

.is-style-outline .wp-element-button:hover,
.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-element-button:focus,
.is-style-outline .wp-block-button__link:focus { border-color:var(--wp--preset--color--body); color:var(--wp--preset--color--body); }

/* Tabellen */
.wp-block-table td,
.wp-block-table th { vertical-align:top; padding:0 var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--x-small) 0; }

/* Downloads */
.wp-block-file a { display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; column-gap:var(--wp--preset--spacing--xxx-small); }
.wp-block-file a::before { content:"download"; }

/* Home */

/* WPV Loops (News, Sponsoren) */
.wpv-loop-item-wrapper { display:flex; flex-direction:row; flex-wrap:wrap; align-content:stretch; justify-content:flex-start; column-gap:2%; row-gap:var(--wp--preset--spacing--small); }
.wpv-loop-item-wrapper.zentriert { justify-content:center; }

.wpv-loop-item-wrapper .wpv-loop-item { width:23.5%; background-color:var(--wp--preset--color--background); box-shadow:0px 10px 20px rgba(0, 0, 0, 0.1); overflow:hidden; transition:transform 200ms ease; }

@media screen and (min-width: 977px) {
	.wpv-loop-item-wrapper.dreispaltig .wpv-loop-item { width:32%; }
}

.wpv-loop-item-wrapper .wpv-loop-item.title { background-color:var(--wp--preset--color--primary); color:var(--wp--preset--color--surface); padding:var(--wp--preset--spacing--x-small); }
.wpv-loop-item-wrapper.sponsoren .wpv-loop-item.title { background-color:transparent; padding:0; overflow:visible; justify-content:flex-start; }

.wpv-loop-item-wrapper .wpv-loop-item.title h2 { margin:0; color:var(--wp--preset--color--surface); }
.wpv-loop-item-wrapper:not(.sponsoren) .wpv-loop-item.title h2 { font-size:var(--wp--preset--font-size--xxx-large); }

.wpv-loop-item-wrapper.sponsoren .wpv-loop-item { box-shadow:none; display:flex; align-items:center; justify-content:center; flex-direction:row; flex-wrap:wrap; padding:var(--wp--preset--spacing--small);  }
.wpv-loop-item-wrapper.sponsoren .wpv-loop-item .wp-post-image { height:6em; width:auto; max-width:100%; }

.wpv-loop-item-wrapper a.wpv-loop-item:hover,
.wpv-loop-item-wrapper a.wpv-loop-item:focus { transform: scale(1.05); }
.wp-block-post-featured-image img { width:100%; height:175px; object-fit:cover; object-position:50% 0; }
.programmhefte .wp-block-post-featured-image img { height:auto; object-fit:scale-down; }
.wpv-loop-item-meta { display:flex; flex-wrap:wrap; column-gap:var(--wp--preset--spacing--xxx-small); font-size:var(--wp--preset--font-size--x-small); margin-bottom:var(--wp--preset--spacing--xx-small); padding:0 var(--wp--preset--spacing--x-small); color:var(--wp--preset--color--primary); }
.wpv-loop-item-title { font-size:var(--wp--preset--font-size--medium); margin:0 0 var(--wp--preset--spacing--small) 0; padding:0 var(--wp--preset--spacing--x-small); }

@media screen and (max-width: 976px) {
	.wpv-loop-item-wrapper .wpv-loop-item { width:32%; }
}

@media screen and (max-width: 976px) and (min-width: 768px) {
	.wpv-loop-item-wrapper:not(.sponsoren) .wpv-loop-item.title { width:100%; background-color:transparent; color:var(--wp--preset--color--body); box-shadow:none; }
	.wpv-loop-item-wrapper:not(.sponsoren) .wpv-loop-item.title h2 { color:var(--wp--preset--color--body); font-size:var(--wp--preset--font-size--xx-large); }
}

@media screen and (max-width: 767px) {
	.wpv-loop-item-wrapper { column-gap:3%; }
	.wpv-loop-item-wrapper .wpv-loop-item { width:48.5%; }
}

@media all and (max-width: 544px) {
	.wpv-loop-item-wrapper .wpv-loop-item { width:100%; }
	.wpv-loop-item-wrapper:not(.sponsoren) .wpv-loop-item.title { width:100%; background-color:transparent; color:var(--wp--preset--color--body); box-shadow:none; }
	.wpv-loop-item-wrapper:not(.sponsoren) .wpv-loop-item.title h2 { color:var(--wp--preset--color--body); font-size:var(--wp--preset--font-size--xx-large); }
}

/* Toolset Views Filter */
.wpv-filter-item-wrapper { display:flex; flex-direction:row; flex-wrap:wrap; align-content:center; justify-content:flex-start;  column-gap:1%; row-gap:var(--wp--preset--spacing--xx-small); margin-bottom:var(--wp--preset--spacing--medium); font-size:var(--wp--preset--font-size--small); }
.wpv-filter-item-wrapper .wpv-filter-item { width:24.25%; display:flex; flex-direction:row; flex-wrap:wrap; align-content:center; justify-content:flex-start;  column-gap:1%; row-gap:var(--wp--preset--spacing--xx-small); }
.wpv-filter-item-wrapper .wpv-filter-item input:not([type="button"]),
.wpv-filter-item-wrapper .wpv-filter-item select,
.wpv-filter-item-wrapper .wpv-filter-item textarea { line-height:1em; height:2.5em; }

form .wpv-filter-item-wrapper .wpv-filter-item input[type=submit],
form .wpv-filter-item-wrapper .wpv-filter-item input[type=button],
form .wpv-filter-item-wrapper .wpv-filter-item button { margin-bottom:0; padding: var(--wp--preset--spacing--xx-small) var(--wp--preset--spacing--x-small); border:solid 2px var(--wp--preset--color--primary); height:2.5em; background-color:transparent; color:var(--wp--preset--color--primary); }
form .wpv-filter-item-wrapper .wpv-filter-item input[type=submit]:hover,
form .wpv-filter-item-wrapper .wpv-filter-item input[type=button]:hover,
form .wpv-filter-item-wrapper .wpv-filter-item button:hover,
form .wpv-filter-item-wrapper .wpv-filter-item input[type=submit]:focus,
form .wpv-filter-item-wrapper .wpv-filter-item input[type=button]:focus,
form .wpv-filter-item-wrapper .wpv-filter-item button:focus { border:solid 2px var(--wp--preset--color--body); color:var(--wp--preset--color--body); }

/* News (Post) */
.wil-featured-image { position:absolute!important; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.wil-featured-image img { width:100%; height:100%; object-fit:cover; object-position:50% 0; }

/* Bildergalerien (Post) */
.ht-block-post-date { font-weight:700; font-size: var(--wp--preset--font-size--x-small); }

/* Sponsoren */
.sponsoren-wrapper { position:relative; padding-left:60px; padding-right:60px; }
.sponsoren-loop-wrapper { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; }
.sponsoren-loop-wrapper .sponsor { width:20%; text-align:center; }
.sponsoren-loop-wrapper .sponsor img { height:6em; width:auto; max-width:100%; }

.arrow { position:absolute; top:calc(50% - var(--wp--preset--spacing--large)); height:40px; width:40px; overflow:hidden; border-radius:40px; line-height:1em; display:flex; justify-content:center; align-items:center; }
.arrow > a,
.arrow > span { display:flex; align-items:center; justify-content:center; }
.arrow.previous { left:0; }
.arrow.next { right:0; }
.wpv-pagination-nav-links-container.pagination-dots { justify-content:center; margin-top:var(--wp--preset--spacing--medium); }

@media only screen and (max-width:976px) {
	.sponsoren-loop-wrapper { flex-wrap:wrap; justify-content:center; row-gap:40px; column-gap:10%; }
	.sponsoren-loop-wrapper .sponsor { width:40%; }
}

@media all and (max-width: 544px) {
	.arrow { display:none; }
	.sponsoren-wrapper { padding-left:0; padding-right:0; }
}

/* Menü */
.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle { display:flex; }
.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle:hover,
.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle:focus { color:var(--wp--preset--color--primary); }
.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle .wp-block-ollie-mega-menu__toggle-icon svg { height:auto; width:auto; }

/* Profile */
.profil-wrapper { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; column-gap:2%; row-gap:20px; width:100%; }

.profil-wrapper .profil { display:flex; flex-direction:column; width:23.5%; position:relative; background:linear-gradient(45deg, var(--wp--preset--color--quaternary) 12%, var(--wp--preset--color--tertiary) 12%, var(--wp--preset--color--tertiary) 39%, var(--wp--preset--color--surface) 39%, var(--wp--preset--color--surface) 87%, var(--wp--preset--color--tertiary) 87%, var(--wp--preset--color--tertiary) 92%, var(--wp--preset--color--quaternary) 92%, var(--wp--preset--color--quaternary) 94%, var(--wp--preset--color--primary) 94%); padding-top:var(--wp--preset--spacing--x-small); height:360px; border-radius:3px; overflow:hidden; z-index:1; box-shadow: var(--wp--preset--shadow--natural); }

.profil-wrapper .profil[role="button"]::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 500ms ease; z-index:0; background:linear-gradient(45deg, var(--wp--preset--color--quaternary) 8%, var(--wp--preset--color--tertiary) 8%, var(--wp--preset--color--tertiary) 25%, var(--wp--preset--color--surface) 25%, var(--wp--preset--color--surface) 92%, var(--wp--preset--color--tertiary) 92%, var(--wp--preset--color--tertiary) 96%, var(--wp--preset--color--quaternary) 96%, var(--wp--preset--color--quaternary) 98%, var(--wp--preset--color--primary) 98%); }

.profil-wrapper .profil[role="button"]:hover::before,
.profil-wrapper .profil[role="button"]:focus::before { opacity:1; }

.profil-wrapper .profil[role="button"] { cursor:pointer; }
.profil-wrapper .profil[role="button"]:focus { outline:3px solid #000; outline-offset:4px; }

.profil-wrapper img.profilbild { width:100%; height:100%; object-fit:cover; object-position:50% 0; z-index:2; transition:transform 300ms ease; }
.profil-wrapper .profil[role="button"]:hover img.profilbild,
.profil-wrapper .profil[role="button"]:focus img.profilbild { transform: scale(1.1); }
.profil-wrapper .name,
.profil-wrapper .trikotnummer { position:absolute; left:20px; width:calc(100% - 20px); z-index:3; }
.profil-wrapper .name { bottom:20px; font-size:var(--wp--preset--font-size--medium); }
.profil-wrapper .trikotnummer { top:20px; font-weight:700; color:var(--wp--preset--color--outline); }

.profil-wrapper .name.heading-highlight span { padding:5px 0; }

/* Popups */
.overlay { position:fixed; inset:0; background:rgba(0, 0, 0, 0.8); backdrop-filter:blur(10px); visibility:hidden; opacity:0; transition:opacity 300ms ease; z-index:1000; }
.overlay.is-open { visibility:visible; opacity:1; }

.popup { margin:40px auto; padding:60px; background:#fff; border-radius:3px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:70vh; width:800px; overflow-y:auto; scrollbar-width:thin; }
.popup::-webkit-scrollbar { width:4px; }

.popup .close-wrapper { text-align:right; position:sticky; top:0; }
.popup .close { position:absolute; top:-40px; right:-40px; font-size:30px; font-weight:bold; text-decoration:none; background:#000; color:#fff; padding:0 10px; border-radius:3px; border:none; cursor:pointer; z-index:2; }
.popup .close:focus,
.popup a:focus,
.popup button:focus { outline:3px solid #000; outline-offset:2px; }
html.modal-open,
body.modal-open { overflow:hidden; }

.overlay .popup h2 { margin-bottom:0; }
.overlay .popup p.pr-taetigkeit { font-size:var(--wp--preset--font-size--x-large); color:var(--wp--preset--color--outline); margin-bottom:var(--wp--preset--spacing--large); font-weight:500; }
.pr-details,
.pr-kontakt { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; column-gap:20px; row-gap:10px; }

@media screen and (max-width: 976px) {
	.profil-wrapper .profil { width:32%; }
	.popup { margin:0 auto; width:80vw; padding:40px; }
	.popup .close { position:absolute; top:-20px; right:-20px; }
}

@media screen and (min-width: 768px) {
	.kontaktperson .profil-wrapper .profil { min-width:49%; }
}

@media screen and (max-width: 767px) {
	.profil-wrapper { column-gap:3%; }
	.profil-wrapper .profil { width:48.5%; }
	.popup { width: calc(100% - (2 * var(--wp--preset--spacing--x-small))); padding:20px 20px 40px 20px; height:80vh; }
	.popup .close { position:absolute; top:-10px; right:-10px; }
}

@media all and (max-width: 544px) {
	.profil-wrapper .profil { width:100%; }
}

/* BG Box Dunkel */
.wil-bg-box-dunkel { background:linear-gradient(90deg,#fff 5%, var(--wp--preset--color--neutral) 5%, var(--wp--preset--color--neutral) 95%, #fff 95%); margin-bottom:120px!important; }
.wil-bg-box-dunkel > h2 { color:#fff; text-align:center; transform:translateY(60px); width:90%; }
.wil-bg-box-dunkel .profil-wrapper .profil,
.kontaktperson .profil-wrapper .profil { transform:translateY(60px); }

/* BG Box Kontaktperson */
.kontaktperson { background:linear-gradient(90deg,#fff 10%, var(--wp--preset--color--surface) 10%, var(--wp--preset--color--surface) 90%, #fff 90%); margin-bottom:120px!important; }
.kontaktperson > h2 { text-align:center; transform:translateY(60px); width:80%; }

@media all and (max-width: 544px) {
	.wil-bg-box-dunkel > h2,
	.kontaktperson > h2 { text-align:left; }
	.wil-bg-box-dunkel { background:linear-gradient(90deg, var(--wp--preset--color--neutral) 90%, #fff 90%); }
	.kontaktperson { background:linear-gradient(90deg, var(--wp--preset--color--surface) 90%, #fff 90%); }
}

/* handball.net Widget */
.hb-embed,
.hb-embed a { color:var(--wp--preset--color--body); }
.hb-embed__title-container,
.hb-embed__table thead th { border-bottom-color:var(--wp--preset--color--primary); }
.hb-embed__btn.hb-embed__btn-primary { background-color:var(--wp--preset--color--primary)!important; border-color:var(--wp--preset--color--primary)!important; }

/* Formulare */

fieldset { border-width:0; margin:0; padding:0; }

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=url],
input[type=tel],
input[type=phone],
input[type=search],
select,
textarea { color:var(--wp--preset--color--body); background-color:var(--wp--preset--color--background); border-color:var(--wp--preset--color--tertiary); border-width:2px; border-style:solid; border-radius:0; width:100%; padding:var(--wp--preset--spacing--xx-small) var(--wp--preset--spacing--x-small); box-sizing:border-box; outline:none; font-family:inherit; font-size:1em; font-weight:400; line-height:1.5em; }

footer input[type=text],
footer input[type=password],
footer input[type=email],
footer input[type=number],
footer input[type=url],
footer input[type=tel],
footer input[type=phone],
footer input[type=search],
footer select,
footer textarea { border-color:var(--wp--preset--color--primary); font-size:var(--wp--preset--font-size--small); }

input:not([type=file]):not([type=range]):not([readonly]):focus,
select:focus,
textarea:focus { outline:3px solid var(--wp--preset--color--primary); outline-offset:2px; }

form input[type=submit],
form input[type=button],
form button { font-family:inherit; width:auto; font-size:1em; height:auto; line-height:1em; text-align:center; background:var(--wp--preset--color--primary); border-width:0; border-color:var(--wp--preset--color--primary); border-style:solid; color:var(--wp--preset--color--background); cursor:pointer; font-weight:400; border-radius:3px; text-shadow:none; padding:var(--wp--preset--spacing--x-small)var(--wp--preset--spacing--small); box-sizing:border-box; box-shadow:none; margin-bottom:var(--wp--preset--spacing--x-small); margin-left:0; margin-right:0; vertical-align: middle; }

footer form input[type=submit],
footer form input[type=button],
footer form button { font-size:var(--wp--preset--font-size--small); }

.frm_error { color:var(--wp--preset--color--primary); font-size:var(--wp--preset--font-size--small); margin-top:var(--wp--preset--spacing--xxx-small); }
.form-field { margin-bottom:var(--wp--preset--spacing--small); }
.frm_message { background-color:var(--wp--preset--color--background); padding:var(--wp--preset--spacing--small); border-radius:3px; border-color:var(--wp--preset--color--primary); border-width:2px; border-style:solid; }