body {
  --primary: #B42E2A;
  --primary-bg: #B42E2A;
  --primary-text: #B42E2A;
  --primary-bg-text: #B42E2A;
  --primary-color: #B42E2A;
  --primary-hover: rgb(138.6486486486, 35.4324324324, 32.3513513514);
  --primary-hover-color: rgb(138.6486486486, 35.4324324324, 32.3513513514);
  --primary-border: #B42E2A;
  --primary-lighten: rgb(210.1621621622, 67.1081081081, 62.8378378378);
  --primary-darken: rgb(138.6486486486, 35.4324324324, 32.3513513514);
  --primary-contrast: #fff;
  --secondary: #666;
  --secondary-bg: #666;
  --secondary-text: #666;
  --secondary-bg-text: #666;
  --secondary-color: #666;
  --secondary-hover: rgb(127.5, 127.5, 127.5);
  --secondary-hover-color: rgb(127.5, 127.5, 127.5);
  --secondary-border: #666;
  --secondary-lighten: rgb(127.5, 127.5, 127.5);
  --secondary-darken: rgb(76.5, 76.5, 76.5);
  --secondary-contrast: #fff;
  --default-text: #000;
  --default-text-bg: #000;
  --default-text-text: #000;
  --default-text-bg-text: #000;
  --default-text-color: #000;
  --default-text-hover: rgb(25.5, 25.5, 25.5);
  --default-text-hover-color: rgb(25.5, 25.5, 25.5);
  --default-text-border: #000;
  --default-text-lighten: rgb(25.5, 25.5, 25.5);
  --default-text-darken: black;
  --default-text-contrast: #fff;
  --light: #fff;
  --light-bg: #fff;
  --light-text: #fff;
  --light-bg-text: #fff;
  --light-color: #fff;
  --light-hover: rgb(229.5, 229.5, 229.5);
  --light-hover-color: rgb(229.5, 229.5, 229.5);
  --light-border: #fff;
  --light-lighten: white;
  --light-darken: rgb(229.5, 229.5, 229.5);
  --light-contrast: #000;
  --dark: #000;
  --dark-bg: #000;
  --dark-text: #000;
  --dark-bg-text: #000;
  --dark-color: #000;
  --dark-hover: rgb(25.5, 25.5, 25.5);
  --dark-hover-color: rgb(25.5, 25.5, 25.5);
  --dark-border: #000;
  --dark-lighten: rgb(25.5, 25.5, 25.5);
  --dark-darken: black;
  --dark-contrast: #fff;
  --error: #F06162;
  --error-bg: #F06162;
  --error-text: #F06162;
  --error-bg-text: #F06162;
  --error-color: #F06162;
  --error-hover: rgb(235.5780346821, 50.4219653179, 51.7167630058);
  --error-hover-color: rgb(235.5780346821, 50.4219653179, 51.7167630058);
  --error-border: #F06162;
  --error-lighten: rgb(244.4219653179, 143.5780346821, 144.2832369942);
  --error-darken: rgb(235.5780346821, 50.4219653179, 51.7167630058);
  --error-contrast: #ffffff;
  --success: #27af00;
  --success-bg: #27af00;
  --success-text: #27af00;
  --success-bg-text: #27af00;
  --success-color: #27af00;
  --success-hover: rgb(50.3657142857, 226, 0);
  --success-hover-color: rgb(50.3657142857, 226, 0);
  --success-border: #27af00;
  --success-lighten: rgb(50.3657142857, 226, 0);
  --success-darken: rgb(27.6342857143, 124, 0);
  --success-contrast: #fff;
  --body-bg: #fff;
  --body-bg-bg: #fff;
  --body-bg-text: #fff;
  --body-bg-bg-text: #fff;
  --body-bg-color: #fff;
  --body-bg-hover: rgb(229.5, 229.5, 229.5);
  --body-bg-hover-color: rgb(229.5, 229.5, 229.5);
  --body-bg-border: #fff;
  --body-bg-lighten: white;
  --body-bg-darken: rgb(229.5, 229.5, 229.5);
  --body-bg-contrast: #000;
  --brand-1: #282828;
  --brand-1-bg: #282828;
  --brand-1-text: #282828;
  --brand-1-bg-text: #282828;
  --brand-1-color: #282828;
  --brand-1-hover: rgb(65.5, 65.5, 65.5);
  --brand-1-hover-color: rgb(65.5, 65.5, 65.5);
  --brand-1-border: #282828;
  --brand-1-lighten: rgb(65.5, 65.5, 65.5);
  --brand-1-darken: rgb(14.5, 14.5, 14.5);
  --brand-1-contrast: #fff;
  --brand-2: #000;
  --brand-2-bg: #000;
  --brand-2-text: #000;
  --brand-2-bg-text: #000;
  --brand-2-color: #000;
  --brand-2-hover: rgb(25.5, 25.5, 25.5);
  --brand-2-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-2-border: #000;
  --brand-2-lighten: rgb(25.5, 25.5, 25.5);
  --brand-2-darken: black;
  --brand-2-contrast: #fff;
  --brand-3: #B5472A;
  --brand-3-bg: #B5472A;
  --brand-3-text: #B5472A;
  --brand-3-bg-text: #B5472A;
  --brand-3-color: #B5472A;
  --brand-3-hover: rgb(139.6053811659, 54.7623318386, 32.3946188341);
  --brand-3-hover-color: rgb(139.6053811659, 54.7623318386, 32.3946188341);
  --brand-3-border: #B5472A;
  --brand-3-lighten: rgb(210.5515695067, 94.1390134529, 63.4484304933);
  --brand-3-darken: rgb(139.6053811659, 54.7623318386, 32.3946188341);
  --brand-3-contrast: #fff;
  --brand-4: #B55F2A;
  --brand-4-bg: #B55F2A;
  --brand-4-text: #B55F2A;
  --brand-4-bg-text: #B55F2A;
  --brand-4-color: #B55F2A;
  --brand-4-hover: rgb(139.6053811659, 73.2735426009, 32.3946188341);
  --brand-4-hover-color: rgb(139.6053811659, 73.2735426009, 32.3946188341);
  --brand-4-border: #B55F2A;
  --brand-4-lighten: rgb(210.5515695067, 119.5381165919, 63.4484304933);
  --brand-4-darken: rgb(139.6053811659, 73.2735426009, 32.3946188341);
  --brand-4-contrast: #fff;
  --brand-5: #E0D9D1;
  --brand-5-bg: #E0D9D1;
  --brand-5-text: #E0D9D1;
  --brand-5-bg-text: #E0D9D1;
  --brand-5-color: #E0D9D1;
  --brand-5-hover: rgb(203.4675324675, 191.8311688312, 178.5324675325);
  --brand-5-hover-color: rgb(203.4675324675, 191.8311688312, 178.5324675325);
  --brand-5-border: #E0D9D1;
  --brand-5-lighten: rgb(244.5324675325, 242.1688311688, 239.4675324675);
  --brand-5-darken: rgb(203.4675324675, 191.8311688312, 178.5324675325);
  --brand-5-contrast: #000;
  --brand-6: #E8D9C2;
  --brand-6-bg: #E8D9C2;
  --brand-6-text: #E8D9C2;
  --brand-6-bg-text: #E8D9C2;
  --brand-6-color: #E8D9C2;
  --brand-6-hover: rgb(218.0357142857, 193.9285714286, 156.9642857143);
  --brand-6-hover-color: rgb(218.0357142857, 193.9285714286, 156.9642857143);
  --brand-6-border: #E8D9C2;
  --brand-6-lighten: rgb(245.9642857143, 240.0714285714, 231.0357142857);
  --brand-6-darken: rgb(218.0357142857, 193.9285714286, 156.9642857143);
  --brand-6-contrast: #000;
  --white: #fff;
  --white-bg: #fff;
  --white-text: #fff;
  --white-bg-text: #fff;
  --white-color: #fff;
  --white-hover: rgb(229.5, 229.5, 229.5);
  --white-hover-color: rgb(229.5, 229.5, 229.5);
  --white-border: #fff;
  --white-lighten: white;
  --white-darken: rgb(229.5, 229.5, 229.5);
  --white-contrast: #000;
  --black: #000;
  --black-bg: #000;
  --black-text: #000;
  --black-bg-text: #000;
  --black-color: #000;
  --black-hover: rgb(25.5, 25.5, 25.5);
  --black-hover-color: rgb(25.5, 25.5, 25.5);
  --black-border: #000;
  --black-lighten: rgb(25.5, 25.5, 25.5);
  --black-darken: black;
  --black-contrast: #fff;
}

