:root {
	--fixed-size: 1200px;
	--fixed-size--small: calc(var(--fixed-size) * 0.7);
	
	--violet: #594395;
	--black: #232323;
	--white: #ffffff;
	
	--h1: clamp(28px, calc(23.926px + 1.3580vw), 50px);
	--h2: clamp(24px, calc(21.778px + 0.7407vw), 36px);
	--h3: clamp(22px, calc(20.889px + 0.3704vw), 28px);
	--h4: clamp(18px, calc(17.259px + 0.2469vw), 22px);
	--subheadline: clamp(18px, calc(16.148px + 0.6173vw), 28px);
	--p: clamp(14px, calc(13.63px + 0.1235vw), 16px);
	
	--font-bold: "Poppins-Medium";
	--font-light: "Poppins-Light";
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* ======================
TYPOGRAPHY
====================== */
@font-face {
    font-family: "Poppins-Light";
    src: url("/wp-content/bandf-files/font/Poppins/Poppins-Light.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins-Medium";
    src: url("/wp-content/bandf-files/font/Poppins/Poppins-Medium.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}

h1 {
	font-family: var(--font-light);
	font-size: var(--h1);
	line-height: 1.2;
	color: var(--black);
	text-transform: uppercase;
}

h2 {
	font-family: var(--font-light);
	font-size: var(--h2);
	line-height: 1.2;
	color: var(--black);
	text-transform: uppercase;
}

h3 {
	font-family: var(--font-light);
	font-size: var(--h3);
	line-height: 1.2;
	color: var(--black);
}

h4 {
	font-family: var(--font-light);
	font-size: var(--h4);
	line-height: 1.2;
	color: var(--black);
}

.subheadline {
	font-family: var(--font-bold);
	font-size: var(--subheadline);
	line-height: 1.2;
	color: var(--violet);
}

p {
	font-family: var(--font-light);
	font-size: var(--p);
	line-height: 1.2;
	color: var(--black);
}

a {
	color: inherit;
	text-decoration: none;
}

li {
	font-family: var(--font-light);
}

.text-white {
	color: var(--white);
}

.text-black {
	color: var(--black);
}
/* ======================
TYPOGRAPHY END
====================== */
/**/
/**/
/**/
/* ======================
UTILITY
====================== */
.fixed-size {
	max-width: var(--fixed-size);
	padding: 0 30px;
	margin: 0 auto;
}

.fixed-size--small {
	max-width: var(--fixed-size--small);
}

section + section {
	margin-top: 6em !important;
}

.header + section {
	margin-top: 3em !important;
}

.footer__container {
	margin-top: 6em;
}

.wp-block-button__link.wp-element-button {
	background-color: transparent;
	border: 2px solid var(--white);
	padding: calc(0.667em + 2px) calc(2.333em + 2px);
	font-family: var(--font-light);
}

.wp-block-button__link.wp-element-button::after {
	content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-left: 10px;
}

.btn--dark {
	margin-top: 2em !important;
}

.btn--dark .wp-block-button__link.wp-element-button {
  	background-color: var(--violet);
  	border: none;
	border-radius: 15px;
  	padding: calc(0.667em + 2px) calc(2.333em + 2px);
  	font-family: var(--font-light);
}

.btn--dark .wp-block-button__link.wp-element-button::after {
  	display: none;
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper:first-child,
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper {
	border: 2px solid var(--violet);
	border-radius: 50px;
	margin-bottom: 20px;
	width: 100%;
	padding: 15px 0;
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__header {
	padding: 0;
}

.wp-block-getwid-accordion__header-title {
	font-family: var(--font-light);
	padding-left: 30px;
}

.wp-block-getwid-accordion__content {
	border: none;
}

.wp-block-getwid-accordion__icon {
  	margin: 0 30px 0 0;
}

.slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.slick-dots li {
    width: 50px !important;
    height: 4px !important;
    margin: 0 !important;
}

.slick-dots li button {
    width: 100% !important;
    height: 4px !important;
    padding: 0 !important;
    border-radius: 10px;
    background: #ded9e8 !important;
}

.slick-dots li button::before {
    display: none !important;
}

.slick-dots li.slick-active button {
    background: var(--violet) !important;
}
/* ======================
UTILITY END
====================== */
/**/
/**/
/**/
/* ======================
GENERAL
====================== */
.header {
	min-height: clamp(150px, calc(66.667px + 27.778vw), 600px);
}

.has-logo {
	position: relative;
	z-index: 1;
}

.has-logo::before {
	content: "";
  	display: block;
  	position: absolute;
  	background: url("/wp-content/uploads/2026/09/onkologie_gelsenkirchen_favicon.png") center / contain no-repeat;
  	width: clamp(200px, calc(144.444px + 18.5185vw), 500px);
	aspect-ratio: 330 / 300;
	height: auto;
	top: 40%;
  	left: -70px;
	opacity: 0.2;
  	z-index: 0;
}

.slick-slide img {
	display: block;
	margin: 0 auto;
}

.wp-block-getwid-content-slider-slide__wrapper {
	padding: 10px;
}

.has-shadow {
	padding: 50px 0 150px 0;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
}

.wp-container-core-group-is-layout-cda6dc4f svg {
	display: block;
	margin: 0 auto;
}

.galerie-praxis {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
	margin-top: -100px;
}

.galerie-praxis > .wp-block-image {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.galerie-praxis > .wp-block-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.galerie-praxis > .wp-block-image:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    aspect-ratio: 1 / 1;
}

.galerie-praxis > .wp-block-image:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    aspect-ratio: 1 / 1;
}

.galerie-praxis > .wp-block-image:nth-child(3) {
    grid-column: 3 / 5;
    grid-row: 1;
}

.galerie-praxis > .wp-block-image:nth-child(4) {
    grid-column: 1 / 3;
    grid-row: 2;
}

.galerie-praxis > .wp-block-image:nth-child(5) {
    grid-column: 3 / 5;
    grid-row: 2;
}

.footer__container {
	background-color: var(--violet);
	padding: 3em 0 1em 0;
}

.footer__table td {
	border: none;
	color: var(--white);
	font-family: var(--font-light);
	font-size: var(--p);
	padding: 0;
}

.footer__table td:first-child {
	width: 70px;
}

.footer__links {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 20px;
	list-style-type: none;
}

.footer__links li {
	color: var(--white);
}

.footer__links li:last-child::before {
	content: "|";
	padding-right: 20px;
}

.banner-bandf {
	margin-top: 0;
  	height: 150px;
  	min-height: 150px;
}

.wp-container-core-group-is-layout-45fa7e1d {
	align-items: end;
	gap: 10px;
}

.wp-container-core-group-is-layout-45fa7e1d p {
	line-height: clamp(15px, calc(13.148px + 0.6173vw), 25px);
	font-size: clamp(11px, calc(10.074px + 0.3086vw), 16px);
}

.wp-container-core-group-is-layout-45fa7e1d img {
	width: 200px;
}
/* ======================
GENERAL END
====================== */
/**/
/**/
/**/
/* ======================
RESPONSIVE
====================== */
@media only screen and (min-width: 781px) {
	.footer__seperator {
		display: none;
	}
}

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

    .galerie-praxis > .wp-block-image:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
        aspect-ratio: 1 / 1;
    }

    .galerie-praxis > .wp-block-image:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
        aspect-ratio: 1 / 1;
    }

    .galerie-praxis > .wp-block-image:nth-child(3) {
        grid-column: 1 / 3;
        grid-row: 2;
        aspect-ratio: 2 / 1;
    }

    .galerie-praxis > .wp-block-image:nth-child(4) {
        grid-column: 1;
        grid-row: 3;
        aspect-ratio: 1 / 1;
    }

    .galerie-praxis > .wp-block-image:nth-child(5) {
        grid-column: 2;
        grid-row: 3;
        aspect-ratio: 1 / 1;
    }
	
	.footer__seperator {
		display: block;
		margin-left: 0 !important;
		color: var(--white);
	}
}

@media only screen and (max-width: 600px) {
	.wp-container-core-group-is-layout-cda6dc4f {
  		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 400px) {
	.footer__table table,
	.footer__table tbody,
	.footer__table tr,
	.footer__table td {
		display: block;
		width: 100%;
	}
}
/* ======================
RESPONSIVE END
====================== */