.contrast-button:after {
  content: " off";
}

body.high-contrast {
  --primary: #000;
  --primary-bg: #000;
  --primary-text: #000;
  --primary-bg-text: #000;
  --primary-color: #000;
  --primary-hover: rgb(25.5, 25.5, 25.5);
  --primary-hover-color: rgb(25.5, 25.5, 25.5);
  --primary-border: #000;
  --primary-lighten: rgb(25.5, 25.5, 25.5);
  --primary-darken: black;
  --primary-contrast: #fff;
  --secondary: #000;
  --secondary-bg: #000;
  --secondary-text: #000;
  --secondary-bg-text: #000;
  --secondary-color: #000;
  --secondary-hover: rgb(25.5, 25.5, 25.5);
  --secondary-hover-color: rgb(25.5, 25.5, 25.5);
  --secondary-border: #000;
  --secondary-lighten: rgb(25.5, 25.5, 25.5);
  --secondary-darken: black;
  --secondary-contrast: #fff;
  --default-text: #000;
  --default-text-bg: #000;
  --default-text-text: #000;
  --default-text-bg-text: #000;
  --default-text-color: #000;
  --default-text-hover: rgb(25.5, 25.5, 25.5);
  --default-text-hover-color: rgb(25.5, 25.5, 25.5);
  --default-text-border: #000;
  --default-text-lighten: rgb(25.5, 25.5, 25.5);
  --default-text-darken: black;
  --default-text-contrast: #fff;
  --light: #fff;
  --light-bg: #fff;
  --light-text: #fff;
  --light-bg-text: #fff;
  --light-color: #fff;
  --light-hover: rgb(229.5, 229.5, 229.5);
  --light-hover-color: rgb(229.5, 229.5, 229.5);
  --light-border: #fff;
  --light-lighten: white;
  --light-darken: rgb(229.5, 229.5, 229.5);
  --light-contrast: #000;
  --dark: #000;
  --dark-bg: #000;
  --dark-text: #000;
  --dark-bg-text: #000;
  --dark-color: #000;
  --dark-hover: rgb(25.5, 25.5, 25.5);
  --dark-hover-color: rgb(25.5, 25.5, 25.5);
  --dark-border: #000;
  --dark-lighten: rgb(25.5, 25.5, 25.5);
  --dark-darken: black;
  --dark-contrast: #fff;
  --error: #fff;
  --error-bg: #fff;
  --error-text: #fff;
  --error-bg-text: #fff;
  --error-color: #fff;
  --error-hover: rgb(229.5, 229.5, 229.5);
  --error-hover-color: rgb(229.5, 229.5, 229.5);
  --error-border: #fff;
  --error-lighten: white;
  --error-darken: rgb(229.5, 229.5, 229.5);
  --error-contrast: #fff;
  --success: #000;
  --success-bg: #000;
  --success-text: #000;
  --success-bg-text: #000;
  --success-color: #000;
  --success-hover: rgb(25.5, 25.5, 25.5);
  --success-hover-color: rgb(25.5, 25.5, 25.5);
  --success-border: #000;
  --success-lighten: rgb(25.5, 25.5, 25.5);
  --success-darken: black;
  --success-contrast: #fff;
  --body-bg: #fff;
  --body-bg-bg: #fff;
  --body-bg-text: #fff;
  --body-bg-bg-text: #fff;
  --body-bg-color: #fff;
  --body-bg-hover: rgb(229.5, 229.5, 229.5);
  --body-bg-hover-color: rgb(229.5, 229.5, 229.5);
  --body-bg-border: #fff;
  --body-bg-lighten: white;
  --body-bg-darken: rgb(229.5, 229.5, 229.5);
  --body-bg-contrast: #000;
  --brand-1: #000;
  --brand-1-bg: #000;
  --brand-1-text: #000;
  --brand-1-bg-text: #000;
  --brand-1-color: #000;
  --brand-1-hover: rgb(25.5, 25.5, 25.5);
  --brand-1-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-1-border: #000;
  --brand-1-lighten: rgb(25.5, 25.5, 25.5);
  --brand-1-darken: black;
  --brand-1-contrast: #fff;
  --brand-2: #000;
  --brand-2-bg: #000;
  --brand-2-text: #000;
  --brand-2-bg-text: #000;
  --brand-2-color: #000;
  --brand-2-hover: rgb(25.5, 25.5, 25.5);
  --brand-2-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-2-border: #000;
  --brand-2-lighten: rgb(25.5, 25.5, 25.5);
  --brand-2-darken: black;
  --brand-2-contrast: #fff;
  --brand-3: #000;
  --brand-3-bg: #000;
  --brand-3-text: #000;
  --brand-3-bg-text: #000;
  --brand-3-color: #000;
  --brand-3-hover: rgb(25.5, 25.5, 25.5);
  --brand-3-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-3-border: #000;
  --brand-3-lighten: rgb(25.5, 25.5, 25.5);
  --brand-3-darken: black;
  --brand-3-contrast: #fff;
  --brand-4: #000;
  --brand-4-bg: #000;
  --brand-4-text: #000;
  --brand-4-bg-text: #000;
  --brand-4-color: #000;
  --brand-4-hover: rgb(25.5, 25.5, 25.5);
  --brand-4-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-4-border: #000;
  --brand-4-lighten: rgb(25.5, 25.5, 25.5);
  --brand-4-darken: black;
  --brand-4-contrast: #fff;
  --brand-5: #fff;
  --brand-5-bg: #fff;
  --brand-5-text: #fff;
  --brand-5-bg-text: #fff;
  --brand-5-color: #fff;
  --brand-5-hover: rgb(229.5, 229.5, 229.5);
  --brand-5-hover-color: rgb(229.5, 229.5, 229.5);
  --brand-5-border: #fff;
  --brand-5-lighten: white;
  --brand-5-darken: rgb(229.5, 229.5, 229.5);
  --brand-5-contrast: #000;
  --brand-6: #fff;
  --brand-6-bg: #fff;
  --brand-6-text: #fff;
  --brand-6-bg-text: #fff;
  --brand-6-color: #fff;
  --brand-6-hover: rgb(229.5, 229.5, 229.5);
  --brand-6-hover-color: rgb(229.5, 229.5, 229.5);
  --brand-6-border: #fff;
  --brand-6-lighten: white;
  --brand-6-darken: rgb(229.5, 229.5, 229.5);
  --brand-6-contrast: #000;
  --white: #fff;
  --white-bg: #fff;
  --white-text: #fff;
  --white-bg-text: #fff;
  --white-color: #fff;
  --white-hover: rgb(229.5, 229.5, 229.5);
  --white-hover-color: rgb(229.5, 229.5, 229.5);
  --white-border: #fff;
  --white-lighten: white;
  --white-darken: rgb(229.5, 229.5, 229.5);
  --white-contrast: #000;
  --black: #000;
  --black-bg: #000;
  --black-text: #000;
  --black-bg-text: #000;
  --black-color: #000;
  --black-hover: rgb(25.5, 25.5, 25.5);
  --black-hover-color: rgb(25.5, 25.5, 25.5);
  --black-border: #000;
  --black-lighten: rgb(25.5, 25.5, 25.5);
  --black-darken: black;
  --black-contrast: #fff;
}
body.high-contrast .contrast-button:after {
  content: " on";
}

body {
  --body-color: #000;
  --text-color: #000;
  --bg-body: var(--body-bg);
  --bg-body-contrast: var(--body-bg-contrast);
  --bg-header: var(--body-bg);
  --bg-hader-contrast:var(--body-bg-contrast);
  --bg-footer: var(--dark);
  --bg-footer-contrast: white;
  --moving-overlay-bg: var(--body-bg);
  --shadow-color: var(--text-color);
  --default-font-size: 20px;
  --text-font-size-x-small: 0.6rem;
  --text-font-size-small: 0.8rem;
  --text-font-size-default: 1rem;
  --text-font-size-large: 1.2rem;
  --text-font-size-x-large: 1.4rem;
  --headline-font-size-x-small: 1.4rem;
  --headline-font-size-small: 1.6rem;
  --headline-font-size-default: 1.8rem;
  --headline-font-size-large: 2.0rem;
  --headline-font-size-x-large: 2.2rem;
  --headline-margin-none:0;
  --headline-margin-default:1rem;
  --headline-margin-large:2rem;
  --subtitle-font-size-x-small: 0.8rem;
  --subtitle-font-size-small: 1rem;
  --subtitle-font-size-default: 1.2rem;
  --subtitle-font-size-large: 1.4rem;
  --subtitle-font-size-x-large: 1.6rem;
  --gap-none: 0;
  --gap-small: 0.4rem;
  --gap-medium: 1rem;
  --gap-large: 1.4rem;
  --effect-bounce-bottom:0.9;
  --effect-bounce-target:0.5;
  --effect-bounce-top:0.1;
}
@media screen and (max-width: 992px) {
  body {
    --default-font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  body {
    --default-font-size: 16px;
  }
}

.frame-primary {
  --color:var(--primary);
  --bg:var(--primary-bg);
  --text:var(--primary-text);
  --bg-text: var(--primary-bg-text);
  --hover:var(--primary-hover);
  --hover-color:var(--primary-hover-color);
  --border:var(--primary-border);
  --lighten:var(--primary-lighten);
  --darken:var(--primary-darken);
  --contrast:var(--primary-contrast);
}

.frame-secondary {
  --color:var(--secondary);
  --bg:var(--secondary-bg);
  --text:var(--secondary-text);
  --bg-text: var(--secondary-bg-text);
  --hover:var(--secondary-hover);
  --hover-color:var(--secondary-hover-color);
  --border:var(--secondary-border);
  --lighten:var(--secondary-lighten);
  --darken:var(--secondary-darken);
  --contrast:var(--secondary-contrast);
}

.frame-default-text {
  --color:var(--default-text);
  --bg:var(--default-text-bg);
  --text:var(--default-text-text);
  --bg-text: var(--default-text-bg-text);
  --hover:var(--default-text-hover);
  --hover-color:var(--default-text-hover-color);
  --border:var(--default-text-border);
  --lighten:var(--default-text-lighten);
  --darken:var(--default-text-darken);
  --contrast:var(--default-text-contrast);
}

.frame-light {
  --color:var(--light);
  --bg:var(--light-bg);
  --text:var(--light-text);
  --bg-text: var(--light-bg-text);
  --hover:var(--light-hover);
  --hover-color:var(--light-hover-color);
  --border:var(--light-border);
  --lighten:var(--light-lighten);
  --darken:var(--light-darken);
  --contrast:var(--light-contrast);
}

.frame-dark {
  --color:var(--dark);
  --bg:var(--dark-bg);
  --text:var(--dark-text);
  --bg-text: var(--dark-bg-text);
  --hover:var(--dark-hover);
  --hover-color:var(--dark-hover-color);
  --border:var(--dark-border);
  --lighten:var(--dark-lighten);
  --darken:var(--dark-darken);
  --contrast:var(--dark-contrast);
}

.frame-error {
  --color:var(--error);
  --bg:var(--error-bg);
  --text:var(--error-text);
  --bg-text: var(--error-bg-text);
  --hover:var(--error-hover);
  --hover-color:var(--error-hover-color);
  --border:var(--error-border);
  --lighten:var(--error-lighten);
  --darken:var(--error-darken);
  --contrast:var(--error-contrast);
}

.frame-success {
  --color:var(--success);
  --bg:var(--success-bg);
  --text:var(--success-text);
  --bg-text: var(--success-bg-text);
  --hover:var(--success-hover);
  --hover-color:var(--success-hover-color);
  --border:var(--success-border);
  --lighten:var(--success-lighten);
  --darken:var(--success-darken);
  --contrast:var(--success-contrast);
}

.frame-body-bg {
  --color:var(--body-bg);
  --bg:var(--body-bg-bg);
  --text:var(--body-bg-text);
  --bg-text: var(--body-bg-bg-text);
  --hover:var(--body-bg-hover);
  --hover-color:var(--body-bg-hover-color);
  --border:var(--body-bg-border);
  --lighten:var(--body-bg-lighten);
  --darken:var(--body-bg-darken);
  --contrast:var(--body-bg-contrast);
}

.frame-brand-1 {
  --color:var(--brand-1);
  --bg:var(--brand-1-bg);
  --text:var(--brand-1-text);
  --bg-text: var(--brand-1-bg-text);
  --hover:var(--brand-1-hover);
  --hover-color:var(--brand-1-hover-color);
  --border:var(--brand-1-border);
  --lighten:var(--brand-1-lighten);
  --darken:var(--brand-1-darken);
  --contrast:var(--brand-1-contrast);
}

.frame-brand-2 {
  --color:var(--brand-2);
  --bg:var(--brand-2-bg);
  --text:var(--brand-2-text);
  --bg-text: var(--brand-2-bg-text);
  --hover:var(--brand-2-hover);
  --hover-color:var(--brand-2-hover-color);
  --border:var(--brand-2-border);
  --lighten:var(--brand-2-lighten);
  --darken:var(--brand-2-darken);
  --contrast:var(--brand-2-contrast);
}

.frame-brand-3 {
  --color:var(--brand-3);
  --bg:var(--brand-3-bg);
  --text:var(--brand-3-text);
  --bg-text: var(--brand-3-bg-text);
  --hover:var(--brand-3-hover);
  --hover-color:var(--brand-3-hover-color);
  --border:var(--brand-3-border);
  --lighten:var(--brand-3-lighten);
  --darken:var(--brand-3-darken);
  --contrast:var(--brand-3-contrast);
}

.frame-brand-4 {
  --color:var(--brand-4);
  --bg:var(--brand-4-bg);
  --text:var(--brand-4-text);
  --bg-text: var(--brand-4-bg-text);
  --hover:var(--brand-4-hover);
  --hover-color:var(--brand-4-hover-color);
  --border:var(--brand-4-border);
  --lighten:var(--brand-4-lighten);
  --darken:var(--brand-4-darken);
  --contrast:var(--brand-4-contrast);
}

.frame-brand-5 {
  --color:var(--brand-5);
  --bg:var(--brand-5-bg);
  --text:var(--brand-5-text);
  --bg-text: var(--brand-5-bg-text);
  --hover:var(--brand-5-hover);
  --hover-color:var(--brand-5-hover-color);
  --border:var(--brand-5-border);
  --lighten:var(--brand-5-lighten);
  --darken:var(--brand-5-darken);
  --contrast:var(--brand-5-contrast);
}

.frame-brand-6 {
  --color:var(--brand-6);
  --bg:var(--brand-6-bg);
  --text:var(--brand-6-text);
  --bg-text: var(--brand-6-bg-text);
  --hover:var(--brand-6-hover);
  --hover-color:var(--brand-6-hover-color);
  --border:var(--brand-6-border);
  --lighten:var(--brand-6-lighten);
  --darken:var(--brand-6-darken);
  --contrast:var(--brand-6-contrast);
}

.frame-white {
  --color:var(--white);
  --bg:var(--white-bg);
  --text:var(--white-text);
  --bg-text: var(--white-bg-text);
  --hover:var(--white-hover);
  --hover-color:var(--white-hover-color);
  --border:var(--white-border);
  --lighten:var(--white-lighten);
  --darken:var(--white-darken);
  --contrast:var(--white-contrast);
}

.frame-black {
  --color:var(--black);
  --bg:var(--black-bg);
  --text:var(--black-text);
  --bg-text: var(--black-bg-text);
  --hover:var(--black-hover);
  --hover-color:var(--black-hover-color);
  --border:var(--black-border);
  --lighten:var(--black-lighten);
  --darken:var(--black-darken);
  --contrast:var(--black-contrast);
}

:root {
  --text-font-size: var(--text-font-size-default);
  --text-color: var(--text-color);
  --text-line-height: 1.4;
  --text-align: left;
  --text-transform: none;
  --text-link-color: color-mix(in srgb, var(--text-color) 80%, black);
  --headline-font-size: var(--headline-font-size-default);
  --headline-line-height: 1.4;
  --headline-color: var(--text-color);
  --headline-weight: normal;
  --headline-transform: none;
  --paragraph-margin: 0 0 0.4rem 0;
}

:root {
  --container-pad-0: 0rem;
  --row-gap-0: clamp(0rem, 0vw, 0rem);
  --container-pad-1: 1.625rem;
  --row-gap-1: clamp(0.40625rem, 2.03125vw, 1.625rem);
  --container-pad-2: 3.25rem;
  --row-gap-2: clamp(0.8125rem, 4.0625vw, 3.25rem);
  --container-pad-3: 6.5rem;
  --row-gap-3: clamp(1.625rem, 8.125vw, 6.5rem);
  --container-pad-4: 9.75rem;
  --row-gap-4: clamp(2.4375rem, 12.1875vw, 9.75rem);
  --container-pad-5: 19.5rem;
  --row-gap-5: clamp(4.875rem, 24.375vw, 19.5rem);
}
@media screen and (max-width: 1200px) {
  :root {
    --container-pad-0: 0rem;
    --row-gap-0: clamp(0rem, 0vw, 0rem);
    --container-pad-1: 1.625rem;
    --row-gap-1: clamp(0.40625rem, 2.03125vw, 1.625rem);
    --container-pad-2: 3.25rem;
    --row-gap-2: clamp(0.8125rem, 4.0625vw, 3.25rem);
    --container-pad-3: 6.5rem;
    --row-gap-3: clamp(1.625rem, 8.125vw, 6.5rem);
    --container-pad-4: 9.75rem;
    --row-gap-4: clamp(2.4375rem, 12.1875vw, 9.75rem);
    --container-pad-5: 19.5rem;
    --row-gap-5: clamp(4.875rem, 24.375vw, 19.5rem);
  }
}
@media screen and (max-width: 992px) {
  :root {
    --container-pad-0: 0rem;
    --row-gap-0: clamp(0rem, 0vw, 0rem);
    --container-pad-1: 1.21875rem;
    --row-gap-1: clamp(0.3046875rem, 1.5234375vw, 1.625rem);
    --container-pad-2: 2.4375rem;
    --row-gap-2: clamp(0.609375rem, 3.046875vw, 3.25rem);
    --container-pad-3: 4.875rem;
    --row-gap-3: clamp(1.21875rem, 6.09375vw, 6.5rem);
    --container-pad-4: 7.3125rem;
    --row-gap-4: clamp(1.828125rem, 9.140625vw, 9.75rem);
    --container-pad-5: 14.625rem;
    --row-gap-5: clamp(3.65625rem, 18.28125vw, 19.5rem);
  }
}
@media screen and (max-width: 768px) {
  :root {
    --container-pad-0: 0rem;
    --row-gap-0: clamp(0rem, 0vw, 0rem);
    --container-pad-1: 0.8125rem;
    --row-gap-1: clamp(0.203125rem, 1.015625vw, 1.625rem);
    --container-pad-2: 1.625rem;
    --row-gap-2: clamp(0.40625rem, 2.03125vw, 3.25rem);
    --container-pad-3: 3.25rem;
    --row-gap-3: clamp(0.8125rem, 4.0625vw, 6.5rem);
    --container-pad-4: 4.875rem;
    --row-gap-4: clamp(1.21875rem, 6.09375vw, 9.75rem);
    --container-pad-5: 9.75rem;
    --row-gap-5: clamp(2.4375rem, 12.1875vw, 19.5rem);
  }
}

body:not(.logged_in) .content_row_outer.arrow-to-next-row {
  position: relative;
}
@media (max-width: 992px) {
  body:not(.logged_in) .content_row_outer.arrow-to-next-row {
    display: none !important;
  }
}
@media (min-width: 992px) {
  body:not(.logged_in) .content_row_outer.arrow-to-next-row {
    /* Die Row selbst kann nicht gehovt werden */
    pointer-events: none;
    /* Hover nur auf dem Arrow */
  }
  body:not(.logged_in) .content_row_outer.arrow-to-next-row::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3rem;
    color: #fff;
    -webkit-text-stroke: 2px #000;
    text-stroke: 2px #000;
    cursor: pointer;
    /* Nur der Arrow ist "hoverbar" */
    pointer-events: auto;
    transition: color 0.3s ease;
  }
  body:not(.logged_in) .content_row_outer.arrow-to-next-row:hover::after {
    color: var(--primary);
  }
}

.grid {
  display: grid;
  gap: 2rem;
  width: 100%;
}
@media (max-width: 700px) {
  .grid {
    grid-template-columns: 1fr;
  }
}

.tile_outer {
  padding: 20px;
  transition: all 0.4s;
}
.tile_outer:hover {
  transform: scale(0.9);
  margin-top: -50px !important;
}
.tile_outer .tile:after {
  content: "";
  position: absolute;
  top: unset;
  right: unset;
  left: -12px;
  bottom: -12px;
  width: 20%;
  height: 20%;
  transition: all 0.4s;
  border: 8px solid var(--primary);
}
.tile_outer .tile:hover:after {
  width: 100%;
  height: 100%;
}

.tile {
  position: relative;
  aspect-ratio: 1/1;
  background: #000;
  border: 1px solid #ddd;
}
.tile .tile-img {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.tile .tile-img:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.4s;
}
.tile .tile-img img,
.tile .tile-img picture,
.tile .tile-img source {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
}
.tile .tile-img img[style] {
  height: 100% !important;
  width: 100% !important;
}
.tile .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  color: #fff;
  z-index: 2;
}
.tile .text * {
  color: white !important;
}
@media screen and (max-width: 768px) {
  .tile .text .text-content > div {
    display: none;
  }
}
.tile:hover .tile-img:after {
  background-color: rgba(0, 0, 0, 0.8);
}
.tile .btn-primary {
  display: inline-block;
  padding: 0.5rem;
  margin-top: 1rem;
  z-index: 2;
  position: relative;
}

.logged_in .content_element.content-aktuelles-overview {
  display: none;
}

.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  display: none;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  perspective: 1500px;
  overflow: hidden;
  z-index: 10;
}
.popup.active {
  display: flex;
}
.popup .popup-inner {
  background: #fff;
  width: 100%;
  max-width: min(960px, 90vw);
  max-height: 90vh;
  position: fixed;
  top: calc(50% + var(--header-main) / 3 - 10%);
  left: 50%;
  transform: translate(-50%, -50%) rotateY(90deg);
  transform-style: preserve-3d;
  transition: transform 0.6s ease-out;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.popup .popup-inner.show {
  transform: translate(-50%, -50%) rotateY(0deg);
}
.popup .popup-inner .close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 2rem;
  cursor: pointer;
  z-index: 20;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin: 0.5rem;
}
.popup .popup-inner .tile-img {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .popup-inner .tile-img img,
.popup .popup-inner .tile-img picture,
.popup .popup-inner .tile-img source {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}
.popup .popup-inner .tile-img img[style] {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}
.popup .popup-inner .text {
  padding: 2rem;
  overflow-y: auto;
}

body {
  --primary: #B42E2A;
  --primary-bg: #B42E2A;
  --primary-text: #B42E2A;
  --primary-bg-text: #B42E2A;
  --primary-color: #B42E2A;
  --primary-hover: rgb(138.6486486486, 35.4324324324, 32.3513513514);
  --primary-hover-color: rgb(138.6486486486, 35.4324324324, 32.3513513514);
  --primary-border: #B42E2A;
  --primary-lighten: rgb(210.1621621622, 67.1081081081, 62.8378378378);
  --primary-darken: rgb(138.6486486486, 35.4324324324, 32.3513513514);
  --primary-contrast: #fff;
  --secondary: #666;
  --secondary-bg: #666;
  --secondary-text: #666;
  --secondary-bg-text: #666;
  --secondary-color: #666;
  --secondary-hover: rgb(127.5, 127.5, 127.5);
  --secondary-hover-color: rgb(127.5, 127.5, 127.5);
  --secondary-border: #666;
  --secondary-lighten: rgb(127.5, 127.5, 127.5);
  --secondary-darken: rgb(76.5, 76.5, 76.5);
  --secondary-contrast: #fff;
  --default-text: #000;
  --default-text-bg: #000;
  --default-text-text: #000;
  --default-text-bg-text: #000;
  --default-text-color: #000;
  --default-text-hover: rgb(25.5, 25.5, 25.5);
  --default-text-hover-color: rgb(25.5, 25.5, 25.5);
  --default-text-border: #000;
  --default-text-lighten: rgb(25.5, 25.5, 25.5);
  --default-text-darken: black;
  --default-text-contrast: #fff;
  --light: #fff;
  --light-bg: #fff;
  --light-text: #fff;
  --light-bg-text: #fff;
  --light-color: #fff;
  --light-hover: rgb(229.5, 229.5, 229.5);
  --light-hover-color: rgb(229.5, 229.5, 229.5);
  --light-border: #fff;
  --light-lighten: white;
  --light-darken: rgb(229.5, 229.5, 229.5);
  --light-contrast: #000;
  --dark: #000;
  --dark-bg: #000;
  --dark-text: #000;
  --dark-bg-text: #000;
  --dark-color: #000;
  --dark-hover: rgb(25.5, 25.5, 25.5);
  --dark-hover-color: rgb(25.5, 25.5, 25.5);
  --dark-border: #000;
  --dark-lighten: rgb(25.5, 25.5, 25.5);
  --dark-darken: black;
  --dark-contrast: #fff;
  --error: #F06162;
  --error-bg: #F06162;
  --error-text: #F06162;
  --error-bg-text: #F06162;
  --error-color: #F06162;
  --error-hover: rgb(235.5780346821, 50.4219653179, 51.7167630058);
  --error-hover-color: rgb(235.5780346821, 50.4219653179, 51.7167630058);
  --error-border: #F06162;
  --error-lighten: rgb(244.4219653179, 143.5780346821, 144.2832369942);
  --error-darken: rgb(235.5780346821, 50.4219653179, 51.7167630058);
  --error-contrast: #ffffff;
  --success: #27af00;
  --success-bg: #27af00;
  --success-text: #27af00;
  --success-bg-text: #27af00;
  --success-color: #27af00;
  --success-hover: rgb(50.3657142857, 226, 0);
  --success-hover-color: rgb(50.3657142857, 226, 0);
  --success-border: #27af00;
  --success-lighten: rgb(50.3657142857, 226, 0);
  --success-darken: rgb(27.6342857143, 124, 0);
  --success-contrast: #fff;
  --body-bg: #fff;
  --body-bg-bg: #fff;
  --body-bg-text: #fff;
  --body-bg-bg-text: #fff;
  --body-bg-color: #fff;
  --body-bg-hover: rgb(229.5, 229.5, 229.5);
  --body-bg-hover-color: rgb(229.5, 229.5, 229.5);
  --body-bg-border: #fff;
  --body-bg-lighten: white;
  --body-bg-darken: rgb(229.5, 229.5, 229.5);
  --body-bg-contrast: #000;
  --brand-1: #282828;
  --brand-1-bg: #282828;
  --brand-1-text: #282828;
  --brand-1-bg-text: #282828;
  --brand-1-color: #282828;
  --brand-1-hover: rgb(65.5, 65.5, 65.5);
  --brand-1-hover-color: rgb(65.5, 65.5, 65.5);
  --brand-1-border: #282828;
  --brand-1-lighten: rgb(65.5, 65.5, 65.5);
  --brand-1-darken: rgb(14.5, 14.5, 14.5);
  --brand-1-contrast: #fff;
  --brand-2: #000;
  --brand-2-bg: #000;
  --brand-2-text: #000;
  --brand-2-bg-text: #000;
  --brand-2-color: #000;
  --brand-2-hover: rgb(25.5, 25.5, 25.5);
  --brand-2-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-2-border: #000;
  --brand-2-lighten: rgb(25.5, 25.5, 25.5);
  --brand-2-darken: black;
  --brand-2-contrast: #fff;
  --brand-3: #B5472A;
  --brand-3-bg: #B5472A;
  --brand-3-text: #B5472A;
  --brand-3-bg-text: #B5472A;
  --brand-3-color: #B5472A;
  --brand-3-hover: rgb(139.6053811659, 54.7623318386, 32.3946188341);
  --brand-3-hover-color: rgb(139.6053811659, 54.7623318386, 32.3946188341);
  --brand-3-border: #B5472A;
  --brand-3-lighten: rgb(210.5515695067, 94.1390134529, 63.4484304933);
  --brand-3-darken: rgb(139.6053811659, 54.7623318386, 32.3946188341);
  --brand-3-contrast: #fff;
  --brand-4: #B55F2A;
  --brand-4-bg: #B55F2A;
  --brand-4-text: #B55F2A;
  --brand-4-bg-text: #B55F2A;
  --brand-4-color: #B55F2A;
  --brand-4-hover: rgb(139.6053811659, 73.2735426009, 32.3946188341);
  --brand-4-hover-color: rgb(139.6053811659, 73.2735426009, 32.3946188341);
  --brand-4-border: #B55F2A;
  --brand-4-lighten: rgb(210.5515695067, 119.5381165919, 63.4484304933);
  --brand-4-darken: rgb(139.6053811659, 73.2735426009, 32.3946188341);
  --brand-4-contrast: #fff;
  --brand-5: #E0D9D1;
  --brand-5-bg: #E0D9D1;
  --brand-5-text: #E0D9D1;
  --brand-5-bg-text: #E0D9D1;
  --brand-5-color: #E0D9D1;
  --brand-5-hover: rgb(203.4675324675, 191.8311688312, 178.5324675325);
  --brand-5-hover-color: rgb(203.4675324675, 191.8311688312, 178.5324675325);
  --brand-5-border: #E0D9D1;
  --brand-5-lighten: rgb(244.5324675325, 242.1688311688, 239.4675324675);
  --brand-5-darken: rgb(203.4675324675, 191.8311688312, 178.5324675325);
  --brand-5-contrast: #000;
  --brand-6: #E8D9C2;
  --brand-6-bg: #E8D9C2;
  --brand-6-text: #E8D9C2;
  --brand-6-bg-text: #E8D9C2;
  --brand-6-color: #E8D9C2;
  --brand-6-hover: rgb(218.0357142857, 193.9285714286, 156.9642857143);
  --brand-6-hover-color: rgb(218.0357142857, 193.9285714286, 156.9642857143);
  --brand-6-border: #E8D9C2;
  --brand-6-lighten: rgb(245.9642857143, 240.0714285714, 231.0357142857);
  --brand-6-darken: rgb(218.0357142857, 193.9285714286, 156.9642857143);
  --brand-6-contrast: #000;
  --white: #fff;
  --white-bg: #fff;
  --white-text: #fff;
  --white-bg-text: #fff;
  --white-color: #fff;
  --white-hover: rgb(229.5, 229.5, 229.5);
  --white-hover-color: rgb(229.5, 229.5, 229.5);
  --white-border: #fff;
  --white-lighten: white;
  --white-darken: rgb(229.5, 229.5, 229.5);
  --white-contrast: #000;
  --black: #000;
  --black-bg: #000;
  --black-text: #000;
  --black-bg-text: #000;
  --black-color: #000;
  --black-hover: rgb(25.5, 25.5, 25.5);
  --black-hover-color: rgb(25.5, 25.5, 25.5);
  --black-border: #000;
  --black-lighten: rgb(25.5, 25.5, 25.5);
  --black-darken: black;
  --black-contrast: #fff;
}

.contrast-button:after {
  content: " off";
}

body.high-contrast {
  --primary: #000;
  --primary-bg: #000;
  --primary-text: #000;
  --primary-bg-text: #000;
  --primary-color: #000;
  --primary-hover: rgb(25.5, 25.5, 25.5);
  --primary-hover-color: rgb(25.5, 25.5, 25.5);
  --primary-border: #000;
  --primary-lighten: rgb(25.5, 25.5, 25.5);
  --primary-darken: black;
  --primary-contrast: #fff;
  --secondary: #000;
  --secondary-bg: #000;
  --secondary-text: #000;
  --secondary-bg-text: #000;
  --secondary-color: #000;
  --secondary-hover: rgb(25.5, 25.5, 25.5);
  --secondary-hover-color: rgb(25.5, 25.5, 25.5);
  --secondary-border: #000;
  --secondary-lighten: rgb(25.5, 25.5, 25.5);
  --secondary-darken: black;
  --secondary-contrast: #fff;
  --default-text: #000;
  --default-text-bg: #000;
  --default-text-text: #000;
  --default-text-bg-text: #000;
  --default-text-color: #000;
  --default-text-hover: rgb(25.5, 25.5, 25.5);
  --default-text-hover-color: rgb(25.5, 25.5, 25.5);
  --default-text-border: #000;
  --default-text-lighten: rgb(25.5, 25.5, 25.5);
  --default-text-darken: black;
  --default-text-contrast: #fff;
  --light: #fff;
  --light-bg: #fff;
  --light-text: #fff;
  --light-bg-text: #fff;
  --light-color: #fff;
  --light-hover: rgb(229.5, 229.5, 229.5);
  --light-hover-color: rgb(229.5, 229.5, 229.5);
  --light-border: #fff;
  --light-lighten: white;
  --light-darken: rgb(229.5, 229.5, 229.5);
  --light-contrast: #000;
  --dark: #000;
  --dark-bg: #000;
  --dark-text: #000;
  --dark-bg-text: #000;
  --dark-color: #000;
  --dark-hover: rgb(25.5, 25.5, 25.5);
  --dark-hover-color: rgb(25.5, 25.5, 25.5);
  --dark-border: #000;
  --dark-lighten: rgb(25.5, 25.5, 25.5);
  --dark-darken: black;
  --dark-contrast: #fff;
  --error: #fff;
  --error-bg: #fff;
  --error-text: #fff;
  --error-bg-text: #fff;
  --error-color: #fff;
  --error-hover: rgb(229.5, 229.5, 229.5);
  --error-hover-color: rgb(229.5, 229.5, 229.5);
  --error-border: #fff;
  --error-lighten: white;
  --error-darken: rgb(229.5, 229.5, 229.5);
  --error-contrast: #fff;
  --success: #000;
  --success-bg: #000;
  --success-text: #000;
  --success-bg-text: #000;
  --success-color: #000;
  --success-hover: rgb(25.5, 25.5, 25.5);
  --success-hover-color: rgb(25.5, 25.5, 25.5);
  --success-border: #000;
  --success-lighten: rgb(25.5, 25.5, 25.5);
  --success-darken: black;
  --success-contrast: #fff;
  --body-bg: #fff;
  --body-bg-bg: #fff;
  --body-bg-text: #fff;
  --body-bg-bg-text: #fff;
  --body-bg-color: #fff;
  --body-bg-hover: rgb(229.5, 229.5, 229.5);
  --body-bg-hover-color: rgb(229.5, 229.5, 229.5);
  --body-bg-border: #fff;
  --body-bg-lighten: white;
  --body-bg-darken: rgb(229.5, 229.5, 229.5);
  --body-bg-contrast: #000;
  --brand-1: #000;
  --brand-1-bg: #000;
  --brand-1-text: #000;
  --brand-1-bg-text: #000;
  --brand-1-color: #000;
  --brand-1-hover: rgb(25.5, 25.5, 25.5);
  --brand-1-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-1-border: #000;
  --brand-1-lighten: rgb(25.5, 25.5, 25.5);
  --brand-1-darken: black;
  --brand-1-contrast: #fff;
  --brand-2: #000;
  --brand-2-bg: #000;
  --brand-2-text: #000;
  --brand-2-bg-text: #000;
  --brand-2-color: #000;
  --brand-2-hover: rgb(25.5, 25.5, 25.5);
  --brand-2-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-2-border: #000;
  --brand-2-lighten: rgb(25.5, 25.5, 25.5);
  --brand-2-darken: black;
  --brand-2-contrast: #fff;
  --brand-3: #000;
  --brand-3-bg: #000;
  --brand-3-text: #000;
  --brand-3-bg-text: #000;
  --brand-3-color: #000;
  --brand-3-hover: rgb(25.5, 25.5, 25.5);
  --brand-3-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-3-border: #000;
  --brand-3-lighten: rgb(25.5, 25.5, 25.5);
  --brand-3-darken: black;
  --brand-3-contrast: #fff;
  --brand-4: #000;
  --brand-4-bg: #000;
  --brand-4-text: #000;
  --brand-4-bg-text: #000;
  --brand-4-color: #000;
  --brand-4-hover: rgb(25.5, 25.5, 25.5);
  --brand-4-hover-color: rgb(25.5, 25.5, 25.5);
  --brand-4-border: #000;
  --brand-4-lighten: rgb(25.5, 25.5, 25.5);
  --brand-4-darken: black;
  --brand-4-contrast: #fff;
  --brand-5: #fff;
  --brand-5-bg: #fff;
  --brand-5-text: #fff;
  --brand-5-bg-text: #fff;
  --brand-5-color: #fff;
  --brand-5-hover: rgb(229.5, 229.5, 229.5);
  --brand-5-hover-color: rgb(229.5, 229.5, 229.5);
  --brand-5-border: #fff;
  --brand-5-lighten: white;
  --brand-5-darken: rgb(229.5, 229.5, 229.5);
  --brand-5-contrast: #000;
  --brand-6: #fff;
  --brand-6-bg: #fff;
  --brand-6-text: #fff;
  --brand-6-bg-text: #fff;
  --brand-6-color: #fff;
  --brand-6-hover: rgb(229.5, 229.5, 229.5);
  --brand-6-hover-color: rgb(229.5, 229.5, 229.5);
  --brand-6-border: #fff;
  --brand-6-lighten: white;
  --brand-6-darken: rgb(229.5, 229.5, 229.5);
  --brand-6-contrast: #000;
  --white: #fff;
  --white-bg: #fff;
  --white-text: #fff;
  --white-bg-text: #fff;
  --white-color: #fff;
  --white-hover: rgb(229.5, 229.5, 229.5);
  --white-hover-color: rgb(229.5, 229.5, 229.5);
  --white-border: #fff;
  --white-lighten: white;
  --white-darken: rgb(229.5, 229.5, 229.5);
  --white-contrast: #000;
  --black: #000;
  --black-bg: #000;
  --black-text: #000;
  --black-bg-text: #000;
  --black-color: #000;
  --black-hover: rgb(25.5, 25.5, 25.5);
  --black-hover-color: rgb(25.5, 25.5, 25.5);
  --black-border: #000;
  --black-lighten: rgb(25.5, 25.5, 25.5);
  --black-darken: black;
  --black-contrast: #fff;
}
body.high-contrast .contrast-button:after {
  content: " on";
}

body {
  --body-color: #000;
  --text-color: #000;
  --bg-body: var(--body-bg);
  --bg-body-contrast: var(--body-bg-contrast);
  --bg-header: var(--body-bg);
  --bg-hader-contrast:var(--body-bg-contrast);
  --bg-footer: var(--dark);
  --bg-footer-contrast: white;
  --moving-overlay-bg: var(--body-bg);
  --shadow-color: var(--text-color);
  --default-font-size: 20px;
  --text-font-size-x-small: 0.6rem;
  --text-font-size-small: 0.8rem;
  --text-font-size-default: 1rem;
  --text-font-size-large: 1.2rem;
  --text-font-size-x-large: 1.4rem;
  --headline-font-size-x-small: 1.4rem;
  --headline-font-size-small: 1.6rem;
  --headline-font-size-default: 1.8rem;
  --headline-font-size-large: 2.0rem;
  --headline-font-size-x-large: 2.2rem;
  --headline-margin-none:0;
  --headline-margin-default:1rem;
  --headline-margin-large:2rem;
  --subtitle-font-size-x-small: 0.8rem;
  --subtitle-font-size-small: 1rem;
  --subtitle-font-size-default: 1.2rem;
  --subtitle-font-size-large: 1.4rem;
  --subtitle-font-size-x-large: 1.6rem;
  --gap-none: 0;
  --gap-small: 0.4rem;
  --gap-medium: 1rem;
  --gap-large: 1.4rem;
  --effect-bounce-bottom:0.9;
  --effect-bounce-target:0.5;
  --effect-bounce-top:0.1;
}
@media screen and (max-width: 992px) {
  body {
    --default-font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  body {
    --default-font-size: 16px;
  }
}

.frame-primary {
  --color:var(--primary);
  --bg:var(--primary-bg);
  --text:var(--primary-text);
  --bg-text: var(--primary-bg-text);
  --hover:var(--primary-hover);
  --hover-color:var(--primary-hover-color);
  --border:var(--primary-border);
  --lighten:var(--primary-lighten);
  --darken:var(--primary-darken);
  --contrast:var(--primary-contrast);
}

.frame-secondary {
  --color:var(--secondary);
  --bg:var(--secondary-bg);
  --text:var(--secondary-text);
  --bg-text: var(--secondary-bg-text);
  --hover:var(--secondary-hover);
  --hover-color:var(--secondary-hover-color);
  --border:var(--secondary-border);
  --lighten:var(--secondary-lighten);
  --darken:var(--secondary-darken);
  --contrast:var(--secondary-contrast);
}

.frame-default-text {
  --color:var(--default-text);
  --bg:var(--default-text-bg);
  --text:var(--default-text-text);
  --bg-text: var(--default-text-bg-text);
  --hover:var(--default-text-hover);
  --hover-color:var(--default-text-hover-color);
  --border:var(--default-text-border);
  --lighten:var(--default-text-lighten);
  --darken:var(--default-text-darken);
  --contrast:var(--default-text-contrast);
}

.frame-light {
  --color:var(--light);
  --bg:var(--light-bg);
  --text:var(--light-text);
  --bg-text: var(--light-bg-text);
  --hover:var(--light-hover);
  --hover-color:var(--light-hover-color);
  --border:var(--light-border);
  --lighten:var(--light-lighten);
  --darken:var(--light-darken);
  --contrast:var(--light-contrast);
}

.frame-dark {
  --color:var(--dark);
  --bg:var(--dark-bg);
  --text:var(--dark-text);
  --bg-text: var(--dark-bg-text);
  --hover:var(--dark-hover);
  --hover-color:var(--dark-hover-color);
  --border:var(--dark-border);
  --lighten:var(--dark-lighten);
  --darken:var(--dark-darken);
  --contrast:var(--dark-contrast);
}

.frame-error {
  --color:var(--error);
  --bg:var(--error-bg);
  --text:var(--error-text);
  --bg-text: var(--error-bg-text);
  --hover:var(--error-hover);
  --hover-color:var(--error-hover-color);
  --border:var(--error-border);
  --lighten:var(--error-lighten);
  --darken:var(--error-darken);
  --contrast:var(--error-contrast);
}

.frame-success {
  --color:var(--success);
  --bg:var(--success-bg);
  --text:var(--success-text);
  --bg-text: var(--success-bg-text);
  --hover:var(--success-hover);
  --hover-color:var(--success-hover-color);
  --border:var(--success-border);
  --lighten:var(--success-lighten);
  --darken:var(--success-darken);
  --contrast:var(--success-contrast);
}

.frame-body-bg {
  --color:var(--body-bg);
  --bg:var(--body-bg-bg);
  --text:var(--body-bg-text);
  --bg-text: var(--body-bg-bg-text);
  --hover:var(--body-bg-hover);
  --hover-color:var(--body-bg-hover-color);
  --border:var(--body-bg-border);
  --lighten:var(--body-bg-lighten);
  --darken:var(--body-bg-darken);
  --contrast:var(--body-bg-contrast);
}

.frame-brand-1 {
  --color:var(--brand-1);
  --bg:var(--brand-1-bg);
  --text:var(--brand-1-text);
  --bg-text: var(--brand-1-bg-text);
  --hover:var(--brand-1-hover);
  --hover-color:var(--brand-1-hover-color);
  --border:var(--brand-1-border);
  --lighten:var(--brand-1-lighten);
  --darken:var(--brand-1-darken);
  --contrast:var(--brand-1-contrast);
}

.frame-brand-2 {
  --color:var(--brand-2);
  --bg:var(--brand-2-bg);
  --text:var(--brand-2-text);
  --bg-text: var(--brand-2-bg-text);
  --hover:var(--brand-2-hover);
  --hover-color:var(--brand-2-hover-color);
  --border:var(--brand-2-border);
  --lighten:var(--brand-2-lighten);
  --darken:var(--brand-2-darken);
  --contrast:var(--brand-2-contrast);
}

.frame-brand-3 {
  --color:var(--brand-3);
  --bg:var(--brand-3-bg);
  --text:var(--brand-3-text);
  --bg-text: var(--brand-3-bg-text);
  --hover:var(--brand-3-hover);
  --hover-color:var(--brand-3-hover-color);
  --border:var(--brand-3-border);
  --lighten:var(--brand-3-lighten);
  --darken:var(--brand-3-darken);
  --contrast:var(--brand-3-contrast);
}

.frame-brand-4 {
  --color:var(--brand-4);
  --bg:var(--brand-4-bg);
  --text:var(--brand-4-text);
  --bg-text: var(--brand-4-bg-text);
  --hover:var(--brand-4-hover);
  --hover-color:var(--brand-4-hover-color);
  --border:var(--brand-4-border);
  --lighten:var(--brand-4-lighten);
  --darken:var(--brand-4-darken);
  --contrast:var(--brand-4-contrast);
}

.frame-brand-5 {
  --color:var(--brand-5);
  --bg:var(--brand-5-bg);
  --text:var(--brand-5-text);
  --bg-text: var(--brand-5-bg-text);
  --hover:var(--brand-5-hover);
  --hover-color:var(--brand-5-hover-color);
  --border:var(--brand-5-border);
  --lighten:var(--brand-5-lighten);
  --darken:var(--brand-5-darken);
  --contrast:var(--brand-5-contrast);
}

.frame-brand-6 {
  --color:var(--brand-6);
  --bg:var(--brand-6-bg);
  --text:var(--brand-6-text);
  --bg-text: var(--brand-6-bg-text);
  --hover:var(--brand-6-hover);
  --hover-color:var(--brand-6-hover-color);
  --border:var(--brand-6-border);
  --lighten:var(--brand-6-lighten);
  --darken:var(--brand-6-darken);
  --contrast:var(--brand-6-contrast);
}

.frame-white {
  --color:var(--white);
  --bg:var(--white-bg);
  --text:var(--white-text);
  --bg-text: var(--white-bg-text);
  --hover:var(--white-hover);
  --hover-color:var(--white-hover-color);
  --border:var(--white-border);
  --lighten:var(--white-lighten);
  --darken:var(--white-darken);
  --contrast:var(--white-contrast);
}

.frame-black {
  --color:var(--black);
  --bg:var(--black-bg);
  --text:var(--black-text);
  --bg-text: var(--black-bg-text);
  --hover:var(--black-hover);
  --hover-color:var(--black-hover-color);
  --border:var(--black-border);
  --lighten:var(--black-lighten);
  --darken:var(--black-darken);
  --contrast:var(--black-contrast);
}

:root {
  --text-font-size: var(--text-font-size-default);
  --text-color: var(--text-color);
  --text-line-height: 1.4;
  --text-align: left;
  --text-transform: none;
  --text-link-color: color-mix(in srgb, var(--text-color) 80%, black);
  --headline-font-size: var(--headline-font-size-default);
  --headline-line-height: 1.4;
  --headline-color: var(--text-color);
  --headline-weight: normal;
  --headline-transform: none;
  --paragraph-margin: 0 0 0.4rem 0;
}

:root {
  --container-pad-0: 0rem;
  --row-gap-0: clamp(0rem, 0vw, 0rem);
  --container-pad-1: 1.625rem;
  --row-gap-1: clamp(0.40625rem, 2.03125vw, 1.625rem);
  --container-pad-2: 3.25rem;
  --row-gap-2: clamp(0.8125rem, 4.0625vw, 3.25rem);
  --container-pad-3: 6.5rem;
  --row-gap-3: clamp(1.625rem, 8.125vw, 6.5rem);
  --container-pad-4: 9.75rem;
  --row-gap-4: clamp(2.4375rem, 12.1875vw, 9.75rem);
  --container-pad-5: 19.5rem;
  --row-gap-5: clamp(4.875rem, 24.375vw, 19.5rem);
}
@media screen and (max-width: 1200px) {
  :root {
    --container-pad-0: 0rem;
    --row-gap-0: clamp(0rem, 0vw, 0rem);
    --container-pad-1: 1.625rem;
    --row-gap-1: clamp(0.40625rem, 2.03125vw, 1.625rem);
    --container-pad-2: 3.25rem;
    --row-gap-2: clamp(0.8125rem, 4.0625vw, 3.25rem);
    --container-pad-3: 6.5rem;
    --row-gap-3: clamp(1.625rem, 8.125vw, 6.5rem);
    --container-pad-4: 9.75rem;
    --row-gap-4: clamp(2.4375rem, 12.1875vw, 9.75rem);
    --container-pad-5: 19.5rem;
    --row-gap-5: clamp(4.875rem, 24.375vw, 19.5rem);
  }
}
@media screen and (max-width: 992px) {
  :root {
    --container-pad-0: 0rem;
    --row-gap-0: clamp(0rem, 0vw, 0rem);
    --container-pad-1: 1.21875rem;
    --row-gap-1: clamp(0.3046875rem, 1.5234375vw, 1.625rem);
    --container-pad-2: 2.4375rem;
    --row-gap-2: clamp(0.609375rem, 3.046875vw, 3.25rem);
    --container-pad-3: 4.875rem;
    --row-gap-3: clamp(1.21875rem, 6.09375vw, 6.5rem);
    --container-pad-4: 7.3125rem;
    --row-gap-4: clamp(1.828125rem, 9.140625vw, 9.75rem);
    --container-pad-5: 14.625rem;
    --row-gap-5: clamp(3.65625rem, 18.28125vw, 19.5rem);
  }
}
@media screen and (max-width: 768px) {
  :root {
    --container-pad-0: 0rem;
    --row-gap-0: clamp(0rem, 0vw, 0rem);
    --container-pad-1: 0.8125rem;
    --row-gap-1: clamp(0.203125rem, 1.015625vw, 1.625rem);
    --container-pad-2: 1.625rem;
    --row-gap-2: clamp(0.40625rem, 2.03125vw, 3.25rem);
    --container-pad-3: 3.25rem;
    --row-gap-3: clamp(0.8125rem, 4.0625vw, 6.5rem);
    --container-pad-4: 4.875rem;
    --row-gap-4: clamp(1.21875rem, 6.09375vw, 9.75rem);
    --container-pad-5: 9.75rem;
    --row-gap-5: clamp(2.4375rem, 12.1875vw, 19.5rem);
  }
}

body:not(.logged_in) .content_row_outer.arrow-to-next-row {
  position: relative;
}
@media (max-width: 992px) {
  body:not(.logged_in) .content_row_outer.arrow-to-next-row {
    display: none !important;
  }
}
@media (min-width: 992px) {
  body:not(.logged_in) .content_row_outer.arrow-to-next-row {
    /* Die Row selbst kann nicht gehovt werden */
    pointer-events: none;
    /* Hover nur auf dem Arrow */
  }
  body:not(.logged_in) .content_row_outer.arrow-to-next-row::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3rem;
    color: #fff;
    -webkit-text-stroke: 2px #000;
    text-stroke: 2px #000;
    cursor: pointer;
    /* Nur der Arrow ist "hoverbar" */
    pointer-events: auto;
    transition: color 0.3s ease;
  }
  body:not(.logged_in) .content_row_outer.arrow-to-next-row:hover::after {
    color: var(--primary);
  }
}

/* Abstand zwischen den Kacheln */
.content-aktuelles-overview .grid {
  opacity: 0;
  transition: all 0.4s;
}

.content-aktuelles-overview .grid.slick-initialized {
  opacity: 1;
}

.content-aktuelles-overview .grid .slick-slide {
  margin: 0 10px; /* 10px Abstand links + rechts */
}

/* Track ausgleichen, damit der Slider nicht "zu breit" wird */
.content-aktuelles-overview .grid .slick-list {
  margin: 0 100px; /* Gleicher Wert wie oben */
}

@media screen and (max-width: 768px) {
  .slidy-arrow {
    font-size: 2rem;
  }
  .content-aktuelles-overview .grid .slick-list {
    margin: 0 30px; /* Gleicher Wert wie oben */
  }
}

/*# sourceMappingURL=overview.css.map */