/* basics.css */
/* Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
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;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

iframe {
  display: block;
  width: -webkit-fill-available;
  width: -moz-available;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

::-moz-selection {
  background: var(--color-accent);
  color: #fff;
  text-shadow: none
}

::selection {
  background: var(--color-accent);
  color: #fff;
  text-shadow: none
}

img,
video {
  display: inline-block;
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: middle;
}

b,
strong {
  font-weight: 700;
}

i,
em {
  font-style: italic;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  outline: none;
  color: inherit;
  text-decoration: none;
  transition: all ease 0.3s;
}

a:hover {
  color: var(--blue-medium);
  font-weight: inherit;
  transition: all ease 0.3s;
}

a:active,
a.active {
  outline: none;
  color: var(--blue-medium);
  font-weight: inherit;
  transition: all ease 0.3s;
}

a[name]:not([href]) {
  outline: none;
  color: inherit;
  text-decoration: none;
}

a[name]:not([href]):hover {
  color: inherit;
  font-weight: inherit;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

p {
  font-size: inherit;
  font-weight: normal;
  margin: 15px 0;
}

ul,
ol,
dl {
  text-decoration: none;
  list-style-type: none;
  list-style-position: outside;
  font-family: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
  font-size: medium;
}

sub {
  top: 0.35em;
}

input+label {
  margin-top: 5px;
}

/* Schriften */
:root {
  --font-primary: 'Source Sans Pro';
  --font-secondary: 'Merriweather Sans';
  --font-additional: 'Open Sans';
}

/* Farbvariablen */
:root {
  --color-trademark: #002566;
  --color-accent: #A50520;
  --color-background: #22305C;
  --color-spacer: #B2AAA8;
  --color-text: #000000;
  --color-indicator: #026818;
  --color-bourgundy: #670124;
  --color-shader: #000000B3;
  --color-blue: #28477E;
  --color-yellow: #FFB300;
  --color-grey1: #f2f2f2;
  --color-grey2: #0000007A;
  --color-grey3: #707070;
  --color-grey4: #000000A0;
  --color-grey5: #484A5A;
  --color-grey6: #0A0B0E;
  --color-border: #00000040;
  --trademark: #22305C;
  --accent: #A50520;
  --white: #FFFFFF;
  --grey-1: #F2F2F2;
  --grey-2: #A8ACB2;
  --grey-3: #707070;
  --grey-4: #DCDEE2;
  --text: #000000;
  /* status colors */
  --green: #026818;
  /*OK*/
  --blue-intense: #002566;
  /* backgrounds */
  --lightblue: #E7EAF3;
  /*Checkbox Hover*/
  --blue-medium: #5372A8;
  /*Trademark Hover*/
  --burgundy: #670124;
  /*Accent Hover*/
}

html {
  font: normal 16px/1.3 var(--font-primary), sans-serif;
  height: 100%;
  line-height: 1;
  color: var(--color-text);
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-primary), sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 0;
  font-feature-settings: "liga" 0;
  -webkit-font-variant-ligatures: no-common-ligatures;
  background: var(--color-grey1);
  min-height: 100%;
  line-height: 1.4;
  color: var(--color-text);
}

@media screen and (max-width: 799px) {
  .hide-mobile {
    display: none !important;
  }

  .hide-desk {
    display: initial;
  }
}

@media screen and (min-width: 849px) {
  .hide-mobile {
    display: initial;
  }

  .hide-desk {
    display: none !important;
  }
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.shadow {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.2);
}

.shadow-bottom {
  box-shadow: 0px 10px 10px -15px rgb(0 0 0 / 0.6);
}

.shadow-inside {
  box-shadow: inset 0 10px 10px -15px rgb(0 0 0 / .6);
  padding-bottom: 3px;
}

.shadow-top {
  box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 0.2);
}

.pointer {
  cursor: pointer;
}

/* Flexboxen */
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-container.inline {
  display: inline-flex;
}

.flex-container.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-container.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-container.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-container.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-container>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

/* Links */
.artdetail_text a {
  font-size: inherit;
  color: var(--color-accent);
  text-decoration: underline;
}

.artdetail_text a:hover {
  font-size: inherit;
  color: var(--color-bourgundy);
  text-decoration: underline;
}

.artdetail_text .negative a {
  color: #FF98AA;
}

.artdetail_text .negative a:hover {
  color: #EF6091;
}

.section-head a:hover {
  color: var(--color-accent);
}

/* Allgemeines */
p {
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 24px;
}

p .icon-logo_plus_pos {
  font-size: 12px;
}

@media screen and (max-width: 799px) {
  p {
    font-size: 18px;
    line-height: 26px;
  }

  p .icon-logo_plus_pos {
    font-size: 15px;
  }
}

b {
  font-weight: 600;
}

/* Badges */
.badge.iconbadge {
  height: 29px;
  padding: 0 12px 3px 12px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  color: #fff;
  background: var(--color-accent);
  font-size: 16px;
  font-weight: 600;
  transition: all ease 0.5s;
}

.badge.iconbadge .icon {
  margin-right: 5px;
  font-size: 18px !important;
}

.badge.iconbadge:hover {
  background: var(--color-bourgundy);
  transition: all ease 0.5s;
}

/* Buttons */
.primary.button,
.submitSpacer,.registerInactiveButton, 
.submit-btn input[type="button"],
.submit-btn button {
  display: block;
  background-color: var(--trademark);
  color: var(--white);
  font-size: 18px;
  text-align: center;
  line-height: 20px;
  padding: 8px 10px;
  margin: 15px auto;
  border: 1px solid var(--trademark);
  border-radius: 5px;
  height: 40px;
  width: 100%;
  max-width: 375px;
}

.submit-btn {
  display: flex;
  justify-content: center;
  margin: 0 15px;
}

.secondary.button {
	display: block;
  background-color: var(--white);
  color: var(--trademark);
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  padding: 8px 10px;
  margin: 15px auto;
  border: 1px solid var(--trademark);
  border-radius: 5px;
  height: 40px;
  width: 100%;
  max-width: 375px;
}

.button.short {
	width: fit-content !important;
  margin: unset;
}

.primary.button:hover {
  background-color: var(--blue-intense);
  border: 1px solid var(--blue-intense);
}

.primary.button.inactive {
  background-color: var(--grey-2);
  border: 1px solid var(--grey-2);
}

.btn {
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  width: auto;
  background: #22305C;
  color: #fff;
  border-radius: 10px;
  padding: 8px 10px 10px 10px;
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  transition: all ease 0.5s;
  cursor: pointer;
  box-sizing: border-box;
}

button:hover,
button.active,
button.background,
.btn:hover,
.btn.active {
  background: var(--trademark);
  color: #fff;
}

.button-list {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.teaser a.btn {
  margin: 0 0 20px 0;
}

.btn a,
a.btn {
  text-decoration: none;
  text-align: center;
  color: #fff;
}

.btn a,
a.btn:not(.accordion) {
  font-size: inherit;
}

.button.red {
	background-color: var(--accent);
    border-color: var(--accent);
}

.button.green {
	background-color: var(--green);
    border-color: var(--green);
}

/* Input & Co */
input,
textarea {
  height: 40px;
  box-sizing: border-box;
  background-color: var(--grey-1);
  color: var(--trademark);
  border: 1px solid var(--grey-1);
  font-size: 18px;
  line-height: 24px;
  margin: 5px 0;
  padding: 5px 10px 5px 10px;
  display: inline-block;
}

input[type="password"],
input[type="file"],
input[type="text"],
input[type="file"],
input[type="email"] {
  width: 100% !important;
}

/* select with autocomplete */
ul.ui-autocomplete {
  box-sizing: border-box;
  background: var(--grey-1);
  border: var(--grey-2);
  box-shadow: 0 4px 10px rgb(43 71 86 / .2);
  line-height: 18px;
  font-weight: 400;
  font-size: 18px;
  white-space: nowrap;
  color: var(--text);
  padding:15px 0;
  width: 0;
}

li.ui-menu-item {
  padding: 10px 15px;
  white-space: normal;
}

li.ui-menu-item:hover {
  background-color: var(--blue-intense);
  color:white;
}

input#municipalitySelect::placeholder {
  color:var(--trademark);
  }

/* Card Layout Global */
.card__header {
  padding-bottom: 10px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  justify-content: space-between;
}

.card__header .card__headerCategory {
  font-size: 20px;
  line-height: 24px;
  font-variant: all-petite-caps;
  letter-spacing: 2px;
}

.card__header.column {
  flex-direction: column;
}

.card__more {
  color: var(--trademark);
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  border: 1px solid;
  border-radius: 3px;
  line-height: 20px;
  padding: 2px 10px 0;
  height: fit-content;
}

a:hover.card__more {
  text-decoration: none;
  background-color: var(--lightblue);
  color: var(--trademark);
}

.card__data {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
}

.card__data .table__row {
  display: grid;
}

.card__data.column {
  flex-direction: column;
}

fieldset.card__data label {
  font-size: 14px;
  line-height: 18px;
  color: var(--grey-3);
  grid-area: label;
}

.card__value {
  grid-area: value;
}

.card__advice {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  padding: 10px 0;
}

.card__button {
  grid-area: button;
  grid-column: initial;
  align-self: center;
  justify-self: end;
}

.card__title {
  font-size: 24px;
  font-weight: 600;
  font-style: normal;
  line-height: 30px;
  letter-spacing: 0;
  color: var(--text);
}

.card__title.withicon {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  width: -webkit-fill-available;
}

.card__title.withicon .icon {
  font-size: 14px;
  line-height: 24px;
}

.card__data p {
  align-self: start;
  font-size: 18px;
  line-height: 24px;
}

.card__data form {
  width: 100%;
}

.card .card__subtitle {
  font-size: 14px;
  line-height: 24px;
  padding: 0 15px;
  margin: 0;
}

.card__error {
  color: var(--accent);
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (max-width:599px) {
  .card__data .table__row {
    grid-template-columns: 1fr 110px;
    grid-template-areas: "label button" "value button";
    column-gap: 10px;
  }
}

.card {
    background: var(--white);
    }

@media screen and (min-width:600px) {
  .card {
    border-radius: 5px;
    box-shadow: 0 4px 10px rgb(43 71 86 / .2);
    height: 100%;
    padding-bottom: 5px;
  }

  .card__data .table__row {
    grid-template-columns: 190px 1fr 110px;
    grid-template-areas: "label value button";
    column-gap: 10px;
  }
}

@media screen and (max-width: 799px) {
  .container .card:not(.container.container-horizontal .card) {
    margin: 0 0 10px 0;
  }
}

/* inputs */

input.withicon {
  position: relative;
  padding-right: 40px;
}

input.withicon+.icon {
  position: absolute;
  right: 15px;
  line-height: 50px;
  font-size: 24px;
  color: var(--color-spacer);
}

input.withicon+.icon.is-visible {
  color: var(--color-trademark);
}

.input-container textarea.input {
	height:auto;
}

textarea {
  min-height: 92px;
  width: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  display: none;
}

input::placeholder,
textarea::placeholder {
  font-family: var(--font-primary);
  font-size: 18px;
  color: var(--grey-3);
  font-style: italic;
}

input:disabled {
  opacity: .49;
}

.messageContainer {
  width: 100%;
  min-height: 50vh;
  margin: 30px auto 30px auto;
  grid-column: 2 / -2;
  max-width: 800px;
}

@media only screen and (max-width:849px) {
  .messageContainer {
    grid-column: 1 / -1;
  }
}

.errorMessage {
  font-size: 18px;
  font-weight: 400;
  color: var(--accent);
  flex-basis: 100%;
}

.element-label {
  grid-area: label;
  font-size: 14px;
  line-height: 18px;
  color: var(--grey-3);
  display: block;
  width: 100%;
}

#responseMessage .errorMessage {
  font-size: 18px;
  font-weight: 400;
  color: var(--accent);
  border: 1px solid var(--accent);
  padding: 10px;
  text-align: center;
}

#responseMessage .successMessage {
	font-size: 18px;
    font-weight: 400;
    color: var(--green);
    border: 1px solid var(--green);
    padding: 10px;
    text-align: center;
}


.form-container {
  height: 100%;
  padding-bottom: 5px;
}

.input-container {
  grid-area: input;
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  flex-direction: column;
}

.element-label.line+.input-container {
  flex-direction: row;
}

.input-container+.input-container {
  margin-top: 15px;
}

.input-container.captcha {
  flex-direction: column;
}

.static-text.form-header:first-child,
.hookline {
  color: var(--text);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.static-text {
  font-size: 18px;
  line-height: 20px;
  margin: 15px 0
}

.field__error {
  padding: 5px;
}

.card__data.field__error {
padding: 5px 15px 0 15px;
}


.field__error input,
.field__error [type="radio"]+label:before {
  border: 1px solid var(--color-accent);
}

.field__withicon,
.field__show {
  display: flex;
  align-items: center;
  position: relative;
}

.field__withicon input[type="password"]+.icon,
.field__withicon input[type="text"]+.icon {
  font-size: 24px;
  position: absolute;
  right: 15px;
}

.field__withicon .icon.icon-information {
  font-size: 24px;
  margin-left: 5px;
}

.help-text a {
  /*position: absolute;
  transform: translate(-35px, 10px);*/
  text-decoration: none !important;
}

.input-container .help-text {
	display: grid;
    grid-template-areas: "label help spare" "input input input"; 
    grid-template-columns: min-content 24px auto;
    grid-template-rows: 20px auto;
    white-space:nowrap;
}
.input-container .help-text .element-label {
	grid-area: label;
    margin-right: 10px;
 }
    
.input-container .help-text a {
	grid-area: help;
}

.input-container .help-text .input-container {
	flex-wrap:nowrap;
}

hr.onepxline {
  border: 0;
  border-top: 1px solid var(--blue-intense);
  width: 100%;
}

/* Checkboxen Registrierung */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: 1;
}

[type="checkbox"]+label,
[type="checkbox"]+h2.card__title {
  position: relative;
  padding-left: 30px;
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  min-height: 30px;
}

[type="checkbox"]+label:before,
[type="checkbox"]+h2.card__title:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 21px;
  height: 21px;
  z-index: 0;
  border: 1px solid var(--color-trademark);
  border-radius: 1px;
  margin-top: 2px;
  transition: .28s ease;
}

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:not(:hover)+label:before,
[type="checkbox"]:not(:checked)+h2.card__title:before,
[type="checkbox"]:not(:hover)+h2.card__title:before {
  background: #fff;
}

[type="checkbox"]:checked+label:before,
[type="checkbox"]:checked+h2.card__title:before {
  background: var(--blue-intense);
}

[type="checkbox"]:checked+label:after,
[type="checkbox"]:hover+label:after,
[type="checkbox"]:checked+h2.card__title:after,
[type="checkbox"]:hover+h2.card__title:after {
  content: '\e911';
  font-size: 15px;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  position: absolute;
  left: 4px;
  top: 8px;
  z-index: 80;
  display: block;
  color: white;
}

/* Select */
select {
  background: transparent;
  width: 100%;
  padding: 10px;
  color: var(--trademark);
  height: 40px;
  font-size: 18px;
  line-height: 19px;
  cursor: pointer;
  font-family: var(--font-primary);
  outline: none;
  border-radius: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.selectlink select {
  -webkit-appearance: none;
  background-image: none;
}

.selectlink {
  position: relative;
}

.selectlink:after {
  content: "\e90b";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--color-trademark);
  right: 11px;
  top: 10px;
  position: absolute;
  pointer-events: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* Radio Buttons */
.input-field.styled [type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.input-field.styled [type="radio"]:not(:checked)+span,
[type="radio"]:checked+span {
  position: relative;
  padding-left: 45px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 35px;
  -webkit-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-field.styled [type="radio"]+span:before,
[type="radio"]+span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 25px;
  height: 25px;
  z-index: 0;
  -webkit-transition: .28s ease;
  transition: .28s ease;
  box-sizing: border-box;
}

.input-field.styled [type="radio"]:not(:checked)+span:before,
.input-field.styled [type="radio"]:not(:checked)+span:after,
.input-field.styled [type="radio"]:checked+span:before,
[type="radio"]:checked+span:after,
.input-field.styled [type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after {
  border-radius: 50%;
}

.input-field.styled [type="radio"]:not(:checked)+span:before,
.input-field.styled [type="radio"]:not(:checked)+span:after {
  border: 1px solid var(--color-trademark);
  background: transparent;
}

.input-field.styled [type="radio"]:not(:checked)+span:after {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.input-field.styled [type="radio"]:checked+span:before {
  border: 2px solid transparent;
}

.input-field.styled [type="radio"]:checked+span:after,
.input-field.styled [type="radio"]:checked+span:before {
  border: 1px solid var(--color-trademark);
}

.input-field.styled [type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after,
.input-field.styled [type="radio"]:hover+span:after {
  background-color: var(--color-trademark);
}

.input-field.styled [type="radio"]:checked+span:after,
.input-field.styled [type="radio"]:hover+span:after {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}

.input-field.styled [type="radio"]:disabled:checked+span:before {
  border: 1px solid var(--color-grey2);
}

.input-field.styled [type="radio"]:disabled:checked+span:after {
  border: none;
  background-color: var(--color-grey4);
}

.input-field.styled [type="radio"]:disabled:not(:checked)+span:before,
[type="radio"]:disabled:checked+span:before {
  background-color: transparent;
  border-color: rgb(0 0 0 / 0.42);
}

.input-field.styled [type="radio"]:disabled+span {
  color: rgb(0 0 0 / 0.42);
}

.input-field.styled [type="radio"]:disabled:not(:checked)+span:before {
  border-color: rgb(0 0 0 / 0.42);
}

.input-field.styled [type="radio"]:disabled:checked+span:after {
  background-color: rgb(0 0 0 / 0.42);
  border-color: #949494;
}

/* Radio Buttons */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
  position: relative;
  padding-left: 35px;
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
  min-height: 30px;
  font-size: 18px;
  line-height: 24px;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[type="radio"]+label:before,
[type="radio"]+label:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0;
  width: 23px;
  height: 23px;
  z-index: 0;
  transition: .28s ease;
}

[type="radio"]+label:before {
  margin: 0;
  width: 25px;
  height: 25px;
  background: #fff;
  border: 1px solid var(--trademark);
}

[type="radio"]+label:after {
  background: var(--trademark);
  width: 11px;
  height: 11px;
  top: 7px;
  left: 7px;
}

/* Unchecked styles */
[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after,
[type="radio"].with-gap:checked+label:before,
[type="radio"].with-gap:checked+label:after {
  border-radius: 50%;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after {
  border: 1px solid var(--color-trademark);
}

[type="radio"]:not(:checked)+label:after {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Checked styles */
[type="radio"]:checked+label:before {
  border: 1px solid var(--color-trademark);
}

[type="radio"]:checked+label:after,
[type="radio"].with-gap:checked+label:before,
[type="radio"].with-gap:checked+label:after {
  border: 1px solid var(--color-trademark);
}

[type="radio"]:checked+label:after,
[type="radio"]:hover+label:after,
[type="radio"].with-gap:checked+label:after {
  background-color: var(--color-trademark);
}

[type="radio"]:checked+label:after {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

/* Radio With gap */
[type="radio"].with-gap:checked+label:after,
[type="radio"].with-gap:hover+label:after {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}

/* Focused styles */
[type="radio"].tabbed:focus+label:before {
  box-shadow: 0 0 0 10px rgb(0 0 0 / 0.1);
}

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked+label:before {
  border: 1px solid rgb(0 0 0 / 0.26);
}

[type="radio"].with-gap:disabled:checked+label:after {
  border: none;
  background-color: rgb(0 0 0 / 0.26);
}

/* Disabled style */
[type="radio"]:disabled:not(:checked)+label:before,
[type="radio"]:disabled:checked+label:before {
  background-color: transparent;
  border-color: rgb(0 0 0 / 0.26);
}

[type="radio"]:disabled+label {
  color: rgb(0 0 0 / 0.26);
}

[type="radio"]:disabled:not(:checked)+label:before {
  border-color: rgb(0 0 0 / 0.26);
}

[type="radio"]:disabled:checked+label:after {
  background-color: rgb(0 0 0 / 0.26);
  border-color: var(--color-spacer);
}

.facet-dateselect .input-field label span {
  margin-left: 10px;
}

/* Headlines */
.breadcrumb {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-spacer);
}

.section-heads {
  font-size: 32px;
  color: var(--color-trademark);
  line-height: 40px;
}

.category {
  font-size: clamp(15px, 2.2vw, 18px);
  line-height: clamp(18px, 2.2vw, 20px);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--trademark);
}

.category .text {
  font-size: clamp(14px, 1.7vw, 16px);
  letter-spacing: 0.1em;
  vertical-align: 10%;
}

.category .text.noWrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.headline_art {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  margin: 10px 0;
}

.headline_art.toplist {
  margin: 50px 0 !important;
}

.headline_2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: var(--text);
}

@media screen and (max-width:799px) {
  .headline_2 {
    font-size: 24px;
    line-height: 30px;
  }
}

.headline_2.neg {
  color: #fff;
}


.teaser {
  font-size: 24px;
  line-height: 31px;
}

.lead_teaser {
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
}

.topic {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  text-transform: uppercase;
  color: var(--color-spacer);
}

.datetime {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-spacer);
  text-align: right;
}

.footnote {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
}

.caption {
  font-size: 20px;
  line-height: 29px;
  font-style: italic;
  letter-spacing: 1.5px;
}

.field-content {
  font-size: 20px;
  line-height: 22px;
}

.button {
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 20px;
}

.autor {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  text-align: right;
}

.category_large {
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--color-trademark);
}

.category_large .text {
  letter-spacing: 0.1em;
}

.category .icon-plus_sign_group,
.category_large .icon-plus_sign_group,
.teaser-headline.small .icon-plus_sign_group {
  margin-right: 7px;
}

.category_large.neg,
.category.neg {
  color: #fff;
}

.headline_4_large {
  font-size: 46px;
  line-height: 63px;
  font-weight: 700;
}

.headline_3_large {
  font-size: 33px;
  line-height: 43px;
  font-weight: 700;
  color: var(--color-background);
}

.teaser_large {
  font-size: 33px;
  line-height: 40px;
  font-weight: 300;
}

.topic_large {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  color: var(--color-spacer);
  text-transform: uppercase;
}

.rubrik {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  color: var(--color-spacer);
  text-transform: uppercase;
}

.quotation {
  font-size: 33px;
  line-height: 40px;
  color: var(--color-background);
  font-style: italic;
}

.content-container.negative {
  color: #fff;
}

.content-container.negative .headline_2_large {
  color: #fff;
  font-weight: 400;
}

/* Grid */
.pagewrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1085px minmax(0, 1fr);
  grid-template-rows: 68px auto auto 1fr auto;
  grid-auto-rows: auto;
  position: relative;
  background: #fff;
}

@media screen and (min-width: 1242px) {
  .pagewrapper {
    background: transparent linear-gradient(270deg, #DCDEE2 0%, #FFFFFF 30%, #FFFFFF 70%, #DCDEE2 100%) 0% 0% no-repeat padding-box;
  }
}

.contentbox {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.contentbox:has(.slotElement) {
	width: 100%;
    max-width: 800px !important;
}

.contentbox .inner-content {
  grid-column: 1 / -1;
  margin: 0 auto;
}

@media screen and (min-width: 600px) and (max-width: 799px) {
  .contentbox .inner-content {
    max-width: calc(600px - 30px);
  }
}

@media screen and (max-width: 1241px) and (min-width: 800px) {
  .contentbox .inner-content.full {
    width: 100%;
    max-width: calc(100% - 30px);
    margin-left: 0;
    margin-right: 0;
  }
}

.contentbox .after-article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 800px) minmax(0, 1fr);
  margin-top: 30px;
}

.contentbox .after-article>* {
  grid-column: 2 / -2;
}



.contentbox .teaser.full {
  grid-column: 1 / -1;
}

.contentbox .teaser.half {
  grid-column: auto / span 6;
}

.contentbox .teaser.third {
  grid-column: auto / span 4;
}

.contentbox .half-item {
  grid-column: auto / span 6;
}

.contentbox .third-item {
  grid-column: auto / span 4;
}

.contentbox .fourth-item {
  grid-column: auto / span 3;
}

.contentbox .teaser.toplist {
  display: grid;
  grid-template-columns: 125px 1fr;
  grid-gap: 10px;
}

.contentbox .boxheader {
  grid-column: 1 / -1;
  padding: 20px;
  display: grid;
  place-items: center;
}

.pagewrapper .header {
  grid-column-start: 1;
  grid-column-end: -1;
  background: #FFFFFFF2;
  height: 60px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1002;
  box-shadow: 0px 3px 6px #00000029;
}

.pagewrapper .header .decobar {
  height: 20px;
  background: transparent linear-gradient(180deg, #DCDEE250 0%, #f2f2f225 50%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
  /*margin-top: 20px;*/
  grid-column: 1 / -1;
  background-blend-mode: multiply;
  z-index: 1003;
}

.pagewrapper .header.stickit {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.pagewrapper .stickylist {
  position: fixed;
  top: 55vh;
  width: 50px;
  display: flex;
  flex-direction: column;
  z-index: 99;
}

.pagewrapper .stickylist .social {
  width: 50px;
  height: 50px;
  background: #fff;
  margin-bottom: 10px;
  display: grid;
  place-items: center;
}

.pagewrapper .stickylist .social .icon {
  font-size: 30px;
}

.pagewrapper .stickylist .social.mail .icon {
  font-size: 25px;
}

.pagewrapper .stickylist .social .icon-icon_facebook .path1:before {
  color: #1877F2;
}

.pagewrapper .stickylist .social .icon-icon_twitter:before {
  font-size: 32px;
  color: #1DA1F2;
}

.pagewrapper .contentwrapper {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(570px, 1085px) minmax(0, 1fr);
}

.pagewrapper .contentwrapper .contentbox:not(.mehraus) {
  grid-column: 2 / -2;
  max-width: 1085px;
  margin: 0 auto;
}

.pagewrapper .contentwrapper .contentbox.mehraus a {
  margin-top: 0px;
}

.pagewrapper .contentwrapper .contentbox .icon {
  margin-top: -2px;
}

.pagewrapper .footer {
  grid-column-start: 1;
  grid-column-end: -1;
}

.pagewrapper .foot-backtotop {
  grid-column-start: 1;
  grid-column-end: -1;
  text-align: center;
  margin: 30px 0 45px 0 !important;
}

.pagewrapper .skyscraper-container-left {
  position: fixed;
  top: 135px;
  left: calc((100vw - 1788px) / 2);
  width: 100%;
  margin-top: 0;
  height: 630px;
  /*margin-right: 30px;*/
  max-width: 330px;
  overflow: hidden;
}

.pagewrapper .skyscraper-container-right {
  position: fixed;
  top: 135px;
  right: calc((100vw - 1788px) / 2);
  width: 100%;
  margin-top: 0;
  height: 630px;
  /*margin-left: 30px;*/
  max-width: 330px;
  overflow: hidden;
}

/* Ad-Units */
.adBreaker.special {
  grid-column: 2 / -2;
  max-width: 1085px;
  margin: 30px auto 0 auto;
}

#ribbon {
  position: fixed;
  bottom: 0;
  z-index: 1062;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}

#FT_ROS_Top:before,
#FT_ROS_Sticky:before,
#FT_ROS_Incontent-1:before,
#FT_ROS_Incontent-2:before,
#FT_ROS_Incontent-3:before,
#FT_ROS_Incontent-4:before,
#FT_ROS_ArtDetail_Incontent-1:before,
#FT_ROS_Offcontent-Re:before {
  content: 'Anzeige' !important;
  color: #999;
  font-size: 10px;
  font-weight: 200;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

#FT_ROS_Offcontent-Li {
  text-align: right;
}

#FT_ROS_Offcontent-Li:before {
  content: 'Anzeige' !important;
  color: #999;
  font-size: 10px;
  font-weight: 200;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.werb-block-FT_ROS_Offcontent-Li {
  float: right;
}

.werb-block-FT_ROS_Top {
	display: none;
}


@media screen and (min-width:800px){
.werb-block-FT_ROS_Top {
	display: block !important;
    width: 728px;
    margin: 0 auto 30px auto;
}
}

.werb-block-FT_ROS_Incontent-1,
.werb-block-FT_ROS_Incontent-2,
.werb-block-FT_ROS_Incontent-3,
.werb-block-FT_ROS_Incontent-4,
.werb-block-FT_ROS_ArtDetail_Incontent-1 {
  width: 300px;
  margin: auto;
}

.werb-block-FT_ROS_Sticky {
  width: 320px;
}

#FT_ROS_Incontent-1,
#FT_ROS_Incontent-2,
#FT_ROS_Incontent-3,
#FT_ROS_Incontent-4,
#FT_ROS_ArtDetail_Incontent-1 {
  width: 300px;
}

#FT_ROS_Incontent-1:has(iframe[data-is-safeframe="true"]),
#FT_ROS_Incontent-2:has(iframe[data-is-safeframe="true"]),
#FT_ROS_Incontent-3:has(iframe[data-is-safeframe="true"]),
#FT_ROS_Incontent-4:has(iframe[data-is-safeframe="true"]) {
width: auto !important;
padding: 0 10px 15px 10px;
}

#FT_ROS_Sticky {
  width: 320px;
}

.topaufmacherbox .topteaser.specialAd {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (max-width: 799px) {
  #FT_ROS_Incontent-1 {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .werb-block-FT_ROS_Incontent-2 {
    margin: 0 auto;
    display: block;
    order: 1;
  }
}

@media screen and (min-width: 800px) and (max-width: 1241px) {
  .werb-block-FT_ROS_Incontent-2 {
    align-content: center;
    justify-content: center;
    display: flex;
    width: auto;
    order: 1;
  }
}

@media screen and (min-width:1024px) {
  #slot-topmobile.slot-topmobile.understitial {
    display: none;
  }
}

@media screen and (min-width: 1242px) {
  .werb-block-FT_ROS_Incontent-2 {
    display: grid;
    width: auto;
    align-content: center;
    justify-content: center;
    grid-column: span 2;
    order: 1;
  }
}

.werb-block-FT_ROS_Incontent-2 {
  margin-bottom: 30px;
}

.pagewrapper .skyscraper-container-left .dummywerb,
.pagewrapper .skyscraper-container-right .dummywerb {
  width: 100%;
  height: 100%;
  display: none;
  margin-top: 2px;
}

@media screen and (min-width: 1640px){
.pagewrapper .skyscraper-container-left .dummywerb,
.pagewrapper .skyscraper-container-right .dummywerb {
  display: block;
}
}

/* slot elements */

.slotElement {
  width:100%;
}

.slotElement .werb-block-FT_ROS_Incontent-1,
.slotElement .werb-block-FT_ROS_Incontent-2,
.slotElement .werb-block-FT_ROS_Incontent-3,
.slotElement .werb-block-FT_ROS_Incontent-4,
.slotElement .werb-block-FT_ROS_Top {
  display: flow-root;
  background-color: var(--grey-4);
  text-decoration: none !important;
  width:100%;
}

/* Ad-Unit incontent-4 */
.specialAd.portal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 50px 0;
}

.pagewrapper>* {
  grid-row: span 1;
}

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

  .pagewrapper .skyscraper-container-left,
  .pagewrapper .skyscraper-container-right {
    display: none;
  }
}

@media screen and (max-width: 1241px) {
  .pagewrapper {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    position: relative;
  }

  .pagewrapper .stickylist {
    position: fixed;
    top: 170px;
    right: 0;
  }

  .pagewrapper .footer {
    grid-column-start: 1;
    grid-column-end: -1;
  }
}

@media screen and (max-width: 599px) {
  .pagewrapper .contentwrapper {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 799px) {
  .pagewrapper {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 68px auto 1fr auto;
  }

  .pagewrapper .header {
    grid-column-start: 1;
    grid-column-end: -1;
  }

  .pagewrapper .billboard {
    grid-column-start: 1;
    grid-column-end: -1;
    justify-self: stretch;
    overflow: hidden;
  }

  .pagewrapper .footer {
    grid-column-start: 1;
    grid-column-end: -1;
  }

  .contentbox {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(11, minmax(1px, 1fr));
    /*background: #fff;*/
  }

  .main.contentwrapper .contentbox:first-child {
    margin-top: 0;
  }

  .contentbox .teaser {
    grid-column: 1 / -1;
  }

  .contentbox .teaser.half {
    grid-column: 1 / -1;
  }

  .contentbox .teaser.third {
    grid-column: 1 / -1;
  }
}

/* Header */
.pagewrapper .header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1085px minmax(0, 1fr);
  grid-template-rows: 60px;
}


.pagewrapper .header .header-elements {
  width: 100%;
  max-width: calc(100vw - 60px);
  padding: 15px 0 15px 0;
  grid-column: 2 / -2;
  height: 60px;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
}

.pagewrapper .header .header-elements .icon {
  font-size: 23px;
}


.pagewrapper .header .header-elements .mobile-menu-button {
  position: relative;
}

.pagewrapper .header .header-elements .mobile-menu-button .icon-icon_menue_closed,
.pagewrapper .header .header-elements .mobile-menu-button .icon-icon_exit{
  position: absolute;
  transition: all ease-in-out 0.5s;
  right: 0;
  top: -13px;
}

.pagewrapper .header .header-elements .mobile-menu-button .icon-icon_menue_closed,
.pagewrapper .header .header-elements .mobile-menu-button.active .icon-icon_exit {
  visibility: visible;
  opacity: 1;
  
}

.pagewrapper .header .header-elements .mobile-menu-button.active .icon-icon_menue_closed,
.pagewrapper .header .header-elements .mobile-menu-button .icon-icon_exit {
  visibility: hidden;
  opacity: 0;
}

.pagewrapper .header .header-elements .icon-slide-menu:before {
  font-size: 25px;
  margin-right: 10px;
  content: '\e80d';
}

.pagewrapper .header .header-elements .head-toplinks {
  display: flex;
  align-items: center;
}

.pagewrapper .header .header-elements .head-toplinks > div {
	margin-right: 20px;
}

.pagewrapper .header .header-elements .head-toplinks > div:last-child {
	margin-right: unset;
}

.pagewrapper .header .header-elements .head-toplinks .head-login .profillink {
  position: relative;
  padding: 0 12px;
  border-left: 3px solid transparent;
  transition: all ease 0.5s;
  margin-right: 15px;
  display: none;
}

.pagewrapper .header .header-elements .head-toplinks .head-login .profillink:hover {
  border-left: 3px solid var(--color-trademark);
  transition: all ease 0.5s;
}


@media screen and (min-width: 1242px) {
  .pagewrapper .header .header-elements .head-toplinks .head-login .profillink {
    display: initial;
  }

}

.pagewrapper .header .nav-wrapper {
  display: flex;
}

.pagewrapper .header .nav-wrapper .search-dropdown {
  align-self: flex-end;
  margin: 0 20px 3px 20px;
}

.pagewrapper .header .nav-wrapper .search-dropdown .icon {
  font-size: 22px;
  cursor: pointer;
}

@media screen and (min-width: 1242px) {
  .pagewrapper .header .header-elements .mobile-menu-button {
    display: none;
  }

}

@media screen and (max-width: 1241px) {
  .pagewrapper .header {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .pagewrapper .header .header-elements .iconbadge.aboshop {
    display: none;
  }

  .pagewrapper .header .header-elements .loginicon {
    margin-right: 25px;
  }

  .pagewrapper .header .mainNavigation {
    display: none;
  }
}

@media screen and (max-width: 1241px) and (min-width: 800px) {
  .pagewrapper .header .header-elements {
    width: calc(100% - 30px);
    max-width: 800px;
    grid-column: 1 / -1;
    margin: 0 auto;
  }

}

@media screen and (max-width: 799px) {
  .pagewrapper .stickylist {
    display: none;
  }

  .pagewrapper .header .header-elements {
    width: 100%;
    max-width: calc(100% - 30px);
    grid-column: 1 / -1;
    margin: 0 auto;
  }


  .pagewrapper .header {
    grid-template-columns: minmax(0, 1fr);
  }

  .pagewrapper .header .header-elements .mobile-menu-button {
    height: auto;
  }
}

@media screen and (max-width:599px) {
.article_header {
padding:0 15px;
}

}

/* Ajax Login Logout */
#myloginlogout.fancybox-content {
  background: transparent;
  padding: 0;
}

#myloginlogout .fancybox-close-small {
  display: none;
}

.fancybox-is-open .fancybox-bg,
.fancybox-bg {
  background: var(--grey-2) !important;
  opacity: 0.8 !important;
}

/* Fancybox */
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: default;
  cursor: default;
}

.fancybox-show-caption .fancybox-caption .fancybox-caption__body {
  background: var(--color-grey1);
  padding: 10px 20px;
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 29px;
  font-style: italic;
  color: #000;
  text-align: left;
}

.fancybox-show-caption .fancybox-caption .fancybox-caption__body span {
  font-size: 16px;
  font-weight: 600;
  display: block;
}

div.loginContainer {
  position: relative;
}

.fancybox-content .innerloginContainer {
  z-index: 900000;
  width: 375px;
  max-width: calc(100vw - 30px);
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgb(43 71 86 / .2);
  height: 100%;
  padding-bottom: 5px;
}

#myloginlogout.fancybox-content .kunde-daten {
  font-size: 20px;
  margin-bottom: 40px;
}

#myloginlogout.fancybox-content .kunde-daten .benutzeremail {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 335px;
}

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

  #myloginlogout.fancybox-content .kunde-daten .benutzeremail,
  #myloginlogout.fancybox-content .kunde-daten .benutzername {
    max-width: 300px;
  }
}

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

  #myloginlogout.fancybox-content .kunde-daten .benutzeremail,
  #myloginlogout.fancybox-content .kunde-daten .benutzername {
    max-width: 250px;
  }
}

.open-fancybox-logout .second {
  display: none;
}

.open-fancybox-logout:hover .second {
  display: initial;
}

.open-fancybox-logout:hover .first {
  display: none;
}

#myloginlogout.fancybox-content .innerloginContainer .benutzername .label,
#myloginlogout.fancybox-content .innerloginContainer .kundennummer .label {
  font-weight: 700;
  width: 150px;
  display: inline-block;
}

#myloginlogout.fancybox-content .bluedots {
  padding: 20px;
  background: #fff;
  font-family: var(--font-primary);
}

/* Footer */
.pagewrapper .footer.main {
  font-family: var(--font-primary);
  background: var(--grey-1);
  border-top: 1px solid var(--trademark);
  color: var(--trademark);
  padding: 25px 0 60px 0;
  font-size: 16px;
  line-height: 25px;
}

.pagewrapper .footer.main a {
  color: var(--trademark);
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.pagewrapper .footer.main a:hover {
  text-decoration: underline;
}

.pagewrapper .footer.main .inner-content {
  background: transparent;
  max-width: 1085px;
  margin: 0 auto;
  text-align: center;
}

.pagewrapper .footer.main .nav {
  max-width: min-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.pagewrapper .footer.main .nav.head,
.pagewrapper .footer.main .nav.list li.head {
  justify-items: center;
  text-transform: uppercase;
  letter-spacing: 1.84px;
}


@media screen and (min-width:830px) {
  .pagewrapper .footer.main ul.nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(197px, auto));
    grid-gap: 0px 20px;
}

  .pagewrapper .footer.main ul.nav.list {
    display:grid;
    grid-template-columns: repeat(3, minmax(197px, auto));
    grid-auto-rows: auto;
}

  .pagewrapper .footer.main .nav li.sp1,
  .pagewrapper .footer.main .nav li.sp2  {
    border-right: 1px solid var(--trademark);
    padding-right: 20px;
}

  .pagewrapper .footer.main .nav.list li.sp1 {
    grid-column: 1 / span 1;
}

  .pagewrapper .footer.main .nav.list li.sp2 {
    grid-column: 2 / span 1;
}

  .pagewrapper .footer.main .nav.list li.sp3 {
    grid-column: 3 / span 1;
}

  .pagewrapper .footer.main .nav li {
    text-align: left;
}
}

@media screen and (max-width:829px) {
  .pagewrapper .footer.main ul.nav {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 0px 10px;
}

  .pagewrapper .footer.main li.sp1 {
    order: 1;
}

  .pagewrapper .footer.main li.sp2 {
    order: 2;
}

  .pagewrapper .footer.main li.sp3 {
    order: 3;
}

  .pagewrapper .footer.main ul.nav.head {
    display:none;
}

  .pagewrapper .footer.main .nav.list li.head {
    display:block !important;
    padding-top: 10px;
    border-bottom: 1px solid var(--trademark);
}

  .pagewrapper .footer.main .nav li {
    text-align: center;
    line-height:35px;
}

}

.pagewrapper .footer.main .nav li {
  white-space: nowrap;
}

.pagewrapper .footer.main .intro {
  color: var(--trademark);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  margin: 0 auto;
}

.pagewrapper .footer.main .social-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 250px;
  margin: 0 auto 5px auto;
}

.pagewrapper .footer.main .social-container a {
  display: flex;
}

.pagewrapper .footer.main [class^="icon-"] {
  font-size: 35px;
}

.pagewrapper .footer.main .icon-twitter_X_pos:before,
.pagewrapper .footer.main .icon-icon_instagram:before {
  color: var(--trademark);
}

.pagewrapper .footer.main .icon-icon_instagram {
  font-size: 30px;
}

.pagewrapper .footer.main .icon-icon_facebook .path1:before {
  color: var(--trademark);
}

.pagewrapper .footer.main .icon-icon_facebook .path2:before {
  color: var(--grey-1);
}

.pagewrapper .foot-backtotop .icon {
  font-size: 32px;
  color: var(--trademark);
}

.pagewrapper .foot-backtotop .btn {
  width: 104px;
  max-width: 100%;
  background: transparent;
  font-size: 23px;
  height: 29px;
  align-items: center;
  justify-content: space-around;
  margin: 0 auto;
  border-radius: 0;
  color: var(--trademark);
}

.pagewrapper .btn.background.left {
  font-size: 23px;
}

.pagewrapper .foot-backtotop .btn .flex-container {
  display: inline-block;
  top: 593px;
  left: 487px;
  width: 104px;
  height: 29px;
  text-align: center;
  font: normal normal normal 23px/29px Source Sans Pro;
  letter-spacing: 0px;
  color: var(--trademark);
  opacity: 1;
}

.pagewrapper .foot-backtotop .socialbottom {
  margin-bottom: 40px;
}

.pagewrapper .foot-backtotop .socialbottom .icon {
  margin: 0 15px;
}

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

  .pagewrapper .footer.main .social-container {
    width: 250px;
    margin: 5px auto 20px auto;
  }

  .pagewrapper .footer.main [class^="icon-"] {
    font-size: 30px;
  }

  .pagewrapper .footer.main .inner-content {
    background: transparent;
    max-width: 100%;
    margin: 0 40px;
    text-align: center;
  }

  .pagewrapper .foot-backtotop {
    margin: 30px 0 45px 0;
  }
}

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

  .pagewrapper .footer.main .social-container {
    width: 180px;
    margin: 0 auto 25px auto;
  }

  .pagewrapper .foot-backtotop .socialbottom .icon {
    margin: 0 20px;
    font-size: 33px;
  }

  .pagewrapper .foot-backtotop .socialbottom {
    margin-bottom: 43px;
  }
}

/* Start Page Topteaser */
.topaufmacherbox {
  grid-column: 1 / -1;
}

.topaufmacherbox {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: auto;
  grid-gap: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.topaufmacherbox .topteaser {
  grid-column: span 3;
  position: relative;
}

.topaufmacherbox .topteaser.nummer-1 {
  grid-column: 1 / -1;
  grid-row: 1;
  position: relative;
}

.topaufmacherbox .topteaser.specialAd {
  display: none;
}

.topaufmacherbox .topteaser .teaser-image:after {
  display: block;
  position: relative;
  margin-top: -280px;
  height: 280px;
  width: 100%;
  content: '';
}

.topaufmacherbox .topteaser .teaser-image {
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 60%, #707070 100%);
}

.topaufmacherbox .topteaser.nummer-2,
.topaufmacherbox .topteaser.nummer-3 {
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 39%, #707070 60%, #707070 100%);
}

.topaufmacherbox .topteaser .teaser-image img {
  mix-blend-mode: multiply;
}

.topaufmacherbox .topteaser .teaser-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 25px;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
}

.topaufmacherbox .topteaser .category_large,
.topaufmacherbox .topteaser .category {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.topaufmacherbox .topteaser .category_large .icon-plus_sign_group {
  font-size: 35px;
  margin-right: 15px;
  margin-left: -5px;
}

.topaufmacherbox .topteaser .category .icon-plus_sign_group {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
}

.topaufmacherbox .topteaser .category_large .text {
  padding-bottom: 3px;
}

.topaufmacherbox .topteaser .autorenblock .autor {
  margin-right: 15px;
  margin-bottom: 5px;
}

.topaufmacherbox .topteaser .autorenbild {
  height: 66px;
}

.topaufmacherbox .topteaser .autorenbild img {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: var(--color-grey2);
}

@media screen and (min-width: 1242px) {
  .topaufmacherbox .topteaser .headline_2 {
    font-size: 46px;
    line-height: 59px;
  }
}

@media screen and (max-width: 1241px) {
  .topaufmacherbox {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
    grid-gap: 30px;
  }

  .topaufmacherbox .topteaser.nummer-2 {
    grid-row: 2 / 3;
    grid-column: 1 / 4;
    align-self: start;
  }

  .topaufmacherbox .topteaser.nummer-3 {
    grid-row: 3 / 4;
    grid-column: 1 / 4;
    align-self: start;
  }

  .topaufmacherbox .topteaser.specialAd {
    display: initial;
    grid-row: 2 / 4;
    grid-column: 4 / 7;
  }

  .topaufmacherbox .topteaser.specialAd .slot-topmobile,
  .defaultbox .topteaser.special .slot-topmobile {
    margin-left: 45px;
    display: flex;
    flex-direction: column;
  }

  .topaufmacherbox .topteaser.specialAd .slot-topmobile span {
    display: inline-block;
    width: 300px;
  }

  .topaufmacherbox .topteaser.nummer-2 .autorenblock,
  .topaufmacherbox .topteaser.nummer-3 .autorenblock {
    display: none;
  }

  .topaufmacherbox .topteaser.nummer-2 .category_large,
  .topaufmacherbox .topteaser.nummer-3 .category_large {
    margin-bottom: 10px;
  }

  /*.topaufmacherbox .topteaser .headline_2 {
    line-height: 35px;
  }*/

  .topaufmacherbox .topteaser .teaser-image:after {
    margin-top: -130px;
    height: 130px;
  }
}

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

  .topaufmacherbox .topteaser.specialAd .slot-topmobile,
  .defaultbox .topteaser.special .slot-topmobile {
    margin-left: 0px;
    background: #FFFFFFD6;
    text-align: left;
  }

  .topaufmacherbox .topteaser.specialAd .slot-topmobile.understitial:before,
  .defaultbox .topteaser.special .slot-topmobile.understitial:before {
    width: 100vw;
    display: contents;
    margin-left: 0px;
  }

  .topaufmacherbox .topteaser.specialAd .slot-topmobile span {
    width: 300px;
    max-width: 100%;
    margin: 0;
  }

  .topaufmacherbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-gap: 20px;
  }

  .topaufmacherbox .topteaser.nummer-2 {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
  }

  .topaufmacherbox .topteaser.nummer-3 {
    grid-column: 1 / -1;
    grid-row: 3 / 4;
  }

  .topaufmacherbox .topteaser.specialAd {
    display: initial;
    grid-column: 1 / -1;
    grid-row: 4 / 5;
    margin: auto;
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .topaufmacherbox .topteaser img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .topaufmacherbox .topteaser .teaser-image {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 39%, #707070 60%, #707070 100%);
    width: 100vw;
    height: 66.59vw;
  }

  .topaufmacherbox .topteaser .teaser-image:after {
    margin-top: -130px;
    height: 130px;
  }

  .topaufmacherbox .topteaser .autorenblock {
    display: none;
  }

  .topaufmacherbox .topteaser .teaser-content {
    padding: 20px 20px 10px 20px;
  }

  .topaufmacherbox .topteaser .headline_2 {
    margin-bottom: 5px;
  }

  .topaufmacherbox .topteaser.specialAd .slot-topmobile:before,
  .defaultbox .topteaser.special .slot-topmobile:before {
    display: none;
  }
}

/* Teaser Viererbox */
.contentbox .aufmacherbox.viererbox {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
  grid-column-gap: 25px;
  grid-row-gap: 30px;
}

/* Teaser Dreierbox */
.contentbox .aufmacherbox.dreierbox {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
  grid-column-gap: 25px;
  grid-row-gap: 30px;
}

/* Default-Teaser mit kleiner mobiler Ansicht */
.contentbox .section-header {
  border-bottom: 1px solid var(--color-trademark);
  margin: 30px 0 20px 0;
}

.contentbox .section-header .section-head {
  font-size: 24px;
  line-height: 30px;
  color: var(--color-trademark);
  padding-bottom: 10px;
}

.tp-iframe-wrapper .section-head {
  font-size: 32px;
  line-height: 40px;
  color: var(--color-trademark);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--grey-3);
  margin: 20px 20px 15px 20px;
}

.contentbox .aufmacherbox.defaultbox .teaser {
  display: flex;
  flex-direction: column;
  grid-column-start: span 1;
  position: relative;
}

.contentbox .aufmacherbox.defaultbox .teaser .teaser-image,
.contentbox .aufmacherbox.defaultbox .teaser .kt-teaser-image {
  flex: 1 0 auto;
  margin-bottom: 10px;
}

.contentbox .aufmacherbox.defaultbox .teaser .category {
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  min-height: 35px;
  padding-bottom: 10px;
}

.contentbox .aufmacherbox.defaultbox .teaser .category:empty {
  display: none;
}

.contentbox .aufmacherbox.defaultbox .teaser .category .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topteaser .teaser-content .category .flag,
.contentbox .aufmacherbox.defaultbox .teaser .category .flag,
.bluebox .category .flag {
  display: inline-block;
  padding: 2px 5px 0 5px;
  margin-right: 5px;
  transform: translateY(-12%);
  font-size: 85%;
  line-height: 110%;
  color: #fff;
  background: var(--color-accent);
}

.contentbox .aufmacherbox.defaultbox .teaser .locked {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
}

.contentbox .aufmacherbox.defaultbox .teaser .locked .icon-plus_sign_group .path1:before {
  color: var(--color-accent) !important;
}

.contentbox .aufmacherbox.defaultbox .teaser-headline {
  font-family: var(--font-primary);
  font-size: 33px;
  line-height: 43px;
  font-weight: 700;
  color: var(--color-background);
  margin-bottom: 15px;
  word-wrap: break-word;
}

.contentbox .aufmacherbox.defaultbox .teaser-headline.kt-headline {
  font-size: 26px;
  line-height: 33px;
}

#accordion .teaser-headline {
  font-family: var(--font-primary);
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  color: var(--color-background);
  word-wrap: break-word;
}

#accordion .epay_produkt.abonnenten {
  text-align: center;
  margin-bottom: 1em;
}

.aufmacherbox.defaultbox .teaser img {
  width: -webkit-fill-available;
  height: auto;
}

.aufmacherbox.defaultbox .teaser.teaser--serie img {
  width: -webkit-fill-available;
  width: fit-content;
  height: -webkit-fill-available;
  height: fit-content;
}

.aufmacherbox.defaultbox .teaser .teaser-lead {
  flex: 1 1 100%;
  padding-bottom: 45px;
  border-bottom: 1px solid var(--grey-3);
  align-items: flex-start;
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 25px;
}

.teaser.schlagwort-teaser .teaser-link {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-top: 10px;
  padding-right: 10px;
}

.teaser.schlagwort-teaser .teaser-link span {
  padding-right: 10px;
}

/* Sechserbox */
.contentbox.content-sechserbox .teaserbox.aufmacherbox.defaultbox .teaser {
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  grid-template-rows: 30px minmax(0, auto) minmax(0, 1fr);
  grid-template-areas:
    "category category"
    "teaser-image teaser-headline"
    "teaser-lead teaser-lead";
  padding-bottom: 15px;
  grid-row-gap: 0;
  flex: 0 0 auto;
}

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

  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser,
  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser.nummer-3 {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    grid-template-rows: 30px minmax(0, auto) minmax(0, 1fr);
    grid-template-areas:
      "category category"
      "teaser-image teaser-headline"
      "teaser-lead teaser-lead";
    border-bottom: 1px solid var(--grey-3);
    padding-bottom: 15px;
    grid-row-gap: 0;
    flex: 0 0 auto;
  }

  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser .teaser-image,
  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser.nummer-3 .teaser-images {
    margin-right: 15px;
  }

  .spalte-zwei>.teaser.nummer-3 {
    border-bottom: none !important;
  }
}

@media screen and (min-width: 1241px) {
  .contentbox .aufmacherbox.defaultbox .teaser div:nth-of-type(3) {
    border-bottom: none;
  }

  .contentbox .box-lokales .teaserbox.double a:nth-of-type(5) {
    border-bottom: none;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .spalte-eins a:nth-of-type(2) {
    border-bottom: none;
  }

  .contentbox.content-sechserbox .aufmacherbox.defaultbox a:nth-of-type(n+4),
  .contentbox.content-sechserbox.dreierreihe .aufmacherbox.defaultbox a:nth-of-type(n+1) {
    border-bottom: none;
  }
}

@media screen and (min-width: 800px) and (max-width: 1241px) {
  .contentbox .aufmacherbox.viererbox a:nth-last-of-type(1) {
    border-bottom: none;
  }

  .contentbox .box-lokales .teaserbox.double a:nth-last-of-type(1) {
    border-bottom: none;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .spalte-zwei a:nth-last-of-type(1) {
    border-bottom: none;
  }

  .contentbox .aufmacherbox.switch a:nth-last-of-type(1) {
    border-bottom: none;
  }

  .contentbox.content-sechserbox .aufmacherbox.defaultbox a:nth-of-type(n+5) {
    border-bottom: none;
  }
}

@media screen and (max-width: 799px) {
  .contentbox .box-lokales .teaserbox.double a:nth-last-of-type(1) {
    border-bottom: none !important;
  }

  .contentbox .aufmacherbox.viererbox a:nth-last-of-type(1),
  .contentbox .aufmacherbox.viererbox a:nth-last-of-type(1) .teaser-lead {
    border-bottom: none !important;
  }

  .contentbox.content-sechserbox .aufmacherbox.defaultbox a:nth-last-of-type(1) {
    border-bottom: none !important;
  }

  .contentbox .aufmacherbox.defaultbox.switch a:nth-last-of-type(1) {
    border-bottom: none !important;
  }
}

@media screen and (max-width: 799px) {
  .aufmacherbox.defaultbox .teaser .teaser-lead {
    flex: 1 1 auto;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 1241px) and (min-width: 800px) {
  .contentbox .aufmacherbox.viererbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    grid-column-gap: 0;
    grid-row-gap: 30px;
  }

  .contentbox .aufmacherbox.defaultbox .teaser {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 35px minmax(50px, auto) minmax(0, 1fr);
    grid-template-areas: "teaser-image category" "teaser-image teaser-headline" "teaser-image teaser-lead";
    border-bottom: 1px solid var(--grey-3);
    padding-bottom: 15px;
    align-items: start;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .teaser-image,
  .contentbox .aufmacherbox.defaultbox .teaser .kt-teaser-image {
    grid-area: teaser-image;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .category {
    grid-area: category;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .teaser-headline {
    grid-area: teaser-headline;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .teaser-lead {
    grid-area: teaser-lead;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--grey-3);
    padding-bottom: 20px;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .teaser-image,
  .contentbox .aufmacherbox.defaultbox .teaser .kt-teaser-image {
    margin-right: 30px;
    margin-bottom: 0;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .category {
    margin: 0 0 15px 0;
    font-size: 18px;
    line-height: 18px;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .category .locked {
    margin-right: 15px;
  }

  .aufmacherbox.defaultbox .teaser .teaser-lead {
    padding: 0;
    border-bottom: 0;
  }

  .aufmacherbox.defaultbox .teaser .teaser-headline {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 799px) {
  .contentbox .aufmacherbox.viererbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0;
    grid-row-gap: 20px;
    padding: 0 20px;
  }

  .contentbox .section-header {
    margin: 30px 10px 20px 10px;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 30px minmax(50px, auto) minmax(0, 1fr);
    grid-template-areas: "teaser-image category" "teaser-image teaser-headline" "teaser-lead teaser-lead";
    border-bottom: 1px solid var(--grey-3);
    padding-bottom: 15px;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser .teaser-image,
  .contentbox .aufmacherbox.defaultbox .teaser .kt-teaser-image {
    grid-area: teaser-image;
    margin-right: 15px;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser .category {
    grid-area: category;
    font-size: 17px;
    line-height: 24px;
    align-self: start;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser .teaser-headline {
    grid-area: teaser-headline;
    font-size: 24px;
    line-height: 1.333em;
    align-self: start;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser .teaser-lead {
    grid-area: teaser-lead;
    border-bottom: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 470px) {
  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser.kt-teaser {
    grid-template-areas:
      "category category"
      "teaser-image teaser-image"
      "teaser-headline teaser-headline"
      "teaser-lead teaser-lead";
  }

  .contentbox .aufmacherbox.defaultbox .teaser .kt-teaser-image {
    grid-area: teaser-image;
    margin-right: 0px !important;
    width: 60vw;
    height: 55vw;
    max-height: 200px;
    max-width: 317px;
  }
}

/* dreier-mitwerb-Teaser */
@media screen and (min-width: 800px) and (max-width: 1241px) {

  .contentbox .aufmacherbox.defaultbox.double.small .spalte-zwei,
  .contentbox .aufmacherbox.defaultbox.double.small.dreierMitWerb .spalte-eins {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .contentbox .aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser,
  .contentbox .aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser.nummer-3 {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 30px minmax(50px, auto) minmax(0, 1fr);
    grid-template-areas:
      "teaser-image category"
      "teaser-image teaser-headline"
      "teaser-lead teaser-lead";
    width: auto;
    margin-bottom: 0;
    border-bottom: none;
    border-bottom: 1px solid var(--grey-3);
  }

  .aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser-image {
    margin-bottom: 10px;
    width: 134px;
    height: 134px;
    overflow: hidden;
  }

  .aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser-image>img {
    width: 201px;
    max-width: 201px;
  }

  .aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser.nummer-1 .teaser-headline,
  .aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser.nummer-2 .teaser-headline {
    grid-area: teaser-headline;
    font-size: 24px;
    line-height: 32px;
    align-self: start;
  }

  .contentbox .aufmacherbox.defaultbox.double.small.dreierMitWerb .special .anz {
    position: initial;
  }

  .contentbox .aufmacherbox.defaultbox.double.small.dreierMitWerb .special {
    position: relative;
  }

  .contentbox .aufmacherbox.defaultbox.double.small.dreierMitWerb .special .anz:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    left: -15px;
    top: 10px;
  }

}

@media screen and (min-width: 1241px) {
  .contentbox .aufmacherbox.defaultbox.double.small.dreierMitWerb .spalte-eins {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

/* Teaser Switch */
.contentbox .aufmacherbox.switch {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto auto;
  grid-column-gap: 25px;
}

.contentbox .aufmacherbox.switch .teaser.nummer-1 {
  display: flex;
  grid-column: 1 / 3;
  grid-row: 1 / 4;
  position: relative;
}

.aufmacherbox.switch .teaser.nummer-1 .teaser-image {
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 60%, #707070 100%);
}

.aufmacherbox.switch .teaser.nummer-1 .teaser-image img {
  mix-blend-mode: multiply;
}

.aufmacherbox.switch .teaser.nummer-1 .teaser-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 25px;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  z-index: 2;
}

.aufmacherbox.switch .autorenblock {
  width: 100%;
  margin-bottom: 10px;
}

.aufmacherbox.switch .autorenblock .autor {
  margin-right: 15px;
  margin-bottom: 5px;
}

.aufmacherbox.switch .autorenbild {
  height: 66px;
}

.aufmacherbox.switch .autorenbild img {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: var(--color-grey2);
}

.aufmacherbox.switch .teaser.nummer-1 .teaser-headline {
  font-size: 46px;
  line-height: 59px;
  color: #fff;
  font-weight: normal;
}

.aufmacherbox.switch .teaser.nummer-1 .category {
  color: #fff;
}

.contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .icon-icon_fplus .path1:before,
.contentbox .aufmacherbox.aufmacherbox--serie.defaultbox .teaser.nummer-1 .icon-icon_fplus .path1:before {
  color: rgb(255, 255, 255);
}

.contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .icon-icon_fplus .path2:before,
.contentbox .aufmacherbox.aufmacherbox--serie.defaultbox .teaser.nummer-1 .icon-icon_fplus .path2:before {
  color: rgb(255, 255, 255);
}

.contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .icon-plus_sign_group .path1:before,
.contentbox .aufmacherbox.aufmacherbox--serie.defaultbox .teaser.nummer-1 .icon-plus_sign_group .path1:before {
  color: var(--color-accent);
}

.contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .icon-plus_sign_group .path2:before,
.contentbox .aufmacherbox.aufmacherbox--serie.defaultbox .teaser.nummer-1 .icon-plus_sign_group .path2:before {
  color: #fff;
}

@media screen and (max-width: 1241px) {
  .contentbox .aufmacherbox.switch {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    grid-column-gap: 0;
    grid-row-gap: 30px;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
    position: relative;
    border-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image {
    width: 800px;
    height: 429px;
  }

  .aufmacherbox.defaultbox.switch .teaser.nummer-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-headline {
    font-size: 32px;
    line-height: 40px;
  }

  .aufmacherbox.switch .teaser.nummer-1 .autorenblock {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 799px) {
  .contentbox .aufmacherbox.defaultbox.switch {
    grid-row-gap: 20px;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image {
    width: 100vw;
    height: 66.59vw;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .autorenblock {
    display: none;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser .category {
    font-size: 17px;
    line-height: 24px;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser:not(.nummer-1) .teaser-headline {
    font-size: 24px;
    line-height: 32px;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .category {
    font-size: 17px;
    line-height: 24px;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser:not(.nummer-1) {
    padding: 0 20px;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .locked {
    margin-right: 10px;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser .teaser-lead {
    padding-bottom: 15px;
  }

  .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-content {
    padding: 20px;
  }

  .aufmacherbox.switch .teaser.nummer-1 .teaser-image {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 39%, #707070 60%, #707070 100%);
  }
}

/* Lokales, Zwei Teaseransichten */
.contentbox .aufmacherbox.defaultbox.double {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
  grid-column-gap: 0;
  grid-row-gap: 30px;
}

.contentbox .aufmacherbox.defaultbox.double .teaser {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: 35px minmax(50px, auto) minmax(0, 1fr);
  grid-template-areas:
    "teaser-image category"
    "teaser-image teaser-headline"
    "teaser-image teaser-lead";
  border-bottom: 1px solid var(--grey-3);
  padding-bottom: 30px;
  align-items: start;
}

.contentbox .aufmacherbox.defaultbox.double .teaser .teaser-image {
  grid-area: teaser-image;
  margin-right: 30px;
  margin-bottom: 0;
}

.contentbox .aufmacherbox.defaultbox.double .teaser .category {
  grid-area: category;
  font-size: 18px;
  line-height: 25px;
}

.contentbox .aufmacherbox.defaultbox.double .teaser .locked {
  margin-right: 15px;
}

.contentbox .aufmacherbox.defaultbox.double .teaser .teaser-headline {
  grid-area: teaser-headline;
  margin-bottom: 10px;
}

.contentbox .aufmacherbox.defaultbox.double .teaser .teaser-lead {
  grid-area: teaser-lead;
  padding: 0;
  border-bottom: 0;
}

@media screen and (max-width: 1241px) {
  .contentbox .aufmacherbox.defaultbox.double {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0;
    grid-row-gap: 20px;
    padding: 0;
  }

  .contentbox .aufmacherbox.defaultbox.double .teaser {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 30px minmax(50px, auto) minmax(0, 1fr);
    grid-template-areas:
      "teaser-image category"
      "teaser-image teaser-headline"
      "teaser-lead teaser-lead";
    border-bottom: 1px solid var(--grey-3);
    padding-bottom: 15px;
    flex: 0 0 auto;
  }

  .aufmacherbox.defaultbox.double .teaser .teaser-image {
    grid-area: teaser-image;
    margin-right: 15px;
    margin-bottom: 15px;
  }

  .aufmacherbox.defaultbox.double .teaser .teaser-image {
    grid-area: teaser-image;
    margin-right: 15px;
  }

  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 {
    display: grid;
    grid-template-columns: 149px minmax(0, 1fr);
    grid-template-rows: 30px minmax(134px, auto) minmax(0, 1fr);
    grid-template-areas:
      "category category"
      "teaser-image teaser-headline"
      "teaser-lead teaser-lead";
    padding-bottom: 15px;
    grid-row-gap: 10px;
    flex: 0 0 auto;
  }

  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .teaser-image img,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser .teaser-image img,
  .contentbox .aufmacherbox.defaultbox.viererbox .teaser .teaser-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .teaser-image,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image {
    grid-area: teaser-image;
    margin-right: 15px;
    margin-bottom: 15px;
    max-width: 100%;
    height: 134px;
  }

  .contentbox .aufmacherbox.defaultbox.double .teaser .teaser-lead {
    grid-area: teaser-lead;
    border-bottom: 0;
    padding-bottom: 0;
  }

  .contentbox .aufmacherbox.defaultbox.double .teaser .category .text {
    padding-top: 0;
  }

  .contentbox .aufmacherbox.defaultbox.double .teaser .category {
    margin-top: 0;
  }

  .contentbox .aufmacherbox.defaultbox.double .teaser .locked {
    margin-top: 0;
  }

  .aufmacherbox.defaultbox.double:not(.small) .teaser .teaser-headline {
    grid-area: teaser-headline;
    font-size: 24px;
    line-height: 32px;
    align-self: start;
  }

  .contentbox .aufmacherbox.defaultbox.double .teaser .teaser-image {
    margin-right: 30px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 799px) {
  .contentbox .aufmacherbox.defaultbox.double {
    padding: 0 20px;
  }

  .contentbox .aufmacherbox.defaultbox.double .teaser .teaser-image {
    margin-right: 15px;
  }
}

/* Greybox*/
.greybox {
  background-color: var(--color-grey1);
  text-decoration: none !important;
  margin: 15px 0;
  display: flow-root;
  padding: 10px 15px;
}

.greybox .headline {
  margin: 20px 20px 0px 0px;
  max-height: 134px;
  overflow: hidden;
}

.greybox .bildunterschrift {
  color: var(--grey-3);
  padding: 15px 0;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
}

.greyboxtop>h3 {
  margin: 0px 20px 0px 20px !important;
  padding: 15px 0px 0px 0px !important;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-32) Segoe UI !important;
}

.greybox .headline>a {
  color: var(--color-text);
  text-decoration: none;
}

.greybox .thumb>a>img {
  margin: 0px 10px 13.5px 20px;
}

.greyboxtop {
  background-color: #DEDAD9;
}

.greybox .itemContainer {
  display: grid;
  grid-template-areas: "picture description" "picture button";
  justify-items: center;
  grid-gap: 10px 15px;
}

.greybox .itemContainer #media-pic {
  grid-area: picture;
}

.greybox .itemContainer #media-descr {
  grid-area: description;
  width: 100%;
}

.greybox .itemContainer #media-button {
  grid-area: button;
  width:100%;
}

@media screen and (max-width:599px) {
  .greybox .itemContainer {
    grid-template-areas: "picture" "description" "button";
  }

  .greybox .itemContainer #media-pic {
    max-width: 190px;
    height: auto;
  }
}

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

  .greybox,
  .detailbildcontainer {
    width: 100% !important;
  }
}

@media screen and (min-width:600px) and (max-width:799px) {
  .greybox .itemContainer {
    grid-template-areas: "picture description" "button button";
    grid-template-columns: 190px 1fr;
  }
}

@media screen and (min-width:800px) and (max-width:1241px) {
  .greybox .itemContainer {
    grid-template-columns: 175px 1fr;
  }
}

@media screen and (min-width:1242px) {
  .greybox .itemContainer {
    grid-template-columns: 175px 1fr;
  }
}

/* Link-Elemente */

/* Linkbox */
.linkbox {
  padding: 10px 0 10px 0;
}

.linkbox a {
  color: unset !important;
  font-weight: unset !important;
  text-decoration: none !important;
}

.art-detail *:not(.linkbox)+.linkbox {
  border-top: 1px solid var(--grey-2);
  border-bottom: 1px solid var(--grey-2);
}

.after-article .linkbox:first-child {
  border-top: 1px solid var(--grey-2);
  border-bottom: 1px solid var(--grey-2);
}

.after-article .linkbox-tt+.linkbox {
  border-bottom: 1px solid var(--grey-2);
}

.linkbox+.linkbox {
  border-bottom: 1px solid var(--grey-2);
}

.linkelement {
  display: grid;
  grid-template-rows: min-content min-content min-content;
  grid-gap: 10px 15px;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-flow: row dense;
  grid-template-areas:
    "teaser-image category"
    "teaser-image headline"
    "teaser-image description";
}

.linkelement .teaser-image-fix {
  grid-area: teaser-image;
}

.linkelement .category {
  grid-area: category;
}

.linkelement span.flag {
  display: inline-block;
  padding: 1px 5px 0 5px;
  margin-right: 5px;
  transform: translateY(-2px);
  font-size: 85%;
  line-height: 110%;
  color: #fff;
  background: var(--color-accent);
}

.linkelement .teaser-headline {
  grid-area: headline;
  font-size: 24Px;
  line-height: 30px;
  font-weight: 700;
}

.linkelement .linkelement-description {
  grid-area: description;
  color: var(--text);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
}

@media screen and (max-width:599px) {
  .linkbox {
    margin: 0 auto;
  }

  .linkelement {
    grid-template-columns: 84px 1fr;
    /*grid-template-areas:
      "teaser-image category"
      "teaser-image headline"
      "description description";*/
  }
}

@media screen and (min-width:600px) {
  .linkelement {
    grid-template-columns: 190px 1fr;
  }
}

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

  .linkelement .teaser-headline {
    font-size: 18px;
    line-height: 24px;
  }

}

@media screen and (min-width:800px) {
  .linkbox {
    margin: 0 auto;
  }
}

.article-description {
  grid-area: article-description;
  padding-bottom: 10px;
}

.article-description>a {
  text-decoration: none !important;
  color: var(--color-text) !important;
  display: block;
  font-weight: 400 !important;
}

/* Box Lokales mit Karte */
.contentbox .section-header.lokales {
  margin-bottom: 0;
  border-bottom: 0;
  margin-top: 65px;
}

.contentbox .box-lokales {
  display: flex;
}

.contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .category {
  font-size: 17px;
}

.contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .teaser-image {
  margin-right: 30px;
  margin-bottom: 0;
}

.contentbox .box-lokales .teaserbox.double {
  flex: 1 1 100%;
  padding-top: 30px;
  border-top: 2px solid var(--color-border);
  align-self: flex-start;
  margin-bottom: -30px;
}

.contentbox .box-lokales .box-map {
  flex: 1 1 100%;
  margin-left: 30px;
  max-width: 394px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.contentbox .box-lokales .box-map .special {
  width: 300px;
  position: relative;
  margin-top: 65px;
}

@media screen and (max-width: 1241px) {
  .contentbox .box-lokales .box-map .special {
    margin-top: 65px;
  }

  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .teaser-image {
    margin-right: 15px;
    margin-bottom: 0;
  }

  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .teaser-headline {
    margin-bottom: 3px;
  }
}

@media screen and (max-width: 799px) {
  .contentbox .box-lokales {
    flex-direction: column;
  }

  .contentbox .box-lokales .teaserbox.double {
    flex: 0 0 auto;
  }

  .contentbox .box-lokales .box-map {
    flex: 0 0 auto;
  }

  .contentbox .box-lokales .box-map {
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .contentbox .box-lokales .box-map .special {
    margin-top: 65px;
    flex: 0 0 100%;
  }

  .contentbox .box-lokales .box-map .map {
    flex: 0 0 100%;
  }

  .contentbox .box-lokales .teaserbox.double {
    padding-top: 0;
    border-top: 0;
    align-self: flex-start;
    margin-bottom: 0;
  }

  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .teaser-image {
    margin-right: 15px;
    margin-bottom: 0;
    margin-bottom: 10px;
  }
}

/* Spezialdarstellung für Box Sport mit dritten Teaser klein breits für Desktop */
.contentbox .aufmacherbox.defaultbox.double.small {
  display: flex;
}

.contentbox .aufmacherbox.defaultbox.double.small .spalte-eins {
  width: 818px;
  margin-right: 30px;
  flex: 0 0 818px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contentbox .aufmacherbox.defaultbox.double.small .spalte-zwei {
  display: flex;
  flex-direction: column;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-1 {
  margin-bottom: 30px;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 {
  display: grid;
  grid-template-columns: 149px minmax(0, 1fr);
  grid-template-rows: 30px minmax(134px, auto) minmax(0, 1fr);
  grid-template-areas:
    "category category"
    "teaser-image teaser-headline"
    "teaser-lead teaser-lead";
  border-bottom: 1px solid var(--grey-3);
  padding-bottom: 15px;
  grid-row-gap: 10px;
  flex: 0 0 auto;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image {
  grid-area: teaser-image;
  margin-right: 15px;
  margin-bottom: 15px;
  max-width: 100%;
  height: 134px;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-lead {
  grid-area: teaser-lead;
  border-bottom: 0;
  padding-bottom: 0;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .category .text {
  padding-top: 0;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .category {
  margin-top: 0;
  font-size: 17px;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .category .locked {
  margin-top: 0;
}

.aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-headline {
  grid-area: teaser-headline;
  font-size: 24px;
  line-height: 32px;
  align-self: start;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image {
  margin-right: 15px;
  margin-bottom: 10px;
}

.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 {
  flex: 1 1 auto;
  border-style: none;
}

.contentbox .aufmacherbox.defaultbox.double.small .special {
  flex: 1 1 auto;
  align-self: center;
  padding-top: 30px;
  display: flex;
}

.contentbox .aufmacherbox.defaultbox.double.small .special .anz {
  width: 300px;
  position: relative;
  margin-top: auto;
}

@media screen and (max-width: 1241px) {
  .contentbox .aufmacherbox.defaultbox.double.small {
    flex-direction: column;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .spalte-eins {
    width: 100%;
    margin-right: 0;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .spalte-zwei {
    flex: 0 0 auto;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .teaser {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 35px minmax(50px, auto) minmax(0, 1fr);
    grid-template-areas:
      "teaser-image category"
      "teaser-image teaser-headline"
      "teaser-image teaser-lead";
    border-bottom: 1px solid var(--grey-3);
    padding-bottom: 15px;
    align-items: start;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-1 {
    margin-bottom: 30px;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .spalte-zwei {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 {
    flex: 1 1 50%;
    width: auto;
    align-self: flex-start;
    padding-bottom: 15px;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .special {
    flex: 1 1 50%;
    align-self: flex-end;
    padding-top: 0;
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
  }
}

@media screen and (max-width: 799px) {
  .contentbox .aufmacherbox.defaultbox.double.small .spalte-zwei {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    display: block;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-1 {
    margin-bottom: 20px;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 {
    border-style: none;
    flex: 1 1 100%;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .special {
    flex: 1 1 100%;
    align-self: center;
    margin-top: 65px;
  }

  .contentbox .aufmacherbox.defaultbox.double.small .spalte-eins .teaser .teaser-image {
    margin-bottom: 13px;
  }
}

/* Nachträgliche Anpassung Bildformat für kleinspaltigen Teaser */
@media screen and (max-width: 799px) {

  .contentbox .aufmacherbox.defaultbox.double .teaser .teaser-image,
  .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image,
  .contentbox .aufmacherbox.defaultbox:not(.large).viererbox .teaser .teaser-image,
  .contentbox .aufmacherbox.defaultbox.switch .teaser:not(.nummer-1) .teaser-image {
    width: 134px;
    height: 134px;
  }

  .contentbox .aufmacherbox.defaultbox.double .teaser .teaser-image img,
  .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image img,
  .contentbox .aufmacherbox.defaultbox:not(.large).viererbox .teaser .teaser-image img,
  .contentbox .aufmacherbox.defaultbox.switch .teaser:not(.nummer-1) .teaser-image img,
  .contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media screen and (max-width: 375px) {
  .contentbox .aufmacherbox.defaultbox.double.small .spalte-eins .teaser .teaser-image {
    width: 25vw;
    height: 25vw;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser .teaser-headline {
    font-size: 22px;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser .teaser-lead,
  .aufmacherbox.defaultbox .teaser .teaser-lead {
    font-size: 17px;
  }

  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .teaser-image,
  .contentbox.content-sechserbox .teaserbox.aufmacherbox.defaultbox .teaser .teaser-image,
  .contentbox .aufmacherbox.defaultbox.double .teaser .teaser-image,
  .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image,
  .contentbox .aufmacherbox.defaultbox:not(.large).viererbox .teaser .teaser-image,
  .contentbox .aufmacherbox.defaultbox.switch .teaser:not(.nummer-1) .teaser-image,
  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser .teaser-image,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image {
    width: 29vw;
    height: 29vw;
    max-height: 134px;
    max-width: 134px;
    margin-right: 10px !important;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large).viererbox .teaser .kt-teaser-image {
    width: 85vw;
    height: 60vw;
    max-height: 220px;
    max-width: 317px;
  }

  .aufmacherbox.defaultbox.double:not(.small) .teaser .teaser-headline,
  .contentbox.content-sechserbox .teaserbox.aufmacherbox.defaultbox .teaser .teaser-headline {
    line-height: 28px;
  }
}

.contentcontainer--serie .read-more-container .special .anz {
  margin-bottom: 2em;
}

/* Default-Layout Übersicht */
.contentbox .specialbanner {
  margin: 0 auto;
  grid-column: 1 / -1;
}

.contentbox.overview .specialbanner {
  display: block;
  margin: 65px auto 0 auto;
  width: 728px;
}

.contentbox.overview .specialbanner .specialbanner-inner {
  min-height: 90px;
}

.contentbox.overview .nachladen-generator,
.contentbox.facetsearch .nachladen-generator {
  width: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 23px;
  line-height: 20px;
  margin-top: 60px;
  margin-bottom: -20px;
  cursor: pointer;
}

.defaultlayout.overview .nachladen-generator .icon {
  font-size: 30px;
}

.contentbox.overview .aufmacherbox.viererbox {
  grid-row-gap: 25px;
}

.contentbox.overview .aufmacherbox.viererbox .teaser-lead.intro {
  grid-column: span 3;
}

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

  .contentbox.overview .nachladen-generator,
  .contentbox.facetsearch .nachladen-generator {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 799px) {
  .contentbox.overview .section-header {
    margin: 30px 10px 20px 10px;
  }

  .contentbox.overview .specialbanner {
    margin: 65px auto 0 auto;
    width: 300px;
    display: none;
  }
}

/* Artikel Detailansicht */
.contentbox .fcms_artdetail {
  grid-column: 1 / -1;
  margin: 0;
}

.art-detail header {
  width: 100%;
}

.art-detail,
.art-detail p,
.teaser-lead.intro {
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 26px;
  color: #000;
}

.art-detail p+p {
  margin-top: 15px;
}

.art-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 800px minmax(0, 1fr);
  margin-top: 30px;
}

.art-detail.static {
  margin-top: 10px;
}

.art-detail>* {
  grid-column: 2 / -2;
}

.art-detail .full-item {
  grid-column: 1 / -1;
}

@media screen and (min-width:800px) and (max-width:1241px) {
  .art-detail .full-item {
    grid-column: 2 / -2;
  }
}

.art-detail .category_large {
  display: inline-flex;
  align-items: center;
}

.art-detail .category_large .icon {
  font-size: 18px;
  margin-right: 15px;
}

.art-detail .detailbildcontainer.extern {
  margin-bottom: 30px;
  margin-top: 0;
  width: 100%;
}

.art-detail .detailbildcontainer {
  margin: 30px auto;
}

@media screen and (min-width:800px) {

  .art-detail .detailbildcontainer.galeriebox,
  .art-detail .detailbildcontainer.text-bild,
  .art-detail .detailbildcontainer.bildbox {
    width: 570px;
  }
}

.detailbildcontainer figcaption {
  color: var(--color-grey3);
  padding: 10px 0;
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  font-style: italic;
}

.detailbildcontainer.extern figcaption.bildunterschrift,
.detailbildcontainer.galeriebox figcaption.bildunterschrift,
.detailbildcontainer.bildbox figcaption.bildunterschrift,
.detailbildcontainer.extern figcaption .bildautor,
.detailbildcontainer.galeriebox figcaption .bildautor {
  max-width: 100vw;
}

.detailbildcontainer figcaption .bildautor {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  text-align: right;
}

figcaption .bildautor .icon-pictures {
  vertical-align: -2px;
}

.art-detail .description {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}

.art-detail .headline_art {
  margin: 30px 0 30px 0;
}

.art-detail.static>header {
  grid-column: 1 / -1;
}

.art-detail.static .headline_art {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 15px 0;
}

.art-detail .description .ortsmarke {
  color: var(--color-accent);
  margin-bottom: 20px;
}

.art-detail .additionals {
  margin-bottom: 30px;
}

.art-detail .rubrik {
  font-size: 24px;
  font-weight: 300;
  color: var(--color-spacer);
  text-transform: uppercase;
}

.art-detail .grundtext h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin: 30px 0 10px 0;
}

.contentbox.defaultlayout.overview .inner-content .grundtext h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 10px;
}

.art-detail .grundtext .greybox h2 {
  font-size: 24px;
  line-height: 30px;
  color: var(--trademark);
  font-weight: 600;
  margin: 0 0 20px 0;
}

.art-detail .grundtext h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 30px 0 10px 0;
}

.art-detail .grundtext h3.frage {
  font-style: italic;
}

.art-detail .grundtext h4 {
  font-size: 18px;
  line-height: 24px;
  color: var(--color-trademark);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--grey-3);
  margin: 30px 0 10px 0;
}

.art-detail .grundtext ul {
  list-style-type: square;
}

.art-detail .grundtext ol {
  list-style-type: auto;
}

.art-detail .grundtext ul,
.art-detail .grundtext ol {
  margin: 10px auto 10px auto;
  padding-left: 30px;
}

.art-detail .grundtext ul li,
.art-detail .grundtext ol li {
  padding: 0 0 5px 0;
}

.art-detail .grundtext ul li+li,
.art-detail .grundtext ol li+li {
  padding: 5px 0 5px 0;
}

.art-detail .grundtext .responsive-container {
  margin: 30px auto;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.art-detail .grundtext a,
.teaser-lead.intro a,
a.redUnderline,
#accordion a {
  color: var(--accent);
  font-weight: 700;
  text-decoration: underline;
}

.art-detail .grundtext a:hover,
.art-detail .grundtext a:active,
#accordion a:hover,
#accordion a:active {
 color: var(--burgundy);
}

.art-detail .art-content .autorenblock .autor {
  margin-right: 15px;
  margin-bottom: 5px;
}

.art-detail .art-content .autorenbild {
  height: 66px;
  width: 66px;
  grid-area: 1 / 1 / 3 / 2;
}

.art-detail .art-content .autorenbild img {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: var(--color-grey2);
}

.pagewrapper .art-detail .foot-backtotop .socialbottom {
  margin-bottom: 0;
}

.pagewrapper .art-detail.static .social_autor {
  justify-content: space-around;
  margin-bottom: 30px;
}

.pagewrapper .art-detail .foot-backtotop {
  margin: 50px 0 20px 0;
}

.pagewrapper .art-detail.static .foot-backtotop {
  margin: 20px 0 40px 0;
}

@media screen and (min-width: 800px) {
  .art-detail .detailbildcontainer.extern .teaser-image--small {
    display: flex;
    justify-content: center;
  }

  .art-detail .detailbildcontainer.extern .teaser-image--small .bildcontainer {
    min-height: unset !important;
  }

  .art-detail .detailbildcontainer.extern .teaser-image--small figcaption {
    flex: 0 0 30%;
    /*padding: 10px 40px;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 320px;
  }

  .art-detail .detailbildcontainer.extern .teaser-image--small figcaption .bildunterschrift,
  .art-detail .detailbildcontainer.extern .teaser-image--small figcaption .bildautor {
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
}

@media screen and (max-width: 1241px) {
  .pagewrapper .art-detail .foot-backtotop {
    margin-bottom: 50px;
  }

  .art-detail .headline_art {
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .art-detail .category_large .icon {
    font-size: 16px;
  }

  .art-detail .detailbildcontainer.extern {
    margin-bottom: 20px;
    margin-top: 0;
  }

}

@media screen and (max-width: 799px) {
  .art-detail .headline_art {
    font-size: 24px;
    line-height: 30px;
    margin: 10px 0;
  }

  .art-detail .detailbildcontainer {
    overflow: hidden;
    max-width: 100%;
  }

  .art-detail .category_large {
    font-size: 18px;
  }

  .art-detail .grundtext h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 30px 0 10px 0;
  }

  .art-detail .grundtext h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 30px 0 10px 0;
  }
}

.article_main .rubrik {
  order: 3;
  width: 100%;
}

.article_main .share-article {
  order: 2;
  color: var(--color-accent);
  font: normal normal 600 16px/29px Source Sans Pro;

}

.article_main .share-article u {
  pointer-events: none;

}

.article_main .share-article i {
  position: relative;
  top: 2px;
}

.article_main .datetime {
  order: 1;
}

.article_main .updated-time {
  font: normal normal 600 16px/29px Source Sans Pro;
  color: var(--color-text);
}

.article_main .metablock {
  margin-bottom: 15px;
}

.article_main .autorenblock {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 55px 1fr;
  grid-template-rows: repeat(2, 20px);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.article_main .autorenblock.zitat {
  grid-template-columns: 66px 1fr;
  grid-gap: 0 15px;
  align-items: center;
  grid-template-rows: 33px auto;
}

.article_main .autorenblock .autor {
  font-size: 16px;
  font-style: italic;
  text-align: left;
  font-weight: 300;
  color: var(--grey-3);
  grid-area: 1 / 2 / 2 / 3;
}

.article_main .autorenblock.zitat .autor {
  font-size: 20px;
  font-style: italic;
  text-align: left;
  font-weight: 400;
  color: var(--grey-3);
  grid-area: 1 / 2 / 2 / 3;
  margin: 0 0 -15px 0;
}

.article_main .autorenblock.zitat .position {
  font-size: 16px;
  line-height: 18px;
  font-style: italic;
  text-align: left;
  font-weight: 400;
  color: var(--grey-3);
  grid-area: 2 / 2 / 3 / 3;
  margin: 10px 0 0 0;

}

.article_main .autorenblock .verlag {
  grid-area: 2 / 2 / 3 / 3;
}

.article_main .autorenblock .keinverlag {
  margin-top: 9px;
}

.article_main .autorenblock .keinbild {
  grid-area: 1 / 1 / 2 / 3;
}


.article_main .autorenbild {
  height: 45px;
  margin-top: 3px;
  grid-area: 1 / 1 / 3 / 2;
}

.article_main .autorenbild img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--color-grey2);
}

.article_main .authorBox {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  flex-direction: row;
}

@media screen and (min-width:800px) {
  .article_main .autorenblock.zitat {
    max-width: calc(100% - 95px);
    margin: 0 auto 15px auto;
  }
}

@media screen and (max-width: 1241px) and (min-width: 830px) {

  .art-detail .detailbildcontainer.extern,
  .article_main .metablock {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 829px) and (min-width: 800px) {

  .art-detail .detailbildcontainer.extern,
  .article_main .metablock {
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
}

/* Share Modal */

#share-modal {
  display: inline-block;
  position: fixed;
  left: 50%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgb(43 71 86 / .2);
  top: -150%;
  max-width: calc(100vw - 30px);
  width: 375px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1.2);
  transition: top 0s 0.2s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
}

#share-modal.show {
  top: 50%;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
  transition: top 0s 0s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
  z-index: 1000;
}

#share-modal :is(header, .icons, .field) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#share-modal header {
  padding-bottom: 15px;
  border-bottom: 1px solid #ebedf9;
}

#share-modal header .close,
.icons a {
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

#share-modal header .close {
  font-size: 17px;
  cursor: pointer;
}

#share-modal header .close:hover {
  font-size: 19px;
}

#share-modal .content {
  margin: 20px 0;
}

#share-modal .icons {
  margin: 15px 0 20px 0;
}

#share-modal .content p {
  font-size: 16px;
}

#share-modal .content .icons a,
#share-modal .content .icons li {
  height: 40px;
  width: 30px;
  font-size: 30px;
}

#share-modal .icons a i,
#share-modal .icons li i{
  transition: transform 0.3s ease-in-out;
}

#share-modal .icons a i::before
#share-modal .icons li i::before {
  color: #333647;
}

#share-modal .icons a:hover i,
#share-modal .icons li:hover i {
  transform: scale(1.3);
}

#share-modal #copyUrl {
  position: relative;
}

#share-modal #copyConfirmation i.icon-check_bullet {
  position: absolute;
  left: 0px;
  top: 3px;
}

#share-modal #copyConfirmation i.icon-check_bullet .path1:before {
  color: var(--green);
}

#share-modal #copyConfirmation span.hint {
  position: absolute;
  font-size: 15px;
  line-height: 18px;
  left: -10px;
  top: -19px;
}

#share-modal .content .field {
  margin: 12px 0 -5px 0;
  height: 45px;
  padding: 0 5px;
}

#share-modal .field.active {}

#share-modal .field i {
  width: 50px;
  font-size: 21px;
  text-align: center;
}

#share-modal .field.active i {}

#share-modal .field input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 15px;
}

#share-modal .field button {
  line-height: 16px;
  text-align: left;
  text-decoration: underline;
  font: normal normal bold 18px Source Sans Pro;
  letter-spacing: 0px;
  color: #616787;
  opacity: 1;
  background: unset;
}

#share-modal .field button:hover {
  transform: scale(1.1);
}

#share-modal-background.faded-background {
  background: var(--grey-2);
  opacity: 0.8;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 999;
}

#share-modal #copyConfirmation {
  display: none;
}

/* Unsere Leseempfehlungen */

.linkbox-tt {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.linkbox-tt figure.teaser-image {
  position: relative;
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 35%, rgb(0 0 0 / .7) 73%);
}

.linkbox-tt figure.teaser-image img {
  object-fit: cover;
  mix-blend-mode: multiply;
}

@media screen and (min-width:800px) {
.linkbox-tt figure.teaser-image.full-size img {
width:770px;
height:440px;
}
}

.linkbox-tt figure.teaser-image::after {
  display: block;
  position: relative;
  margin-top: -280px;
  height: 280px;
  width: 100%;
  content: '';
}

.linkbox-tt .teaser-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 15px;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
}

.linkbox-tt .teaser-content .category {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

@media screen and (max-width:799px) {
  .linkbox-tt .teaser-content .category {
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (min-width: 800px) and (max-width:829px) {

  .art-detail .article_main .description,
  .art-detail>header,
  .art-detail .article_main .additionals,
  .art-detail .article_main .grundtext>* {
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 1241px) and (min-width: 830px) {
  .art-detail {
    grid-template-columns: minmax(0, 1fr) minmax(0, 800px) minmax(0, 1fr);
  }

  .art-detail .article_main {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .art-detail .article_main .description,
  .art-detail>header,
  .art-detail .article_main .additionals,
  .art-detail .article_main .grundtext>* {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .art-detail .detailbildcontainer.extern figcaption.bildunterschrift,
  .art-detail .detailbildcontainer.galeriebox figcaption.bildunterschrift,
  .art-detail .detailbildcontainer.bildbox figcaption.bildunterschrift,
  .art-detail .detailbildcontainer.extern figcaption .bildautor,
  .art-detail .detailbildcontainer.galeriebox figcaption .bildautor {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100vw - 43px);
  }

  .contentbox .fcms_artdetail .grundtext .img {
    max-width: 100%;
    height: auto;
  }

}

@media screen and (max-width: 799px) {
  .art-detail {
    grid-template-columns: 15px minmax(0, 1fr) 15px;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser,
  .contentbox .box-lokales .aufmacherbox.defaultbox.double .teaser,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    grid-template-rows: 30px minmax(0, auto) minmax(0, 1fr);
    grid-template-areas:
      "category category"
      "teaser-image teaser-headline"
      "teaser-lead teaser-lead";
    border-bottom: 1px solid var(--grey-3);
    padding-bottom: 15px;
    grid-row-gap: 0;
    flex: 0 0 auto;
  }

  .art-detail .contentbox.mehraus {
    grid-column: 1 / -1;
  }

  .contentbox.mehraus .section-header {
    border-bottom: 1px solid var(--grey-3);
    margin: 20px 20px 15px 20px;
  }

  .contentbox.mehraus .aufmacherbox.defaultbox.switch {
    grid-row-gap: 20px;
  }

  .contentbox.mehraus .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 39%, #707070 60%, #707070 100%);
    width: 100vw;
    height: 80vw;
  }

  .contentbox.mehraus .aufmacherbox.defaultbox .teaser .teaser-lead {
    grid-area: teaser-lead;
    padding-bottom: 15px;
  }

  .art-detail .flex-container.social_autor {
    flex-direction: column;
  }

  .art-detail .flex-container.social_autor .autorenblock {
    order: -1;
    margin-bottom: 20px;
    margin-right: 0;
    flex-direction: column;
  }

  .art-detail .flex-container.social_autor .autorenblock .autorenbild {
    order: -1;
  }

  .art-detail .art-content .autorenblock:not(.autorenblock.zitat) .autor {
    margin-right: 0;
    margin-bottom: 0px;
    margin-top: 5px;
  }

  .art-detail .flex-container.social_autor .socialbottom {
    margin-bottom: 40px;
  }

  .art-detail.static .flex-container.social_autor .socialbottom {
    margin-bottom: 10px;
  }

  .art-detail .contentbox.mehraus .aufmacherbox.defaultbox .teaser .teaser-image {
    margin-bottom: 13px;
  }
}

@media screen and (min-width:800px) {
.art-detail .detailbildcontainer.extern .teaser-image.teaser-image--small figcaption.bildunterschrift {
  margin-left: 10px !important;
  margin-right: auto;
  }
}

.keywordlist {
  margin: 15px auto 0 auto;
}

.keywordlist .category {
  margin: 15px auto;
}

/* Artikeldetail Textbausteine */

.art-detail .grundtext .textbaustein-html,
.art-detail .grundtext .textbaustein-zitat,
.art-detail .grundtext .textbaustein-bildvergleich,
.art-detail .grundtext .textbaustein-linkliste {
  margin: 30px auto;
}

.art-detail .grundtext .textbaustein-zitat {
  border-top: 1px solid var(--color-trademark);
  border-bottom: 1px solid var(--color-trademark);
  padding: 10px 15px;
}

.art-detail .grundtext .textbaustein-zitat blockquote,
.art-detail .grundtext .textbaustein-zitat blockquote p {
  font-family: var(--font-primary);
  font-size: 30px;
  line-height: 36px;
  font-style: italic;
  font-weight: 300;
  color: var(--color-background);
}

.art-detail .grundtext .textbaustein-zitat blockquote p {
  width: calc(100% - 100px);
  margin: 20px auto 20px auto;
  z-index: 1000;
  position: sticky;
}

.art-detail .grundtext .textbaustein-zitat blockquote {
  position: relative;
}

.art-detail .grundtext .textbaustein-zitat blockquote #quotemarkstart,
.art-detail .grundtext .textbaustein-zitat blockquote #quotemarkend {
  font-size: 200px;
  color: var(--lightblue);
}

.art-detail .grundtext .textbaustein-zitat blockquote #quotemarkstart {
  position: absolute;
  top: 50px;
  left: -25px;
}

.art-detail .grundtext .textbaustein-zitat blockquote #quotemarkend {
  position: absolute;
  bottom: -55px;
  right: 10px;
}

@media screen and (max-width: 799px) {
  .art-detail .grundtext .textbaustein-zitat {
    width: 100%;
  }

  .art-detail .grundtext .textbaustein-zitat blockquote p {
    width: calc(100% - 50px);
  }
}

/* Newsletter */
.newsletter-item {
  display: grid;
  grid-template-areas: "input input" "pic description";
  align-items: start;
  justify-content: start;
}

.newsletter-item h2.card__title {
  grid-area: input;
}

.newsletter-item #description {
  grid-area: description;
  margin: 10px 0;
}

.newsletter-item picture {
  grid-area: pic;
  margin: 15px 15px 15px 0;
}

.newsletter-item picture img {
  width: 100px;
  height: auto;
  min-width: 80px;
}

#newsletter-bestellung #newsletter-email .card__data.field__error,
#newsletter-bestellung #successMessageContainer {
  margin: 15px;
}

.newsletterbestellung .bestellung-nachricht {
  margin-bottom: 25px;
}

.newsletterbestellung p a {
  color: var(--color-accent);
  text-decoration: underline;
}

.newsletterbestellung .largelink {
  font-size: 20px;
  padding-top: 5px;
  display: block;
}

.newsletterbestellung .btn.bestellen {
  width: 255px;
  margin-bottom: 55px;
}

.newsletterbestellung .btn.bestellen.start {
  width: auto;
}

.newsletterbestellung footer .social_autor {
  justify-content: space-around;
  margin-bottom: 40px;
}

.pagewrapper .newsletterbestellung .art-detail .foot-backtotop {
  margin: 0 0 45px 0;
}

@media screen and (max-width: 1241px) {
  .newsletterbestellung .headline_art {
    font-size: 24px;
  }
}

@media screen and (max-width: 799px) {
  .newsletterbestellung .headline_art {
    font-size: 24px;
    line-height: 30px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
  }

  .pagewrapper .contentbox.newsletterbestellung {
    margin-bottom: 10px;
  }

  .newsletterbestellung footer .social_autor {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 465px) {
  .newsletter-selektion .input-field.styled [type="checkbox"]+span:not(.lever) {
    line-height: 18px;
  }

  .newsletter-bestellung .newsletter-selektion .input-field.styled {
    display: grid;
  }
}

@media screen and (max-width: 375px) {
  .newsletterbestellung .btn.bestellen {
    font-size: 19px;
  }
}

/* Newsletter Bestätigung */
.newsletterbestellung .newsletterbestellung.bestaetigung {
  margin: 30px 0 45px 0;
  background: var(--color-grey1);
  padding: 20px 25px 10px 25px;
}

.newsletterbestellung.bestaetigung .headline_2 {
  border-bottom: 0;
  max-width: calc(100vw - 40px);
  display: flex;
  align-items: baseline;
}

.newsletterbestellung.bestaetigung .headline_2 .icon {
  margin-right: 20px;
  font-size: 25px;
}

.newsletterbestellung.bestaetigung p {
  font-size: 18px;
  line-height: 26px;
}

.newsletterbestellung.bestaetigung.lastpage p {
  font-size: 24px;
  line-height: 30px;
  font-weight: 200;
}

.newsletterbestellung.bestaetigung button.background {
  margin: 15px 0 25px 0;
}

/* Sitemap als Navi */
.contentbox.sitemap .section-header {
  margin-top: 35px;
}

.sitemap ul.navi_sitemap {
  font-size: 20px;
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 35px;
}

.sitemap ul.sub_sitemap {
  list-style-type: circle;
  margin-left: 20px;
}

.sitemap ul.sub_sub_sitemap {
  list-style-type: square;
  margin-left: 20px;
}

.sitemap ul.navi_sitemap li {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
}

@media screen and (max-width: 799px) {
  .sitemap ul.navi_sitemap {
    margin-left: 40px;
  }
}

/* Label für Teaser für Artikel mit besonderen Assets */
.teaser-image,
.kt-teaser-image {
  position: relative;
}

.assets-label-top {
  position: absolute;
  top: 10px;
  left: 15px;
  text-shadow: 2px 2px 8px #000000;
  z-index: 1;
  font-size: 1.2em;
}

.assets-label-bottom {
  position: absolute;
  text-shadow: 2px 2px 8px #000000;
  font-size: 1.2em;
}

.assets-label-top.bkg {
  display: inline-flex;
  flex-direction: row;
  gap: 5px;
  text-shadow: none;
  line-height:0.9em;
  left: 12px !important;

}

.assets-label-top.bkg i {
  background-color: var(--accent);
  padding: 3px;
}

@media screen and (max-width:599px) {
.assets-label-bottom {
  top: 40px;
  left: 8px;
}
}

@media screen and (min-width:600px) {
.assets-label-bottom {
  bottom: 5px;
  left: 8px;
}
}

.teaser {
  overflow: hidden;
}

@media screen and (max-width: 799px) {
  .teaser {
    overflow: hidden;
  }
}

@media screen and (max-width: 1241px) {
  .teaser {
    overflow: hidden;
  }
}

#piano-article {
  width: 100%;
}

@media screen and (max-width: 799px) {
  .ft-logo[alt="Logo des Fränkischen Tags - Lokale Nachrichten aus Bamberg, Forchheim, den Haßbergen, Höchstadt, Herzogenaurach, Kronach und Lichtenfels"] {
    width: 175px;
    height: 28px;
  }

  .ft-logo[alt="Logo des Coburger Tageblatts - Lokale Nachrichten aus der Stadt Coburg und dem Landkreis Coburg"] {
    width: 112px;
    height: 36px;
  }


  .ft-logo[alt="Logo der Bayerischen Rundschau - Lokale Nachrichten aus Kulmbach und dem Landkreis Kulmbach"] {
    width: 115px;
    height: 28px;
  }

  .ft-logo[alt="Logo der Saale Zeitung - Lokale Nachrichten aus Bad Kissingen und dem Landkreis Bad Kissingen"] {
    width: 172px;
    height: 25px;
  }
}

@media screen and (min-width: 800px) {
  .ft-logo[alt="Logo des Fränkischen Tags - Lokale Nachrichten aus Bamberg, Forchheim, den Haßbergen, Höchstadt, Herzogenaurach, Kronach und Lichtenfels"] {
    width: 175px;
    height: 28px;
  }

  .ft-logo[alt="Logo des Coburger Tageblatts - Lokale Nachrichten aus der Stadt Coburg und dem Landkreis Coburg"] {
    width: 112px;
    height: 36px;
  }

  .ft-logo[alt="Logo der Kitzinger - Lokale Nachrichten aus Kitzingen und Landkreis Kitzingen"] {
    width: 144px;
    height: 20px;
  }

  .ft-logo[alt="Logo der Bayerischen Rundschau - Lokale Nachrichten aus Kulmbach und dem Landkreis Kulmbach"] {
    width: 115px;
    height: 28px;
  }
  .ft-logo[alt="Logo der Saale Zeitung - Lokale Nachrichten aus Bad Kissingen und dem Landkreis Bad Kissingen"] {
    width: 172px;
    height: 25px;
  }
  }

/*ticker-aufmacher*/

@media screen and (max-width: 799px) {
.livetag {
  display: none;
}
}

@media screen and (min-width: 800px) {
  .livetag {
    padding: .25rem .25rem calc(0.25rem - 1px) .25rem;
    color: #fff;
    background-color: #A50520;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 2;
    pointer-events: auto;
    font-weight: 800;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: .0333em;
    font-size: .6875rem;
  }
}

.live {
  padding: .25rem .25rem calc(0.25rem - 1px) .25rem;
  background: #A50520;
}

/*** Meldungstyp Kommentar ***/
.contentbox .buehne-quer .teaser-image.type-editorsComment {
  display: flex;
  align-items: center;
}
.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment,
.contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment {
  position: relative;
  display: flex;
  width: 134px;
  height: 134px;
  padding-left: 5px;
  padding-right: 5px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.contentbox .aufmacherbox.defaultbox.double .teaser .teaser-image.type-editorsComment,
.contentbox .aufmacherbox.defaultbox.switch .teaser .teaser-image.type-editorsComment,
.contentbox .aufmacherbox.defaultbox.viererbox .teaser .teaser-image.type-editorsComment,
.contentbox .aufmacherbox.defaultbox.dreierbox .teaser .teaser-image.type-editorsComment {
  flex-direction: row;
  width: 292px;
  height: 195px;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment:before,
.contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment:before,
.contentbox .buehne-quer .teaser-image.type-editorsComment:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -60%;
  background: var(--color-background);
  transform: skew(20deg);
  z-index: 1;
}

@media screen and (min-width:1242px) {
  
.contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment:before,
.contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment:before {
  left:-70%;
}
}

.contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image.type-editorsComment img,
.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment img,
.contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment img {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 5px;
}

.contentbox .buehne-quer .teaser-image.type-editorsComment img {
  position: relative;
  z-index: 2;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment figcaption,
.contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment figcaption,
.contentbox .buehne-quer .teaser-image.type-editorsComment figcaption {
  z-index: 2;
  margin-left: 5px;
  font-size: 12px;
  line-height: 1.15;
  text-transform: uppercase;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment figcaption span,
.contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment figcaption span,
.contentbox .buehne-quer .teaser-image.type-editorsComment figcaption span {
  display: inline-block;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment figcaption span.author-name,
.contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment figcaption span.author-name,
.contentbox .buehne-quer .teaser-image.type-editorsComment figcaption span.author-name {
  display: inline-block;
  padding-top: 5px;
  font-size: 1.3em;
  font-weight: 700;
  text-transform: none;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-1 .teaser-image.type-editorsComment {
  flex-direction: row;
  width: 100%;
  height: 622px;
  padding: 0 75px 125px 25px;
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 50%, rgb(0 0 0 / .7) 75%);
}

@media screen and (max-width:799px) {
  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment {
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 0 15px 80px 15px;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 50%, rgb(0 0 0 / .7) 75%);
  }
}

@media screen and (min-width:800px) {
  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment {
    flex-direction: row;
    width: 100%;
    height: 450px;
    padding: 0 15px 110px 15px;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 50%, rgb(0 0 0 / .7) 75%);
  }
  
  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment img {
    max-height: 200px;
    height: 100%;
  }

  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment img,
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment img {
    max-width:100px;
  }
}

.contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image.type-editorsComment,
.contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-2 .teaser-image.type-editorsComment,
.contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-3 .teaser-image.type-editorsComment {
  flex-direction: row;
  width: 100%;
  height: 454px;
  padding: 0 30px 190px 15px;
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 50%, rgb(0 0 0 / .7) 75%);
}

.contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment,
.contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 50%, rgb(0 0 0 / .7) 75%);
}

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

  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment img {
    max-width: 20vw;
  }
}

@media screen and (min-width:600px) and (max-width:799px) {
  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment,
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment {
  padding: 0 15px 100px 15px;
}
  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment img,
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment img {
    max-width: 60px;
  }
}

@media screen and (max-width:599px) {
  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment,
  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment, 
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment {
    aspect-ratio: 799 / 600;
  }

  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment, 
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment {
    padding: 0 15px 50px 15px;
  }

  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment img,
  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment img,
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment img {
    max-width: 30vw;
  }
}

.contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment,
.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment {
  flex-direction: column;
  width: 134px;
  height: 134px;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment:after,
.contentbox .buehne-quer .teaser-image.type-editorsComment:after {
  display: none;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-2 .teaser-image.type-editorsComment:before,
.contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-3 .teaser-image.type-editorsComment:before {
  left: -75%;
}

.contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment img,
.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment img {
  width: 65px !important;
  height: 65px !important;
}

.contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image.type-editorsComment img,
.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment img {
  width: 180px !important;
  height: 180px !important;
  mix-blend-mode: normal;
  margin-right: 0;
}

.contentbox .buehne-quer .teaser-image.type-editorsComment img {
  mix-blend-mode: normal;
  margin-right: 0;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-1 .teaser-image.type-editorsComment img {
  width: 360px !important;
  height: 360px !important;
}

.contentbox.content-sechserbox .teaserbox.aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment figcaption,
.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment figcaption {
  text-align: center;
}

.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment figcaption,
.contentbox .buehne-quer .teaser-image.type-editorsComment figcaption {
  font-size: 14px;
  margin-left: 15px;
}

.contentbox.content-sechserbox .teaserbox.aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment figcaption span,
.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment figcaption span {
  padding: 2px;
  margin-top: 4px;
  background: rgb(255 255 255 / 0.8);
}

.contentbox.content-sechserbox .teaserbox.aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment figcaption span.author-name,
.contentbox .aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment figcaption span.author-name {
  font-size: 14px;
}

.contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image.type-editorsComment figcaption span.author-name,
.contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment figcaption span.author-name,
.contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment figcaption span.author-name {
  font-size: 30px;
  line-height: 32px;
  padding-top: 15px;
}

@media screen and (min-width:1242px) {
  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment {
    padding: 0 15px 125px 75px;
  }
  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment, 
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment {
    padding: 0 25px 0 25px;
  }
  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment img,
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment img {
    max-width:100px;
  }
  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment figcaption,
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment figcaption {
    transform: translateY(-50px);
  }
}

@media screen and (min-width:800px) and (max-width:1241px) {

  .contentbox .teaserbox,
  .contentbox .aufmacherbox {
    width: 800px;
  }

  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment, 
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment {
    padding: 0 15px 60px 15px;
  }
}

@media screen and (max-width: 1241px) {
  .contentbox .aufmacherbox.defaultbox.switch .teaser .teaser-image.type-editorsComment {
    flex-direction: row;
    width: 292px;
    height: 195px;
  }

  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser .teaser-image.type-editorsComment,
  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment,
  .contentbox .box-lokales .teaserbox.double .teaser .teaser-image.type-editorsComment {
    flex-direction: column;
    width: 134px;
    height: 134px;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-1 .teaser-image.type-editorsComment {
    width: 100%;
    height: 430px;
  }

  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment  {
    width: auto;
    height: 100%;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-2 .teaser-image.type-editorsComment,
  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-3 .teaser-image.type-editorsComment {
    height: 310px;
    padding: 0 25px 125px 25px;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment:before {
    left: -70%;
  }

  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser .teaser-image.type-editorsComment img,
  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment img,
  .contentbox .box-lokales .teaserbox.double .teaser .teaser-image.type-editorsComment img {
    width: 65px !important;
    height: 65px !important;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment img {
    width: 110px !important;
    height: 110px !important;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-1 .teaser-image.type-editorsComment img {
    width: 220px !important;
    height: 220px !important;
  }

  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser .teaser-image.type-editorsComment figcaption,
  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment figcaption,
  .contentbox .box-lokales .teaserbox.double .teaser .teaser-image.type-editorsComment figcaption {
    text-align: center;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-2 .teaser-image.type-editorsComment figcaption,
  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-3 .teaser-image.type-editorsComment figcaption {
    font-size: 12px;
    margin-left: 5px;
  }

  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser .teaser-image.type-editorsComment figcaption span,
  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment figcaption span,
  .contentbox .box-lokales .teaserbox.double .teaser .teaser-image.type-editorsComment figcaption span {
    padding: 2px;
    margin-top: 4px;
    background: rgb(255 255 255 / 0.8);
  }

  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small.dreierMitWerb .teaser .teaser-image.type-editorsComment figcaption span.author-name,
  .contentbox .teaserbox.aufmacherbox.defaultbox.double.small .teaser.nummer-3 .teaser-image.type-editorsComment figcaption span.author-name,
  .contentbox .box-lokales .teaserbox.double .teaser .teaser-image.type-editorsComment figcaption span.author-name {
    font-size: 14px;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment figcaption span.author-name,
  .contentbox .buehne-quer .teaser-image.type-editorsComment figcaption span.author-name {
    padding-top: 4px;
  }
}

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

  .contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment,
  .contentbox .aufmacherbox.defaultbox.viererbox .teaser .teaser-image.type-editorsComment,
  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-2 .teaser-image.type-editorsComment,
  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-3 .teaser-image.type-editorsComment,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser .teaser-image.type-editorsComment,
  .contentbox .buehne-quer .teaser-image.type-editorsComment {
    flex-direction: column;
    width: 134px;
    height: 134px;
    overflow: hidden;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-1 .teaser-image.type-editorsComment,
  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-2 .teaser-image.type-editorsComment,
  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-3 .teaser-image.type-editorsComment .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image.type-editorsComment {
    width: 100vw !important;
    height: 66.59vw !important;
    padding: 0 25px 125px 25px;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment:before,
  .contentbox .buehne-quer .teaser-image.type-editorsComment:before {
    left: -70%;
  }

  .contentbox .buehne-quer .TT-1 .teaser-image.type-editorsComment:before {
    left: -80%;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment img,
  .contentbox .aufmacherbox.defaultbox.viererbox .teaser .teaser-image.type-editorsComment img,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser .teaser-image.type-editorsComment img {
    width: 55px !important;
    height: 55px !important;
    object-fit: initial !important;
    margin-right: 3px;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment img {
    width: 220px !important;
    height: 220px !important;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment figcaption,
  .contentbox .aufmacherbox.defaultbox.viererbox .teaser .teaser-image.type-editorsComment figcaption,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser .teaser-image.type-editorsComment figcaption {
    font-size: 10px;
    margin-left: 3px;
  }

  .contentbox .aufmacherbox.defaultbox.switch .teaser.nummer-1 .teaser-image.type-editorsComment figcaption,
  .contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment figcaption,
  .contentbox .buehne-quer .teaser-image.type-editorsComment figcaption {
    font-size: 14px !important;
    margin-left: 18px !important;
  }

  .contentbox .buehne-quer .TT-2 .teaser-image.type-editorsComment figcaption span.author-name,
  .contentbox .buehne-quer .TT-3 .teaser-image.type-editorsComment figcaption span.author-name {
    font-size: 24px;
    line-height: 30px;
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser .teaser-image.type-editorsComment figcaption span,
  .contentbox .aufmacherbox.defaultbox.viererbox:not(.large) .teaser .teaser-image.type-editorsComment figcaption span,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser .teaser-image.type-editorsComment figcaption span {
    padding: 2px;
    margin-top: 4px;
    background: rgb(255 255 255 / 0.8);
  }

  .contentbox .aufmacherbox.defaultbox:not(.large) .teaser .teaser-image.type-editorsComment figcaption span.author-name,
  .contentbox .aufmacherbox.defaultbox.viererbox:not(.large) .teaser .teaser-image.type-editorsComment figcaption span.author-name,
  .contentbox .aufmacherbox.defaultbox.double.small .teaser .teaser-image.type-editorsComment figcaption span.author-name {
    font-size: 14px;
  }

  .contentbox .aufmacherbox.defaultbox.viererbox.large .teaser .teaser-image.type-editorsComment {
    flex-direction: row;
    width: calc(100vw - 57px);
    height: calc(70.5vw - 57px);
    padding: 0;
  }

  .contentbox .aufmacherbox.defaultbox.viererbox.large .teaser .teaser-image.type-editorsComment img {
    width: 134px !important;
    height: 134px !important;
    margin-right: 10px;
  }

  .contentbox .aufmacherbox.defaultbox.viererbox.large .teaser .teaser-image.type-editorsComment figcaption {
    font-size: 22px;
  }
}

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

  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-1 .teaser-image.type-editorsComment img,
  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-2 .teaser-image.type-editorsComment img,
  .contentbox .aufmacherbox.topaufmacherbox .topteaser.nummer-3 .teaser-image.type-editorsComment img {
    width: 134px !important;
    height: 134px !important;
  }

  .contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment figcaption,
  .contentbox .buehne-quer .teaser-image.type-editorsComment figcaption {
    font-size: 12px !important;
    margin-left: 15px !important;
  }
}

@media screen and (max-width: 375px) {
  .contentbox .aufmacherbox.topaufmacherbox .topteaser .teaser-image.type-editorsComment img {
    width: 55px !important;
    height: 55px !important;
  }

  .contentbox .aufmacherbox.defaultbox .teaser .teaser-image.type-editorsComment img {
    display: none;
  }
}

/* Akkordionfunktion*/
  #accordion {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
  #accordion h3 {
    margin: 15px 0px;
    font-weight:600;
}
  #accordion .accordionHeadline {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  
  #accordion .icon-arrow_small::before {
    font-size: 10px;
  }

  #accordion span.icon-arrow_small {
    transform: rotate(-90deg);
    transition: all 0.3s ease-in-out;
}

  #accordion .active span.icon-arrow_small {
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
  }

  #accordion.toggleTrenner {
    background-color: var(--grey-1);
  padding: 0 15px 0 15px;
  margin-bottom: 20px;
}

  @media screen and (min-width:800px) {
    #accordion.toggleTrenner{
    box-shadow: 0 4px 10px rgb(43 71 86 / 0.2);
    border-radius: 5px;
    }
  }
  
  #accordion .toggleContainer >* {
    padding-bottom: 15px;
}

.toggleContainer,
.toggleContainer.active {
  transition: all 2s ease-in-out;
}

/* gilder menue */

.gliderBox {
  max-width: 800px;
}

@media screen and (min-width:1242px) {
  .gliderBox {
    max-width: 100%;
  }
}

@media screen and (min-width:800px) and (max-width:1241px) {
  .content-left .gliderBox {
    max-width: 490px;
  }
}

@media screen and (min-width:600px) and (max-width:799px) {
  .content-left .gliderBox {
    max-width: 570px;
  }
}

.gliderBox .gliderNavi {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s ease 0s;
}

.gliderBox .gliderButtonLeft,
.gliderBox .gliderButtonRight {
  position: relative;
  z-index: 1;
  padding: 0 12px;
  color:var(--grey-3)
}


.gliderBox .gliderNaviWrapper {
  position: relative;
  flex-basis:100%;
  overflow: hidden;
  max-width: calc(100vw - 100px);
  margin: 0 auto;
}

.gliderBox .gliderNaviList {
  padding: 0;
    margin: 0;
    text-align: center;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style-type: none;
}

.gliderBox .gliderNaviWrapper .navListItem {
  display:inline;
  white-space: nowrap;
  border-bottom: 1px solid var(--grey-3);
  color: var(--grey-3);
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  padding:10px;
}

.gliderBox .gliderNaviWrapper .navListItem.active {
  border-bottom: 3px solid var(--trademark);
  color: var(--trademark);
}

/* Thema-Seite */
section.teaserbox.aufmacherbox.defaultbox.viererbox.thema {
  margin: 0 0 20px 0;
}

/* Filter-Buttons */
.contentbox>#filterBox {
  display: flex;
  flex-flow: wrap;
  align-content: space-between;
  gap: 10px;
  margin: 0 20px 0 20px;
}

/* externe Inhalte im Grundtext */
.art-detail .article_main .grundtext .embedwrapper-vimeo_event,
.art-detail .article_main .grundtext .embedwrapper-vimeo_event-chat {
  position: relative;
}

.art-detail .article_main .grundtext .embedwrapper-vimeo_event>iframe,
.art-detail .article_main .grundtext .embedwrapper-vimeo_event-chat>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.art-detail .article_main .grundtext .embedwrapper-vimeo_event {
  padding: 40% 0 0 0;
}

.art-detail .article_main .grundtext .embedwrapper-vimeo_event-chat {
  padding: 30% 0 0 0;
}

@media screen and (max-width: 799px) {
  .art-detail .article_main .grundtext .embedwrapper-vimeo_event {
    padding: 56.25% 0 0 0;
  }

  .art-detail .article_main .grundtext .embedwrapper-vimeo_event-chat {
    padding: 90.25% 0 0 0;
  }
}

/* Lokale Startseiten */
.buehne-quer {
  display: grid;
  gap: 10px 10px;
  grid-auto-flow: row dense;
}

.TT-1,
.TT-2,
.TT-3,
.content4-2.mt .news-teaser.tt {
  position: relative;
  overflow: hidden;
}

.content4-2.mt .news-teaser.tt {
  margin-bottom: 10px;
}

.content4-2.mt .comment.mt a {
  display: grid;
  grid-template-areas: "pict category" "pict headline" "pict author";
  gap: 10px 10px;
  justify-content: start;
  align-items: center;
  margin: 0 0 10px 0;
}

.buehne .buehne-quer .teaser-image:after,
.content4-2.mt .teaser-image.tt:after {
  display: block;
  position: relative;
  margin-top: -280px;
  height: 280px;
  width: 100%;
  content: '';
}

.buehne .buehne-quer .teaser-image img,
.content4-2.mt .teaser-image.tt img {
  mix-blend-mode: multiply;
}

.buehne .buehne-quer .teaser-content,
.content4-2.mt .teaser-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 15px;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
}

.buehne .buehne-quer .teaser-content .category.neg,
.content4-2.mt .teaser-content .category {
  font-weight: 400;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.content4-2.mt .teaser-content .category .text {
  letter-spacing: 0.1em;
  vertical-align: 10%;
}

.content4-2.mt .teaser-content .teaser-headline.tt {
  font-weight: 600;
}

.buehne .buehne-quer .teaser-content .category .flag,
.content4-2 .category .flag,
.content4-4 .category .flag {
  display: inline-block;
  padding: 1px 5px 0 5px;
  margin-right: 5px;
  transform: translateY(-2px);
  font-size: 85%;
  line-height: 110%;
  color: #fff;
  background: var(--color-accent);
}

.category .flag.info {
  background-color: var(--grey-3) !important;
}

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

  .buehne .buehne-quer .teaser-image,
  .content4-2.mt .teaser-image.tt {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 40%, rgb(0 0 0 / 0.7) 70%);
  }
}

@media screen and (min-width:600px) and (max-width:799px) {

  .buehne .buehne-quer .TT-1 .teaser-image,
  .content4-2.mt #TT-1 .teaser-image.tt {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 50%, rgb(0 0 0 / 0.7) 70%);
  }

  .buehne .buehne-quer .TT-2 .teaser-image,
  .buehne .buehne-quer .TT-3 .teaser-image,
  .content4-2.mt #TT-2 .teaser-image.tt,
  .content4-2.mt #TT-3 .teaser-image.tt {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 16%, rgb(0 0 0 / 0.7) 50%);
  }
}

@media screen and (min-width:800px) and (max-width:1241px) {

  .buehne .buehne-quer .TT-1 .teaser-image,
  .content4-2.mt #TT-1 .teaser-image.tt {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 51%, rgb(0 0 0 / 0.7) 80%);
  }

  .buehne .buehne-quer .TT-2 .teaser-image,
  .buehne .buehne-quer .TT-3 .teaser-image,
  .content4-2.mt #TT-2 .teaser-image.tt,
  .content4-2.mt #TT-3 .teaser-image.tt {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 10%, rgb(0 0 0 / 0.7) 65%);
  }
}

@media screen and (min-width:1242px) {

  .buehne .buehne-quer .TT-1 .teaser-image,
  .content4-2.mt #TT-1 .teaser-image.tt {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 60%, rgb(0 0 0 / 0.7) 73%);
  }

  .buehne .buehne-quer .TT-2 .teaser-image,
  .buehne .buehne-quer .TT-3 .teaser-image,
  .content4-2.mt #TT-2 .teaser-image.tt,
  .content4-2.mt #TT-3 .teaser-image.tt {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 35%, rgb(0 0 0 / 0.7) 50%);
  }
}
/* Universell einsetzbare Box 4/4-Verhaeltnis*/
.content4-4 {
	display: grid;
    grid-column: 1 /-1;
    grid-template-rows: min-content;
    gap: 10px 10px;
    grid-auto-flow: row dense;
    margin: 10px 0 0 0;
}

.teaser-universal .lineContainer {
  display:grid;
  grid-template-columns: 1fr;
  grid-template-areas: "category" "headline" "lead" "location";
}

.teaser-universal .lineContainer > * {
  max-width: calc(100vw - 30px);
}

.teaser-universal .lineContainer .category {
  grid-area: category;
}

.teaser-universal .lineContainer .teaser-headline {
  grid-area: headline;
}

.teaser-universal .lineContainer .leadText {
  grid-area: lead;

}

.teaser-universal .lineContainer .teaser-date {
  grid-area: location;
}

.teaser-universal .leadText {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: clamp(14px, 2.5vw, 15px);
  line-height: clamp(18px, 3vw, 20px);
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space-collapse: collapse;
}

.content4-4 .teaser-image-universal {
  position: relative;
}

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

  .content4-4 .teaser-universal {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content;
    gap: 10px;
    margin: 0 0 30px 0;
    }

  .teaser-universal .lineContainer {
    grid-template-rows: minmax(0, 1fr);
    gap: 8px;
    margin: 0 15px;
  }
}

@media screen and (min-width:800px) {
  .content4-4 .teaser-universal {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 10px;
    }

  .teaser-universal .lineContainer {
    grid-template-rows: min-content min-content clamp(30px, 45%, 97px) min-content;
    gap: 8px;
  }
}

@media screen and (min-width:600px) and (max-width:799px) {

  .teaser-universal .lineContainer {
    grid-template-rows: min-content min-content clamp(30px, 47%, 40px) min-content;
    gap: 8px;
  }

  .content4-4 .teaser-universal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 166px;
  gap: 10px;
  }

  .teaser-universal .leadText {
    position: relative;
  }

  .teaser-universal .leadText::after {
    font-family: 'icomoon' !important;
    content: "\e962";
    position: absolute;
    bottom: -5px;
    right: -5px;
    font-size: clamp(10px, 1.5vw, 12px);
    color: var(--grey-3);
    background: linear-gradient(90deg, #ffffffbf, #ffffff);
    padding: 5px;
  }

  .content4-4 .teaser-universal figure {
  height: 166px;
  }
}

@media screen and (min-width:600px) {
  
  .content4-4 .teaser-universal {
    margin: 0 0 10px 0;
}
  .content4-4 .teaser-universal:not(:last-of-type) {
    padding: 0 0 10px 0;
    border-bottom: 1px solid var(--grey-3);
  }
 
}



/* Universell einsetzbare Box 4/2-Verhaeltnis*/
.content4-2 {
  display: grid;
  grid-column: 1 /-1;
  grid-template-rows: min-content;
  gap: 10px 10px;
  grid-auto-flow: row dense;
  margin: 10px 0 0 0;
}

.content4-2 .content-left,
.content4-2 .content4-2-left {
  grid-area: 1 / 1 / 2 / 2;
}

.content4-2 .content-right,
.content4-2 .content4-2-right {
  grid-area: 1 / 2 / 2 / 3;
}

.content4-4 .chronobox .news-teaser {
    display: grid;
    grid-template-rows: min-content min-content min-content;
    grid-template-columns: max-content;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0px 10px;
    grid-auto-flow: row dense;
    grid-template-areas:
        "teaser-image category"
        "teaser-image headline"
        "teaser-image teaser-date";
    margin: 0 0 10px 0;
}

.content4-4 .chronobox .news-teaser {
  display: grid;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: max-content;
  gap: 0px 10px;
  grid-auto-flow: row dense;
  grid-template-areas:
    "teaser-image category"
    "teaser-image headline"
    "teaser-image teaser-date";
  margin: 0 0 10px 0;
}

.content4-2 .chronobox .news-teaser,
.content4-2 .content-left .news-teaser,
.content4-2 .content-right .news-teaser,
.content4-2.mt .news-teaser:not(.tt) a {
  display: grid;
  grid-template-rows: min-content min-content min-content;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0px 10px;
  grid-auto-flow: row dense;
  grid-template-areas:
    "teaser-image category"
    "teaser-image headline"
    "teaser-image teaser-date";
  margin: 0 0 10px 0;
}

.content4-2.mt .comment a {
  display: grid;
  grid-template-rows: min-content min-content min-content;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0px 10px;
  grid-auto-flow: row dense;
  grid-template-areas:
    "teaser-image category"
    "teaser-image headline"
    "teaser-image author-name"
    "teaser-image teaser-date";
  margin: 0 0 10px 0;
}

.content4-4 .chronobox .comment {
    display: grid;
    grid-template-rows: min-content min-content min-content min-content;
    grid-template-columns: max-content;
    gap: 0px 10px;
    grid-auto-flow: row dense;
    grid-template-areas:
      "teaser-image category"
      "teaser-image headline"
      "teaser-image author-name"
      "teaser-image teaser-date";
    margin: 0 0 10px 0;
  }

.content4-2 .chronobox .comment {
  display: grid;
  grid-template-rows: min-content min-content min-content min-content;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0px 10px;
  grid-auto-flow: row dense;
  grid-template-areas:
    "teaser-image category"
    "teaser-image headline"
    "teaser-image author-name"
    "teaser-image teaser-date";
  margin: 0 0 10px 0;
}

.content4-4 .comment .teaser-image.autorenbild,
.content4-2 .comment .teaser-image.autorenbild {
  grid-area: teaser-image;
  align-self: center;
  text-align: center;
}

.content4-2 .author-name,
.content4-2 .author-name {
  grid-area: author-name;
  font-size: 18px;
  font-style: italic;
}

.content4-4 .teaser-date,
.content4-2 .teaser-date {
  grid-area: teaser-date;
}

.content4-4 .timestamp,
.content4-2 .timestamp {
  display: inline-flex;
  align-items: center;
  color: var(--grey-3);
  font-size: clamp(14px, 2vw, 16px);
  line-height: 18px;
}

/* flexibles Spaltenkonzept für multiples Grid */
.content4-2-left {
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: 1fr;
}

.content4-2-right {
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: 1fr;
}

.content4-2-left .tt,
.content4-2-right .tt {
  grid-area: 1 / 1 / 2 / 2;
}

/* position of native ad in box */
.content4-2-left #TT-1.ad {
  grid-area: 2 / 1 / 3 / 2;
}

.content4-4 .chronobox a.news-teaser:not(:last-of-type),
.content4-4 .chronobox a.comment:not(:last-of-type),
.content4-2 .chronobox a.news-teaser:not(:last-of-type),
.content4-2 .chronobox a.comment:not(:last-of-type),
.content4-2.mt .content4-2-left .news-teaser:not(:last-of-type)>a,
.content4-2.mt .content4-2-right .news-teaser:not(:last-of-type)>a,
.content4-2.mt .content4-2-left .comment:not(:last-of-type)>a,
.content4-2.mt .content4-2-right .comment:not(:last-of-type)>a {
  padding: 0 0 10px 0;
  border-bottom: 1px solid var(--grey-3);
}

.content4-2.mt .comment .category {
  display: flex;
  margin: 10px 0px 0px 0px;
  flex-wrap:wrap;
}

.content4-4 .category,
.content4-2 .news-teaser .category,
.content4-4 .chronobox .comment .category,
.content4-2 .chronobox .comment .category,
.content4-2 .teaser .category,
.content4-2 .comment .category,
.linkbox .linkelement.news-teaser .category {
  grid-area: category;
  display: inline-flex;
  align-items: center;
}


.content4-4 .teaser-headline,
.content4-2 .news-teaser .teaser-headline,
.content4-4 .chronobox .comment .teaser-headline,
.content4-2 .chronobox .comment .teaser-headline,
.content4-2 .teaser .teaser-headline,
.content4-2 .comment .teaser-headline {
  grid-area: headline;
  font-size: clamp(18px, 5vw, 20px);
  line-height: 24px;
  font-weight: 700;
  color: var(--color-text);
}

.content4-2.mt .teaser-content .teaser-headline.tt {
  font-size: 30px;
  line-height: 34px;
  color: #fff;
}

.content4-4 .teaser-headline.small,
.content4-2 .news-teaser .teaser-headline.small,
.content4-4 .chronobox .comment .teaser-headline.small,
.content4-2 .chronobox .comment .teaser-headline.small,
.content4-2 .teaser .teaser-headline.small,
.content4-2.mt .comment .teaser-headline.small {
  font-size: 18px;
  line-height: 23px;
  padding-right: 10px
}

.content4-2.mt .comment .teaser-headline {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: var(--color-text);
}

.content4-4 .teaser-image,
.content4-2 .news-teaser .teaser-image,
.content4-4 .teaser-image-fix,
.content4-2 .news-teaser .teaser-image-fix {
  grid-area: teaser-image;
  position:relative;
}

.content4-2.mt .teaser-image.tt img {
  min-inline-size: fit-content;
  max-height: 613px;
}

.content4-4 .comment .teaser-image img,
.content4-2 .comment .teaser-image img {
  width: 84px;
  height: 84px;
}

.content4-2.mt .news-teaser.tt .category {
  color: #fff;
}

.content4-2 .news-teaser .teaser-date,
.content4-2 .comment .teaser-date {
  grid-area: teaser-date;
}

.content4-4 .more-container,
.content4-2 .more-container {
  display: block;
  padding: 30px 0 0 0;
  text-align: center;
}

.content4-4 .more-container .more-btn,
.content4-2 .more-container .more-btn {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: underline;
  cursor: pointer
}

.more-container .more-link {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.more-container i {
	font-size: 22px;
}

.content4-2 .teaser .teaser-image {
  flex: 1 0 auto;
  margin-bottom: 10px;
}

/* Autoren-Teaser in 4/2-Box */
.content4-2 .autorenblock {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 55px 1fr;
  grid-template-rows: repeat(2, 20px);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.content4-2 .autorenblock .autor {
  font-size: 16px;
  font-style: italic;
  text-align: left;
  font-weight: 400;
  color: var(--color-grey2);
  grid-area: 1 / 2 / 2 / 3;
}

.content4-2 .autorenzeile {
  font-size: 16px;
  text-align: left;
  font-weight: 400;
  color: var(--color-grey2);
}

.content4-2 .autorenblock .verlag {
  grid-area: 2 / 2 / 3 / 3;
}

.content4-2 .autorenblock .keinverlag {
  margin-top: 9px;
}

.content4-2 .autorenblock .keinbild {
  grid-area: 1 / 1 / 2 / 3;
}

.content4-2 .autorenblock .autorenbild {
  height: 45px;
  margin-top: 3px;
  grid-area: 1 / 1 / 3 / 2;
}

.content4-4 .autorenbild img,
.content4-2 .autorenbild img {
  width: 45px;
	aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--color-grey2);
}

.content4-2.mt .autorenbild.large img {
  width: 100px;
  aspect-ratio: 1 / 1;
}

@media screen and (max-width:599px) {
  .content4-2.mt .autorenbild.large img {
    width: 85px;  
  }
}

.content4-2.mt .comment .autorenbild.large {
  grid-area: pict;
  text-align: center;
}

/* Personen-Teaser in 4-2-Box */
.content4-2 .personenbild img {
  width: 100%;
  height: 100%;
  max-width: 100px;
  border-radius: 50%;
  background: var(--color-grey2);
  box-shadow: inset 0 0 8px rgb(0 37 102 / .6);
  -moz-box-shadow: inset 0 0 8px rgb(0 37 102 / .6);
  -webkit-box-shadow: inset 0 0 8px rgb(0 37 102 / .6);
}

.content4-2 .person-teaser {
  display: grid;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: 190px auto;
  grid-auto-rows: 1fr;
  gap: 0 10px;
  grid-auto-flow: row dense;
  align-items: center;
  grid-template-areas:
    "teaser-image name"
    "teaser-image description"
    "teaser-image profession";
  margin: 0 0 10px 0;
}

.content4-2 .person-teaser:NOT(:last-of-type) {
  padding: 0 0 10px 0;
  border-bottom: 1px solid var(--grey-3);
}

.content4-2 .person-teaser .teaser-image.personenbild {
  grid-area: teaser-image;
  text-align: center;
}

.content4-2 .person-teaser #name {
  grid-area: name;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}

.content4-2 .person-teaser #description {
  grid-area: description;
}

.content4-2 .person-teaser #profession {
  grid-area: profession;
}

@media screen and (max-width:799px) {
  .content4-2 .person-teaser {
    grid-template-columns: 90px auto;
    margin: 0 15px 10px 15px;
  }
}

/* Schlagwortseiten */
#profilTeaser a,
.profilTeaserContact a {
  color: var(--color-accent);
  font-weight: 700;
  text-decoration: underline;
}

#profilTeaser {
  display: grid;
  grid-gap: 20px;
}

@media screen and (min-width:600px) {
  #profilTeaser {
    grid-template-areas: "pic data";
  }
}

@media screen and (max-width:599px) {
  #profilTeaser {
    grid-template-areas: "pic" "data";
  }
}

#profilTeaser .profilTeaserPic {
  grid-area: pic;
}

#profilTeaser .profilTeaserData {
  grid-area: data;
}

#profilTeaser .profilTeaserContact {
  margin-top: 10px;
}

.profilTeaserContact .icon::before {
  font-size: 14px;
  margin-right: 10px;
}

/* Verlinkter Header */
.section-header-caps {
  margin-top: 30px;
}

.section-header-caps-small {
  margin-top: 20px;
}

.section-header-caps-small.linked,
.section-header-caps-small.unlinked {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2.0px;
  color: var(--trademark);
  padding: 10px 0px 10px 0px;
}

.section-header-caps.linked ,
.section-header-caps.unlinked {
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  color: var(--trademark);
  padding: 10px 0px 10px 0px;
}

.section-header-caps.linked .more-header #read-more-header .button-text {
  font-size: 14px;
  line-height: 20px;
  min-width: fit-content;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.section-header-caps.linked .more-header a#read-more-header {
  color: var(--trademark);
}

/* Seiten-Header */
.page-header {
  font-size: 24px;
  margin: 0 0 10px 0;
  line-height: 32px;
  color: var(--trademark);
  font-weight: 600;
}

@media screen and (max-width: 799px) {
  .page-header {
    margin: 0 10px 10px 10px;
  }
}

/* Boxen mit Hintergrund */
.bluebox {
  background-color: #E7EAF3;
  padding: 15px;
  margin: 0px 0px 10px 0px;
}

.bluebox.pic {
	background-image: url(https://www.fraenkischertag.de/design/pics/serien/em24/em-2024-background_kl.png); /*EM-2024-Version*/
    background-size: auto 116%;
}

/*.bluebox:only-child>header {
  display: none;
}*/

.bluebox.product {
  background-color: var(--blue-medium);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.bluebox header {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--color-trademark);
  padding-bottom: 20px;
}

/* Dunkelblauer Werbeblock für PLUS-Angebote */
.bluebox header.neg {
  color: white;
}

.bluebox.product p {
  color: white;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.bluebox.product p.hint,
.legal.hint,
.legal.hint label {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}

.bluebox.product span.icon {
  font-size: 25px;
  margin-bottom: 20px;
}

.bluebox.product #pictOffer {
  width: 100px;
}

.bluebox.product .buttonContainer {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

/* Buttons */
.primary-btn {
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  width: 100%;
  max-width: 375px;
  min-height: 40px;
  border-radius: 10px;
  padding: 8px 10px 10px 10px;
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  transition: all ease 0.5s;
  cursor: pointer;
  box-sizing: border-box;
}

.primary-btn.red {
  background: var(--color-accent);
  color: #fff;
}

.primary-btn.red:hover {
  background: var(--color-bourgundy);
}

.secondary-btn-container {
  display: flex;
  justify-content: center;
}

.secondary-btn-container .secondary-btn {
  font-size: 20px;
  color: var(--color-trademark);
  line-height: 24px;
  height: 40px;
  width: fit-content;
  margin: 0px 10px 10px 0px;
  border: 1px solid var(--color-trademark);
  background: white;
  border-radius: 5px;
  opacity: 1;
  padding: 8px 10px;
}

.messageContainer .buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

/* Box mit Navigation für Sub-Ressorts */
#subnavi ul.navipage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#subnavi ul.navipage li,
.after-article li.keywords {
  font-size: 18px;
  color: var(--color-trademark);
  line-height: 20px;
  height: 40px;
  width: fit-content;
  margin: 0px 10px 10px 0px;
  border: 1px solid var(--color-trademark);
  background: white;
  border-radius: 5px;
  opacity: 1;
  padding: 8px 10px;
}

@media screen and (max-width: 599px) {
  .buehne-quer {
    grid-auto-columns: 1fr;
    grid-auto-rows: min-content;
  }

  .content4-2 .chronobox .news-teaser,
  .content4-2 .chronobox .comment,
  .content4-2 .content-left .news-teaser,
  .content4-2 .content-right .news-teaser,
  .content4-2.mt .news-teaser a,
  .content4-2.mt .comment a {
    grid-template-columns: 85px 1fr;
    min-height:85px;
    width:100%;
  }
  
  .content4-4 .chronobox .news-teaser,
  .content4-4 .chronobox .comment {
  grid-template-columns: 85px 1fr;
    min-height:95px;
    width:100%;
  }

  .content4-4 figure.teaser-image-fix,
  .content4-2 .news-teaser:not(.tt) figure.teaser-image,
  .content4-2 .news-teaser figure.teaser-image-fix,
  .linkbox .linkelement.news-teaser figure.teaser-image-fix {
    position: relative;
    width: 120px;
    /*height: 85px; ThC 240624 */
  }

  .content4-2 .news-teaser:not(.tt) figure.teaser-image img,
  .content4-4 figure.teaser-image-fix img,
  .content4-2 .news-teaser figure.teaser-image-fix img,
  .linkbox .linkelement.news-teaser figure.teaser-image-fix img,
  .content4-4 figure.teaser-image-fix img {
    position: absolute;
    width: -webkit-fill-available;
    width: 100%;
    max-width: 118%;
    transform: translateX(-31px);
    clip: rect(0px 114px 84px 31px);
  }

  .section-header-caps,
  .section-header-caps-small {
    margin: 0 15px;
  }
  
  .buehne .buehne-quer .TT-1 img {
    aspect-ratio: 799 / 600;
  }
}

@media screen and (min-width: 600px) and (max-width: 799px) {
  .content4-4 {
    grid-auto-columns: 1fr;
    width: calc(600px - 30px);
  }
}

@media screen and (max-width: 599px) {
  .content4-4 {
    grid-auto-columns: 1fr;
    width: 100vw;
  }
}

@media screen and (max-width: 799px) {
  .buehne .buehne-quer .teaser-image:after {
    margin-top: -130px;
    height: 130px;
  }

  .content4-2 {
    grid-auto-columns: 1fr;
  }

  .content4-2 .content-left,
  .content4-2.mt .content4-2-left {
    grid-area: 1 / 1 / 2 / 2;
  }

  .content4-2 .content-right,
  .content4-2.mt .content4-2-right {
    grid-area: 2 / 1 / 3 / 2;
  }

  .content4-2.mt {
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
  }

  .buehne .buehne-quer .teaser-content .category.neg {
    font-size: 14px;
    line-height: 18px;
  }

}

.buehne .buehne-quer .TT-1 .teaser-image img,
.buehne .buehne-quer .TT-2 .teaser-image img,
.buehne .buehne-quer .TT-3 .teaser-image img {
  object-fit: cover;

}

@media screen and (min-width:800px) {
  .TT-1 {
    grid-area: 1 / 1 / 3 / 2;
  }

  .TT-2 {
    grid-area: 1 / 2 / 2 / 2;
  }

  .TT-3 {
    grid-area: 2 / 2 / 3 / 2;
  }
}

@media screen and (min-width:600px) and (max-width:799px) {
  .TT-1 {
    grid-area: 1 / 1 / 2 / 3;
  }

  .TT-2 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .TT-3 {
    grid-area: 2 / 2 / 3 / 3;
  }

  .buehne .buehne-quer .TT-1 {
    height: 290px;
    aspect-ratio: 570 / 290;
  }

  .buehne .buehne-quer .TT-2,
  .buehne .buehne-quer .TT-3 {
    height: 190px;
    aspect-ratio: 280 / 190;
  }

  .content4-2 .chronobox .news-teaser,
  .content4-2 .content-left .news-teaser,
  .content4-2 .content-right .news-teaser,
  .content4-2.mt .news-teaser:not(.tt) a,
  .content4-2.mt .comment:not(.tt) a {
    grid-template-columns: 190px 1fr;
  }

  .content4-2 .content-left .news-teaser .figure.teaser-image-fix,
  .content4-2.mt .content4-2-left .news-teaser figure.teaser-image-fix {
    width: 190px;
    height: auto;
  }

  .content4-4 .chronobox .news-teaser,
  .content4-4 .chronobox .comment {
  grid-template-columns: 190px 1fr;
  }

  .content4-2 .chronobox .comment {
    grid-template-columns: 190px 1fr;
  }

  .content4-4 .comment figure.teaser-image.autorenbild,
  .content4-2 .comment figure.teaser-image.autorenbild {
    width: 190px;
    height: auto;
  }

  .content4-2.mt .comment .autorenbild.large {
    width: 190px;
  }
}

@media screen and (min-width:800px) and (max-width: 1241px) {

  .buehne-quer,
  .content4-2 {
    grid-auto-columns: 7fr 4fr;
  }

  .buehne .buehne-quer .TT-1 {
    height: 390px;
    width: 100%;
  }

  .buehne .buehne-quer .TT-2,
  .buehne .buehne-quer .TT-3 {
    height: 190px;
    width: 300px;
  }


  .buehne .buehne-quer .TT-1 .teaser-image img {
    height: 395px;
  }

  .buehne .buehne-quer .teaser-image:after,
  .content4-2.mt .teaser-image.tt:after {
    margin-top: -130px;
    height: 130px;
  }

  .buehne .buehne-quer {
    max-width: 800px;
  }

  .content4-4 {
  grid-template-columns: 800px;
  }
  
  .content4-2 {
    max-width: 800px;
    grid-column: 1 / -1;
    margin: 10px auto;
  }

  .content4-2 .content-right,
  .content4-2.mt .content4-2-right {
    width: 300px;
  }
  
  .content4-4 .chronobox .news-teaser,
  .content4-4 .chronobox .comment {
  grid-template-columns: 190px 1fr;
  }

  .content4-2 .chronobox .news-teaser,
  .content4-2 .chronobox .comment,
  .content4-2 .content-left .news-teaser,
  .content4-2.mt .content4-2-left .news-teaser a,
  .content4-2.mt .content4-2-left .comment a {
    grid-template-columns: 145px 1fr;
  }

  .content4-2 .content-right .news-teaser:not(.tt) figure.teaser-image,
  .content4-2 .content-right .news-teaser figure.teaser-image-fix,
  .content4-2.mt .content4-2-right .news-teaser figure.teaser-image-fix {
    position: relative;
    width: 120px;
    height: 85px;
  }

  .content4-2 .content-right .news-teaser:not(.tt) figure.teaser-image img,
  .content4-2 .content-right .news-teaser figure.teaser-image-fix img,
  .content4-2.mt .content4-2-right .news-teaser figure.teaser-image-fix img {
    position: absolute;
    max-width: 118%;
    transform: translateX(-31px);
    clip: rect(0px 114px 84px 31px);
  }

  .content4-2 .content-right .news-teaser,
  .content4-2 .content-right .comment,
  .content4-2.mt .content4-2-right .news-teaser a,
  .content4-2.mt .content4-2-right .comment a {
    grid-template-columns: 85px 1fr;
  }

  .content4-4.mt .comment figure.autorenbild img,
  .content4-2.mt .comment figure.autorenbild img {
    width: 84px;
    height: 84px;
  }

}

@media screen and (min-width: 800px) {

  .content4-2.mt .news-teaser.tt .teaser-image {
    width: 100%;
  }

  .content4-2 .news-teaser:not(.tt) figure.teaser-image,
  .content4-2 .content-left .news-teaser figure.teaser-image-fix {
    position: relative;
    width: 100%;
    /* height: 80px; ThC 240624 */
  }

  .linkbox .linkelement.news-teaser figure.teaser-image-fix {
    position: relative;
    width: 100%;
    height: auto;
  }

  .content4-2 .news-teaser:not(.tt) figure.teaser-image img,
  .content4-2 .content-left .news-teaser figure.teaser-image-fix img,
  .linkbox .linkelement.news-teaser figure.teaser-image-fix img {
    width: -webkit-fill-available;
  }


  .buehne .buehne-quer .TT-1 .teaser-content .category.neg {
    font-size: 16px;
    line-height: 20px;
  }

  .buehne .buehne-quer .TT-2 .teaser-content .category.neg,
  .buehne .buehne-quer .TT-3 .teaser-content .category.neg {
    font-size: 14px;
    line-height: 18px;
  }

  .buehne .buehne-quer .TT-2 .teaser-content .headline_2.neg.nn,
  .buehne .buehne-quer .TT-3 .teaser-content .headline_2.neg.nn {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1242px) {

  .buehne-quer {
    grid-auto-columns: 680px 390px;
    grid-auto-rows: 1fr;
    max-height: 450px;
  }

  .buehne .buehne-quer .TT-1 {
    height: 450px;
    width: 100%;
  }

  .buehne .buehne-quer .TT-2,
  .buehne .buehne-quer .TT-3 {
    height: 220px;
    width: 100%;
  }

  .buehne .buehne-quer .TT-2 .teaser-image img,
  .buehne .buehne-quer .TT-3 .teaser-image img {
    transform: translateY(-30px);
  }
	.content4-4 {
    grid-template-columns: 800px;
    }
    
  .content4-2 {
    grid-auto-columns: 680px 390px;
  }

  .content4-2 .chronobox .news-teaser,
  .content4-2 .chronobox .comment,
  .content4-2 .content-left .news-teaser,
  .content4-2.mt .content4-2-left .news-teaser a,
  .content4-2.mt .content4-2-left .comment a {
    grid-template-columns: 190px 1fr;
  }

  .content4-2 .content-left .news-teaser figure.teaser-image-fix,
  .content4-2.mt .content4-2-left .news-teaser figure.teaser-image-fix,
  .linkbox .linkelement.news-teaser figure.teaser-image-fix {
    width: 190px;
    height: auto;
  }

  .content4-2 .chronobox .comment {
    grid-template-columns: 190px 1fr;
  }

  .content4-4 .comment figure.teaser-image.autorenbild,
  .content4-2 .comment figure.teaser-image.autorenbild {
    width: 190px;
    height: auto;
  }

}

/* spezielle Piano-Styles für Experiences */
@media screen and (max-width: 1241px) {
  .teaser-image-piano.teaser-image {
    width: 292px;
    height: 195px;
  }
}

/* Versteckt alle translate-tooltip-mtz Elemente */
.translate-tooltip-mtz,
.translate-tooltip-mtz * {
    display: none !important;
}

/* Versteckt das audio Element mit der Klasse audio-for-speech */
audio.audio-for-speech {
    display: none !important;
}


/* ticker-detail.css */
.ticker-posts .type-text.new a,
.ticker-container .post a,
.ticker-container .post a:hover,
.ticker-container .post a:active {
    color: var(--color-accent);
    font-weight: 700;
    text-decoration: underline;
}

/* neu*/
/* pager */

ul.pagination {
    display: inline-flex;
    align-items: center;
    padding: 20px 0 20px 0;
    flex-wrap: wrap;
  }
  
  ul.pagination li {
    font-family: var(--font-primary);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    width: auto;
    min-width: 28px;
    height: 28px;
    border-radius: 5px;
    padding: 5px;
    margin: 0 5px;
  }
    ul.pagination li {background-color: var(--trademark);}
    ul.pagination li.active {background-color: var(--accent) !important;}
    ul.pagination li:not(:last-child) {border: 1px solid var(--grey-2);}
    ul.pagination li.active,
    ul.pagination li.currentPage,
    ul.pagination li a.otherPage {color: var(--white);}
    ul.pagination li a {text-decoration: none !important;}
  
  ul.pagination .spacer {
    font-family: var(--font-primary);
    font-size: 24px;
    color: var(--grey-3);
    }


.post {
    background-color: var(--white);
}

.post .type-article {
    display: block;
    padding: 20px;
    background-color:var(--lightblue);
    margin-bottom:10px;
    padding: 10px;
    box-shadow: 0px 0px 4px 1px #73859f;
    width: 100%;
    width: -webkit-fill-available;
    }

.post .type-text,
.post .type-picture_gallery {
    background-color: var(--white);
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0px 0px 4px 1px #73859f;
    width: 100%;
    width: -webkit-fill-available;
}

.post .type-picture_gallery .pictureTeaserShader {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    width: 100%;
    padding-bottom: 5%;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 0%, rgb(0 0 0 / .7) 70%);
}

.post .type-streamset {
    background-color: var(--white);
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0px 0px 4px 1px #73859f;
    width: 100%;
    width: -webkit-fill-available;
}

.post .type-streamset .detailbildcontainer {
    max-width: 570px;
}

.post .type-picture {
    background-color: var(--white);
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0px 0px 4px 1px #73859f;
    width: 100%;
    width: -webkit-fill-available;
}


.post .type-embed {
    background-color: var(--white);
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0px 0px 4px 1px #73859f;
    width: 100%;
    width: -webkit-fill-available;
}

.post .new div h3 {
    color: black;
    font-size: 2.28rem;
    line-height: 110%;
    margin: .912rem 0;
    opacity: .7;
    font-weight: bold;
}

.post .type-article .linkbox {
        border-color: var(--grey-3);
}

.post .type-article .linkbox .linkElement {
    grid-template-areas:
    "teaser-image teaser-image"
    "category category"
    "headline headline"
    "description description" !important;
}

.post .type-article .linkbox .linkElement .articleImage {
    grid-area: teaser-image;
}

.link-artikel-ueberschrift-ticker {
    padding: 20px;
    font-weight: bold;
}

@media only screen and (max-width: 500px) {
    .link-artikel-ueberschrift-ticker {
        padding: 0px 20px 20px 20px;
    }
}

.timeStamp {
    margin-bottom: 20px;
}

.streamset-titel-ticker {
    color: black;
    font-size: 2.28rem;
    line-height: 110%;
    margin: .912rem 0;
    opacity: .7;
    font-weight: bold;
}

.linkartikel-ticker {
    display: flex;
}

.artikel-titel-ticker {
    color: var(--white);
    font-size: 2.28rem;
    line-height: 110%;
    margin: .912rem 0;
    font-weight: bold;
}

.link-artikel-text-ticker p {
    color: var(--white);
}

.headline_art {
    overflow-wrap: break-word;
}

/* fancybox.css */
.bildcontainer {
  position: relative;
}

.bildcontainer .icon-enlarge {
  position: absolute;
  bottom: 15px;
  z-index: 10;
  display: block;
  width: 30px;
  height: 30px;
  opacity: 0.5;
  background: var(--color-accent);
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 5px;
  pointer-events: none;
}
  .detailbildcontainer.extern .bildcontainer .icon-enlarge,
  .detailbildcontainer .bildcontainer .icon-enlarge {
  right: 15px;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: #fff !important;
  background: var(--burgundy) !important;
}

/* formulare.css */
/* Service-Artikel */

.contentbox.box-serviceOuter:first-of-type .section-header {
  margin-top: 30px;
}

span.autocomplete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
  float: left;
}

span.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

span.autocomplete ul li.selected {
  background-color: #ffb;
}

span.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 12px;
  cursor: pointer;
}

.fcmskundeneingabefelder {
  display:flex;
  flex-direction: column;
  gap: 15px;
}

fieldset.email .fcmskundeneingabe-onewayinput.err>div {
  /* display: none; */
}

#correctnamehint, 
#correctnamehint2, 
#correctnamehintpw {
  background-color: #fff;
  box-shadow: 0px 0px 6px #000000A0;
  width:92%
}

#correctnamehint>li,
#correctnamehint2>li,
#correctnamehintpw>li {
  margin-bottom: 0;
  line-height: 25px;
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 5px;
  text-align: left;
  font: normal normal 600 16px/29px Source Sans Pro;
  letter-spacing: 0px;
  color: #A50520;
  opacity: 1;
}

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

  #correctnamehint,
  #correctnamehintpw {
      width: 83%
  }
}


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

  #correctnamehint,
  #correctnamehintpw {
      background-color: #fff;
      box-shadow: 0px 0px 6px #000000A0;
      width: 79%
  }
}

.hintOverlay {
  position: relative;
}

.hintOverlay__frame {
    position: absolute;
}

.hintOverlay__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--grey-2);
  opacity: 0.8;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47, 0, .74, .71);
  z-index: 799;
}

.hintOverlay__content {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap:10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgb(43 71 86 / 0.2);
  height: auto;
  width: calc(100% - 36px);
  max-width: 500px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  padding: 15px;
  z-index: 800;
}

  .input-select,
  .input-select-mail,
  .fcmskundeneingabe-select {
    position: relative;
    box-sizing: border-box;
    background: var(--grey-1);
    line-height: 18px;
    font-weight: 400;
    font-size: 18px;
    white-space: nowrap;
    color: var(--trademark);
    width: 100%;
  }

  .input-select-mail select {
    min-height: 150px;
  }

  .input-select select:focus-within {
    height:auto;
  }


@media screen and (min-width: 801px) {

  section.teaserbox.aufmacherbox.defaultbox.box-service {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  }

  .contentbox.box-adressen {
      padding: 0;
  }

  .contentbox .box-service.aufmacherbox.defaultbox:not(.large) .teaser {
      padding: 0;
  }

  .contentbox .box-service.aufmacherbox.defaultbox:not(.large) .teaser.nummer-1 {
      flex-grow: 0;
      -ms-flex: 0 0 48%;
      flex: 0 0 48%;
      margin-right: 30px;
      max-width: 414px;
  }

  .contentbox .box-service.aufmacherbox.defaultbox:not(.large) .teaser .box-serviceArticle {
      flex-grow: 1;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  }

  .contentbox .box-service.aufmacherbox.defaultbox:not(.large) .teaser.nummer-2 .teaser-lead {
      margin-top: 0;
  }

  .contentbox .box-service.aufmacherbox.defaultbox:not(.large) .teaser .teaser-headline {
      margin: 0;
      width: 100%;
  }

  .contentbox.registerBoxOuter {
      max-width: 100%;
  }

  .userDaten__fieldset>a {
      flex-grow: 1;
      -ms-flex: 1;
      flex: 1;
      max-width: 26%;
  }

}

@media screen and (min-width: 1242px) {

  .contentbox.box-serviceOuter .inner-content,
  .contentbox.box-adressen .inner-content {
      -ms-grid-column: 3;
      grid-column-start: 3;
      -ms-grid-column-span: 8;
      grid-column-end: 11;
  }

  .contentbox .box-service.aufmacherbox.defaultbox:not(.large) .teaser.nummer-1 {
      max-width: 394px;
  }

  .contentbox .box-service.aufmacherbox.defaultbox:not(.large) .teaser .teaser-lead {
      padding-bottom: 0;
      border-bottom: 0;
  }

  .contentbox.registerBoxOuter .inner-content {
      -ms-grid-column: 3;
      grid-column-start: 3;
      -ms-grid-column-span: 8;
      grid-column-end: 11;
  }

  .contentbox.registerBoxOuter {
      margin-left: 0;
      margin-right: 0;
  }

}

/* Formulare Boxen */
.error-container,
.success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background: var(--grey-1);
  height: auto;
  min-height: 74px;
  padding: 20px 15px;
}

.error-container .icon-pP_Iconset_bell {
  color: var(--accent);
}

.success-container .icon-pP_Iconset_bell {
  color: var(--green);
}

.error-container .icon-pP_Iconset_bell,
.success-container .icon-pP_Iconset_bell,
.success-container .icon-icon_ok {
  font-size: 38px;
}

.message-header {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  color: var(--text);
  max-width: 375px;
  width:100%;
  overflow-wrap: anywhere;
}

.message-text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  color: var(--text);
  max-width: 375px;
  width:100%;
  overflow-wrap: anywhere;
}

/* Buttons Checkboxes */

a.plain-text {
  color: var(--accent);
  text-decoration:underline;
}

a.plain-text:hover {
  color: var(--burgundy);
}

.btn.background.order,
.btn.order {
  font: normal normal normal 23px/29px Source Sans Pro;
  float: right;
  display: inline-table;
  margin-top: 30px;
}

/* Sonstiges */
fieldset.datenschutz,
fieldset.ssoagb,
fieldset.ssoleservorteile {
  display: inline-flex;
  flex-direction: row-reverse;
}

/* Registrierung */

  .kunden-edit-agblayer-overlay {
    background-color: black;
    height:           100%;
    min-height:       1680px;
    top:              0px;
    left:             0px;
    opacity:          0.3;
    position:         fixed;
    width:            100%;
    z-index:          1000;
  }

  .kunden-edit-agblayer-textcontainer {
    position:           fixed;
    top:                10%;
    left:               25%;
    width:              45%;
    min-width:          500px;
    height:             70%;
    box-shadow:         0 0 1em black;
    -moz-box-shadow:    0 0 1em black;
    -webkit-box-shadow: 0 0 1em black;
    background-color:   white;
    z-index:            1002;
    padding:            20px;
  }

  .kunden-edit-agblayer-textcontainer-head {
    text-align:     right;
    padding-bottom: 10px;
  }

  .kunden-edit-agblayer-textcontainer-body {
    height:   90%;
    overflow: auto;
    border:   1px solid lightgray;
    padding:  20px;
  }

  .ui-state-focus {
    background-color: #d2e2f2;
  }

  .ui-helper-hidden-accessible {
    display: none;
  }

  *[data-fcms-container="error"] {
    color: var(--color-accent);
  }

/* slick.css */
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
  z-index: 1;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
      color: #fff !important;
  background: var(--burgundy) !important;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 24px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



/* Slider */
.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: auto !important;
  touch-action: auto !important;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;

}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}

.slick-track:after
{
  clear: both;
}

.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
  width: 100%;
  width: -webkit-fill-available;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider.fotoglider.diashow {
  visibility:hidden;
  max-height:1px;
}
.slick-slider.fotoglider.diashow.slick-initialized {
  visibility:visible;
  max-height:none;
}

.slick-lightbox-close {
  background: rgb(30 30 30 / 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  transition: color .2s;
  vertical-align: top;
  visibility: visible;
  width: 44px;
  font-size: 20px;
  color: #fff;
}

.slick-lightbox-close:after {
  font-size: 20px;
}

.slick-list {
  box-sizing: border-box;
}
.fancybox-caption__body h4{
  color: #fff;
  margin: 10px;
}
.fancybox-caption__body p {
  margin: 0;
}

.slick-lightbox {
  z-index: 2147483638 !important;
}

.slick-lightbox .slick-caption-bottom .slick-lightbox-slick-item {
  position: relative;
}

.slick-lightbox .slick-caption-bottom .slick-lightbox-slick-item-inner {
  width: 100%;
  max-width: 100%;
}

.slick-lightbox .slick-lightbox-slick-img {
  max-width: 100%;
}

.slick-lightbox-slick-caption {
  display: block; 
  background: var(--grey-1);
  padding: 10px 20px;
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 29px;
  font-style: italic;
  color: #000;
  text-align: left;
  margin: 0 auto;
  max-width: 90%;
}

.slick-lightbox .slick-lightbox-slick-caption {
  background: rgb(0 0 0 / 0.7);
  font-size: 1rem;
  line-height: 1.5em;
  color: #fff;
  max-width: 100%;
}

.slick-lightbox .slick-caption-bottom .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
}

.slick-lightbox-slick-caption span {
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  display: block;
}

.detailbildcontainer.galeriebox .gallery-header {
  font-size: 33px;
  font-weight: bold;
  color: var(--background);
  background: var(--grey-1);
  padding: 20px;
}

.detailbildcontainer .slick-next:before,
.detailbildcontainer .slick-prev:before,
.slick-lightbox .slick-next:before,
.slick-lightbox .slick-prev:before,
.slick-lightbox-close:before {
  display: inline-block;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 16px;
}

.detailbildcontainer .slick-next:before,
  .slick-lightbox .slick-next:before{
  content: "\e91e";
  opacity: 1;
}
.detailbildcontainer .slick-prev:before,
  .slick-lightbox .slick-prev:before{
  content: "\e91d";
  opacity: 1;
}

  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    background-color: var(--grey-3) !important;
}

  .slick-slider.fotoglider .bildcontainer {
    cursor: pointer;
  background-color: var(--grey-1)
  }

  .slick-lightbox .slick-lightbox-close:hover {
    background: var(--trademark);
  }


  .slick-lightbox .slick-lightbox-close:before{
    content: "\e919";
    font-size: 15px;

  }


  .detailbildcontainer .slick-next,
  .detailbildcontainer .slick-prev {
  top:45%;
    z-index: 99;
    background: var(--accent);
    opacity: 75%;
         border-radius: 5px;
         width: 30px;
         height: 30px;
  }

  .detailbildcontainer .slick-next {
    right: 15px;
  }

  .detailbildcontainer .slick-prev {
    left: 15px;
  }

  .slick-lightbox-slick-img {
    max-height: calc(100vh - 200px) !important;
  }

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

    #slick-slider--fotos-ext button.slick-prev,
    #slick-slider--fotos-ext button.slick-next {
      top: 30%;
      transform: translate(0, -30%);
    }

  }

  @media screen and (max-width: 799px) {
    .slick-lightbox-slick-img {
      max-height: calc(100vh - 120px) !important;
    }  
  .slick-slide .figure.teaser-image {
   max-width: calc(100% - 30px);
  }
  }

  .grundtext .slick-slider .slick-slide img[data-lazy] {
  }

  .grundtext .slick-slider .slick-prev,
  .grundtext .slick-slider .slick-next {
    top: 45%;
  }

@media screen and (max-width: 799px) {
    .grundtext .slick-slider .slick-prev,
    .grundtext .slick-slider .slick-next {
        top: 40%;
    }
  }

/* navigation.css */
  /* Hauptnavi */
  
  html.navActive {
    overflow:hidden;
  }
  
  .navigationContainer {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 20px;
    padding-top: 2px;
      z-index: 1002;
      max-width:800px;
   
 }

 @media screen and (min-width: 1242px) {

  #login.head-login {
   width:23px;

  }
 
 }

 .navigationContainer.stickyNavigation {
     top: 0;
     position: fixed;
     z-index: 1000;
 }

 .navigationContainer ul.mainLayer {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     align-items: center;
     white-space: nowrap;
 }
 .navigationContainer ul.mainLayer li a {
     white-space:normal;
 }

 .navigationContainer li.tiefe1 > a,
 .navigationContainer li.tiefe1 > span {
 color: var(--color-font);
  transition: all ease 0.5s;
  display: inline-block;
  padding: 3px 0;
 
 }

 .navigationContainer .touchedElement > a,
 .navigationContainer li:hover > a,
  .navigationContainer li:hover > span,
 .navigationContainer li.active > a,
 .navigationContainer .tiefe1_aktiv > a,
 .navigationContainer .tiefe2_aktiv > a{
 color: var(--color-trademark);
  transition: all ease 0.5s;
   
 }

 .navigationContainer .touchedElement > .subLayer,
 .navigationContainer .touchedElement > .subLayerTeaser,
 .navigationContainer li:hover > ul {
     transition-delay: 240ms;
     visibility: visible;
     opacity: 1;
 }

 .navigationContainer .mainLayer li.tiefe1,
 .navigationContainer .subLayer li {
    position: relative;
    padding: 0 7px 5px 7px;
    border-left: 3px solid transparent;
    transition: all ease 0.5s; 
    flex: 0 0 auto;
 }
 
 .navigationContainer .mainLayer li.lokales {
    position: relative;
    padding: 0 7px 5px 7px;
 }

 .navigationContainer .mainLayer.lokales .subLayer ul:not(:last-of-type) {
  border-bottom: 1px solid var(--grey-3);
  /*padding-top: 10px;*/
 }
 
 .navigationContainer .mainLayer li.tiefe1.active,
  .navigationContainer .mainLayer .tiefe1_aktiv,
   .navigationContainer .mainLayer .tiefe2_aktiv,
 .navigationContainer .mainLayer li.tiefe1:hover,
 .navigationContainer .subLayer li.active,
 .navigationContainer .subLayer li:hover
 {
   border-left: 3px solid var(--color-trademark);
    padding: 0 7px 5px 7px;
   transition: all ease 500ms; 
   flex: 0 0 auto;
   position: relative;
 }

 .navigationContainer .subLayer  {
     visibility: hidden;
     opacity: 0;
     position: absolute;
     left: 50%;
     top: 50px;
     transform: translateX(-50%);
     height: auto;
     z-index: 1001;
     background-color: white;
     padding: 10px;
    line-height: 30px;
     box-shadow: -2px 4px 10px 0px rgb(0 0 0 / 0.55);
     cursor: pointer;
     transition: all ease 0.5s 240ms;
 }
 
 .navigationContainer .subLayer::before {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 13px solid white;
    }
 

 
  .navigationContainer .subLayer li {
  margin-bottom: 2px;
  width: 300px;
  height: 30px;
  }

  .navigationContainer .subLayer li.spacer {
    margin: 0;
    padding: 0;
    height: auto;
    }


.navigationContainer .mainLayer li.tiefe1 a.mitsub:after,
.navigationContainer .mainLayer li.tiefe1 span.mitsub:after,
.navigationContainer .mainLayer li.tiefe1_aktiv a.mitsub:after,
.navigationContainer .mainLayer li.tiefe1_aktiv span.mitsub:after {
display: inline-block;
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e90b";
transition: all ease 500ms 100ms;
font-size: 10px;
font-weight: bold;
position: absolute; 
left: calc(50% - 5px);
bottom: -3px;
color: var(--trademark);
cursor: pointer;

}


  .navigationContainer .mainLayer li.tiefe1:hover a.mitsub:after,
  .navigationContainer .mainLayer li.tiefe1:hover span.mitsub:after,
  .navigationContainer .mainLayer li.tiefe1_aktiv:hover a.mitsub:after,
  .navigationContainer .mainLayer li.tiefe1_aktiv:hover span.mitsub:after {
 transform: rotate(180deg);
  transition: all ease 500ms;
}
 
 .navigationContainer .subLayer ul {
 margin-top: 5px;
}

.navigationContainer li:hover .subLayer{
 height:auto;
 visibility: visible;
 opacity: 1;
 padding: 10px;
 cursor: pointer;
 transition: all ease 240ms;
}


/* Mobile */

@media screen and (min-width: 1242px) {
 .navigationContainermobile {
     display:none;
 }

}

@media screen and (max-width: 1241px) {
 .navigationContainer {
     display:none;
 }

 .navigationContainermobile,
 .navigationContainerUniversal {
     display: initial!important;
 }

.navigationContainermobile .mainLayer li.tiefe1.withsub {
 margin-left: 5px;
}

.navigationContainermobile li.tiefe1:not(.withsub)>a, 
.navigationContainermobile li.tiefe1_aktiv:not(.withsub)>a {
 margin-left: 10px !important;
}

.navigationContainermobile .subLayer {
 margin: 5px 0px !important;
 margin-bottom: 0;
}

.navigationContainermobile ul {
 margin: 0;
 list-style: none;
}
}

.navigationContainermobile {
    font-family: var(--font-primary);
    font-size: 18px;
    line-height: 20px;
    background: #fff;
    position: fixed;
    top: 60px;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: calc(100vh - 66px); 
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
 }

 @media screen and (min-width:600px) and (max-width:1241px) {
  .navigationContainermobile {
    max-width: 375px;
    right: -375px 
  }
 }

 @media screen and (max-width:599px) {
  .navigationContainermobile {
    max-width: 100vw;
    right: -100vw;
  }
 }

 .navigationContainermobile .touchedElement > .subLayer,
 .navigationContainermobile .touchedElement > .subLayerTeaser,
 .navigationContainermobile li:hover > ul,
 .navigationContainerUniversal .link:hover > ul {
     transition-delay: 240ms;
     visibility: visible;
     opacity: 1;
 }

.navigationContainermobile.navActive {
 background: #fff;
 position: fixed;
 top: 60px;
 right: 0;
 transition: all 0.5s ease-in-out;

}


.layerMenu {
  position: absolute;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.navigationContainermobile.navActive + .layerMenu{
 background-color:var(--grey-1);
 width: 100%;
 height: 100vh;
 top: 60px;
 opacity: 0.7;
 z-index: 998;
 transition: all 0.5s ease-in-out;
 transition-delay: 0.3s;
}

.layerMenu.navActive {
  background-color:var(--grey-1);
  width: 100%;
  height: 100vh;
  top: 0;
  left:0;
  opacity: 0.7;
  z-index: 998;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.3s;
}

.navigationContainermobile .mainLayer.top {
 flex-direction: column;
 padding-left: 20px;
 padding-right: 0;
}

.navigationContainermobile ul {
 margin: 0;
 padding: 10px;
 list-style: none;

}

.navigationContainermobile ul li {
font-size: 18px;
line-height: 22px;
margin-bottom: 8px;
}

.navigationContainermobile .subLayer li {
line-height: 20px;

}

.navigationContainermobile .subLayer li:last-child {
margin-bottom: 0;
}

.navigationContainermobile .subLayer li.tiefe2 a,
.navigationContainermobile .subLayer li.tiefe2_aktiv a,
.navigationContainermobile .subLayer li.tiefe2.active a{
padding: 5px 10px;
}

.navigationContainermobile .subLayer  {
margin: 5px 45px;
margin-bottom: 0;

}

.navigationContainermobile li.tiefe1>a,
.navigationContainermobile li.tiefe2>a,
.navigationContainermobile li.tiefe2_aktiv>a,
.navigationContainermobile li.tiefe2.active>a,
.navigationContainermobile li.tiefe1.withsub .naviname
{
 color: var(--color-font);
 display: block;
 padding: 0 10px;
 text-decoration: none;
 border-left: 3px solid transparent;

}

.navigationContainermobile li.tiefe1:not(.withsub)>a,
.navigationContainermobile li.tiefe1_aktiv:not(.withsub)>a {
margin-left: 65px;
}

.navigationContainermobile li.tiefe1 .aboshop {
margin-left: 60px;
}

.navigationContainermobile li.tiefe1 #abo_link_mobil {
  border-top: 1px solid var(--grey-3);
  padding-top: 10px;
}

.navigationContainermobile .touchedElement>a,.navigationContainermobile li:hover>a, .navigationContainermobile li.tiefe1.active>a, 
.navigationContainermobile li.tiefe1.active .naviname,
.navigationContainermobile li.tiefe1:hover .naviname,
.navigationContainermobile li.tiefe2.active>a{
 color: var(--color-trademark);
 text-decoration: none;
 border-left: 3px solid var(--color-trademark);
}

.navigationContainermobile .touchedElement>.subLayer,.navigationContainermobile li:hover>ul {
 transition-delay: 240ms;
 visibility: visible;
 opacity: 1;
}

.navigationContainermobile .mainLayer li.tiefe1 {
 position: relative
}

.navigationContainermobile .mainLayer li.tiefe1.withsub {
padding: 10px;
  border-radius: 5px;
  background-color: var(--grey-1);
  box-shadow: 0px 3px 6px #2B475633;
}

.navigationContainermobile .subLayer {
 transition-delay: 0ms;
 visibility: visible;
 opacity: 1;
 position: relative;
 top: 0;
 left: 0;
 height: auto;
 z-index: 1001;
}

.navigationContainermobile .mainLayer li.tiefe1:hover .subLayer {
 height: auto;
 transition-delay: 240ms;
}

.navigationContainermobile #logo_button_container {
  order:18;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 10px 0 0 10px;
  margin-left: 15px;
  border-top: 1px solid var(--grey-3);
}

.navigationContainerUniversal #logo_button_container {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 10px 0 0 10px;
  margin-bottom: 15px;
  border-top: 1px solid var(--grey-2);
}

#logo_button_container li{
  margin:0 !important;
  height: 20px;
  line-height: 18px;
}

#logo_button_container li:hover > a {
  color: unset;
  border: unset;
}

.subNavMobilToggle .naviname {
cursor: pointer;
}

.subNavMobilToggle .toggleicon {
display: block;
position: absolute;
right: 10px;
top: 10px;
z-index: 200;
cursor: pointer;
transform: rotate3d(0,0,1,0deg);
transition: all ease 0.5s;
}

.subNavMobilToggle.subNavMobilToggle--aktiv .toggleicon,
.subNavMobilToggle .toggleicon.subNavMobilToggle--aktiv {
 transform: rotate3d(0,0,1,180deg)
}

 /* three tiers navigation */

 .pagewrapper.portal #productNavi {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: var(--trademark);
  overflow-x: auto;
  scroll-behavior: smooth;
  white-space: nowrap;
  padding: 0 10px;
  position: relative;
}

.pagewrapper.portal #productNavi a.textLink {
  font-family: var(--primary);
  font-size: clamp(12px, 1.3vw, 18px);
  line-height: clamp(20px, 4vw, 24px);
  font-weight: 400;
  color: var(--white);
}

.pagewrapper.portal #productNavi a.iconLink {
  display: flex;
  align-items: center;
}

#topicNavi {
  grid-column: 1 / -1;
  background-color: var(--white);
}

.pagewrapper.portal #topicNavi .gliderNavi {
  overflow: hidden;
  scroll-behavior: smooth;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}

#topicNavi .gliderButtonLeft,
#topicNavi .gliderButtonRight {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  color:var(--trademark);
  top: 0;
}

#topicNavi .gliderButtonLeft{
  background: linear-gradient(90deg, rgb(255 255 255 / 1) 0%, rgb(255 255 255 / 0) 100%);
  padding: 0 20px 0 5px;
  left:0;
}

#topicNavi .gliderButtonRight {
  background: linear-gradient(90deg,rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 1) 100%);
  padding: 0 5px 0 20px;
  right:0;
}

@media screen and (max-width:799px) {
  #topicNavi .gliderButtonLeft,
  #topicNavi .gliderButtonRight {
    height:clamp(50px, 10vw, 60px);
  }
}

@media screen and (min-width:800px) {
  #topicNavi .gliderButtonLeft,
  #topicNavi .gliderButtonRight {
    height:clamp(60px, 25vw, 65px);
  }
}

#topicNavi .gliderNaviList {
  padding: 0;
  margin: 0;
  text-align: center;
  flex-wrap: nowrap;
  display: flex;
  list-style-type: none;
  width: max-content;
}

#topicNavi .gliderNaviList .topicNaviItem {
  border: 1px solid var(--trademark);
  border-radius: 5px;
  height: clamp(35px, 10vw, 40px);
  padding: 5px clamp(5px, 7vw, 8px);
  margin: clamp(5px, 1vw, 10px) 0;
  flex-shrink: 0;
  
  display:flex;
  flex-direction:row;
  align-items: center;
  gap:10px;
  cursor: pointer;
} 

#topicNavi .gliderNaviList > li:not(:first-child) {
  padding-left: 10px;
}
  
#topicNavi .gliderNaviList > li:first-child {
  padding-left: 15px;
}

#topicNavi .gliderNaviList > li:last-child {
  padding-right: 15px;
}

@media screen and (min-width:801px) {
  .pagewrapper.portal #topicNavi .gliderNavi {
    margin: 0 calc((100vw - 800px) / 2);
  }
  
  #topicNavi .gliderNaviList > li:first-child {
    padding-left: 0;
  }
  
  #topicNavi .gliderNaviList > li:last-child {
    padding-right: 0;
  }
}

#topicNavi .topicNaviItemText {
  font-family: var(--primary);
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  color:var(--trademark);
  white-space: normal;
  max-height: clamp(40px, 8vw, 44px);
  width:min-content;
}

#topicNavi .topicNaviIconButton {
  display: flex;
  align-items: center;
}

#topicNavi .topicNaviIconButton.last {
  padding-right: 10px;
}

#topicNavi .topicNaviIconButton .spacer {
  width: 1px;
  height: 30px;
  background-color: var(--grey-2);
  transform: translateX(10px);
}

#topicNavi .topicNaviIconButton .iconLink {
  line-height: 20px;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
}

.serviceNavi {
  display: flex;
  justify-content: right;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
}

.serviceNaviButton {
  display: flex;
  align-items: center;
  gap: 5px;
}

.serviceNavi .navigationContainerUniversal {
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 20px;
  background: #fff;
  position: fixed;
  top: 0;
  right:-375px;
  z-index: 999;
  transition: all 0.5s ease-in-out;
  width: 100%;
  max-width: 375px;
  height: 100%; 
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.serviceNavi .navigationContainerUniversal.navActive {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  transition: all 0.5s ease-in-out;
 }

.serviceNavi .universalMenuButton {
  display:inline-flex;
  align-items: center;
  gap:10px;
  padding: 15px;
  width:100%;
}

.serviceNavi .navigationContainerUniversal .universalMenuButton.negativ {
  border-bottom: solid 1px var(--white);
  background-color: var(--trademark);
  color: var(--white);
}

.serviceNavi .navigationContainerUniversal .universalMenuButton.positiv {
  border-bottom: solid 1px var(--trademark);
  background-color: var(--white);
  color: var(--trademark);
}

.serviceNavi .navigationContainerUniversal .icon.icon-icon_exit {
  font-size: 18px;
}

.serviceNavi .navigationContainerUniversal .buttonClose {
  font-family: var(--primary);
  font-variant-caps: all-small-caps;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 1px;
}

.serviceNavi .navigationContainerUniversal #universalMenuOffer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 0 15px 15px 15px;
  background-color: var(--trademark);
  color: var(--white);
}

.serviceNavi .navigationContainerUniversal #universalMenuOffer .hint {
  font-family: var(--primary);
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 1px;
}

.serviceNavi .navigationContainerUniversal #universalMenuOffer h4 {
  font-family: var(--primary);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  
}

.serviceNavi .navigationContainerUniversal:has(#universalMenuOffer) .fcms-facetedsearch-suggest-mobile {
  top: 162px !important; /* Wert an Angebot anpassen */
}

.serviceNavi .navigationContainerUniversal .icon-plus_combined_group {
  align-self: center;
  transform: translateY(-10px);
}

.serviceNavi .buttonLabel {
  font-family: var(--primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

/* Universal Menu Navi */

#universalMenuNavi {
  display:flex;
  flex-direction: column;
  width: 100%;
  padding: 0 15px;
}

#universalMenuNavi .iconButton:first-child {
  margin-top: 15px;
}

#universalMenuNavi .itemMain:has(*) {
  margin-bottom: 20px;
}

#universalMenuNavi .itemMain.iconButton a {
  display: grid;
  grid-template-columns: 22px 1fr;
  grid-template-rows: auto;
  gap: 10px;
}

#universalMenuNavi .itemMain.iconButton a i {
  text-align:center;
}

#universalMenuNavi .itemMain .itemBold {
  font-family: var(--primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

#universalMenuNavi .topicButton,
#universalMenuNavi .topicButtonFirst {
  border-bottom: 1px solid var(--grey-2);
  padding: 10px 0;
}

#universalMenuNavi .topicButton a,
#universalMenuNavi .topicButtonFirst a {
  display: grid;
  grid-template-columns: 1fr 20px;
  grid-template-areas: 'text icon' 'hint icon';
  position: relative;
}

.topicButton,
.topicButtonFirst {
  margin: unset !important;
}

.topicButton + *,
.topicButtonFirst + * {
  margin-top: 20px;
}

#universalMenuNavi .topicButtonFirst {
  border-top: 1px solid var(--grey-2);
}

#universalMenuNavi .topicButton .icon-icon_arrow_right,
#universalMenuNavi .topicButtonFirst .icon-icon_arrow_right {
  grid-area: icon;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#universalMenuNavi .topicButton .itemCaps,
#universalMenuNavi .topicButtonFirst .itemCaps  {
  grid-area: text;
  text-transform: uppercase;
  letter-spacing: 2.4px;
}

#universalMenuNavi .topicButton .hint,
#universalMenuNavi .topicButtonFirst .hint {
  grid-area: hint;
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 14px;
  padding-top: 10px;
}

/* quick search field */
input#search-term-mobil {
  width: calc(100% - 40px);
}

.navigationContainermobile .icon.searchbutton {
  color: var(--trademark);
  font-size: 20px;
  position: absolute;
  top: 20px;
  right: 10px;
  cursor: pointer;
}

.mainNavigation {
  position: relative;
}

.mainNavigation .searchform {
  max-width: 450px;
  width:100%;
  background: #fff;
  opacity: 0;
  position: absolute;
  top: 45px;
  right:0;
  transition: all ease 0.3s;
  box-shadow: 0px 3px 5px var(--grey-2);
  height: 0;
  pointer-events: none;
}

.mainNavigation input#search-term-header {
  width:100%;
}

.mainNavigation .searchform.searchContainer_open {
  transition: all ease 0.3s;
  opacity: 1;
  height: auto;
  pointer-events: initial;
}

.mainNavigation .searchform .header-searchform {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 10px 0 20px 15px;
}

.mainNavigation .searchform .header-searchform button {
  width: min-content;
  margin: 0 15px 0 10px;
}


.mainNavigation .searchform .schnellsuche {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 20px 15px 15px 15px;
}

.mainNavigation .searchform .schnellsuche .text,
.mainNavigation .searchform .quickLinksBox .text {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--grey-2);
  flex: 0 1 100%;
  border-bottom: 1px solid var(--grey-2);
}

.mainNavigation .searchform .schnellsuche button {
  margin: unset;
}

.mainNavigation .searchform .quickLinksBox {
  padding: 10px 15px;
}

.mainNavigation .searchform .quickLinksBox ul.quickLinks {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top:10px;
  }

  .mainNavigation .searchform .quickLinksBox .quickLinks li {
  font-size: 18px;
  color: var(--color-trademark);
  line-height: 20px;
  height: 40px;
  width: fit-content;
  margin: 0 10px 10px 0;
  border: 1px solid var(--color-trademark);
  background: #fff;
  border-radius: 5px;
  opacity: 1;
  padding: 8px 10px;
}

.searchFieldGroup {
  width:100%;
  padding: 0 15px;
}

.itemGroup {
  width: 100%;
  padding: 0 15px 30px 15Px;
}

.searchFieldContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.searchFieldLine {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.searchFieldLine #resetButton {
  position: absolute;
  right: 10px;
  font-size: 12px;
  color: var(--blue-intense);
}

.searchFieldContainer button.button.secondary {
  max-width:50px !important;
  margin: 15px 0 15px 10px !important;  
}

.searchField {
  width:100%;
  color: var(--trademark);
  border: 1px solid var(--trademark);
  text-align: center;
}

.mainNavigation .fcms-facetedsearch-suggest {
  position: absolute;
  top: 45px;
  right: 0;
  max-height: calc(100vh - 30%);
  width: calc(100vw - 30px);
  max-width: 450px;
  z-index: 9999 !important;
  display: none;
  overflow-y: auto;
  background: var(--white);
}

.mainNavigation .fcms-facetedsearch-suggest >*,
.navigationContainerUniversal .fcms-facetedsearch-suggest-mobile >* {
  padding-left: 10px;
  padding-right: 10px;
}

.mainNavigation .fcms-facetedsearch-suggest .itemGroup,
.navigationContainerUniversal .fcms-facetedsearch-suggest-mobile .itemGroup {
  margin-bottom: 15px;
}

.mainNavigation .fcms-facetedsearch-suggest .itemGroup hr,
.navigationContainerUniversal .fcms-facetedsearch-suggest-mobile .itemGroup hr {
  margin: 2px 0 10px 0;
}

.mainNavigation .fcms-facetedsearch-suggest .itemGroupList,
.navigationContainerUniversal .fcms-facetedsearch-suggest-mobile .itemGroupList {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.navigationContainerUniversal .fcms-facetedsearch-suggest-mobile {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 599px;
  z-index: 9999 !important;
  display: none;
  overflow-y: auto;
  background: var(--white);
}

li.mainLayer.tiefe1.subNavMobilLayer--aktiv > ul.subLayer.subNavMobilLayer{
	display: block;
}

li.mainLayer.tiefe1.withsub:not(.subNavMobilLayer--aktiv) > ul.subLayer.subNavMobilLayer{
	display: none;
}

li.mainLayer.tiefe1.subNavMobilLayer--aktiv > .subNavMobilToggle .toggleicon,
.subNavMobilToggleButton--aktiv > .toggleicon,
.subNavMobilToggle .toggleicon:active {
	transform: rotate3d(0, 0, 1, 180deg);
  transition: all ease 0.5s;
}

li.preventToggle  {
        pointer-events: none;
    }

.subNavMobilLayer {
 display: none;
 transition: all ease 0.5s;
}

.subNavMobilLayer.subNavMobilLayer--aktiv {
 display: block;
 transition: all ease 0.5s;
}

.navigationContainermobile .badge.iconbadge {
 height: 42px;
 padding: 0 15px 3px 15px;
 border-radius: 10px;
 display: inline-flex;
 align-items: center;
 color: #fff;
 background: var(--color-accent);
 font-size: 24px;
 font-weight: 600;
 transition: all ease 0.5s;
 margin: 0 auto;
 cursor: pointer;
}


.navigationContainermobile .badge.iconbadge:hover {
background: var(--color-bourgundy);
padding: 0 12px 3px 12px;
transition: all ease 0.5s;
margin-left: 63px;

}

.navigationContainermobile .badge.iconbadge .icon {
 margin-right: 5px;
 font-size: 20px!important;
}

/* logo switch in navid24 */

html.nt_ft #navLogoFT,
html.nt_ct #navLogoCT,
html.nt_br #navLogoBR,
html.nt_sz #navLogoSZ,
html.nt_kt #navLogoKT {
  display:block;
}

/* topic navi switch */
.nt_ft .gliderNaviList .navift {
    display:flex !important;
}
.nt_ct .gliderNaviList .navict {
    display:flex !important;
}
.nt_br .gliderNaviList .navibr {
    display:flex !important;
}
.nt_sz .gliderNaviList .navisz {
    display:flex !important;
}

/* Breadcrumb */

.breadcrumb {
 grid-column: 2 / 3;
 align-items: center;
 padding: 15px 0;
 font-size: 16px;
  line-height: 20px;
  color: var(--grey-2);
  z-index: 1001;
}

.breadcrumb a,
.breadcrumb .link {
color: var(--accent);
 font-weight: 400;
 font-size: 16px;
 line-height: 20px;
 text-decoration: underline;
 display: inline-block;
}

.breadcrumb a:hover,
.breadcrumb .link:hover {
    color: var(--burgundy); 
}


.breadcrumb .nolink,
.breadcrumb .detailelement,
.breadcrumb .activeBreadCrumb {
color: var(--color-trademark);
 font-weight: 400;
 font-size: 16px;
 line-height: 20px;
 display: inline-block;
}

/* fuer Startseiten */
.breadcrumb .nolink.k996 h1,
.breadcrumb .nolink.k1236 h1,
.breadcrumb .nolink.k1250 h1,
.breadcrumb .nolink.k1652 h1,
.tiefe1_aktiv.nolink.titel h1{
 display: none;
}

.breadcrumb .detailelement {
 display: inline;
 overflow: hidden;
 hyphens: auto; 
}

.breadcrumb .startseite {
 max-width: calc(100vw - 80px);
 overflow: hidden;
}

.breadcrumb .breadCrumbTrenner {
font-size: 12px;
line-height: 0.5;
color: var(--trademark);
margin: 0 5px;
}

.breadcrumb a.dispNo,
.dispNo {
  display: none;
}

@media screen and (max-width: 1241px) {
.breadcrumb {
width: 800px;
 max-width: calc(100% - 30px);
 grid-column: 1 / -1;
 margin: 0 auto;
 overflow: hidden;
 display: flow-root;
}

}



/* webfonts.css */
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('/design/fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/design/fonts/source-sans-pro-v14-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
       url('/design/fonts/source-sans-pro-v14-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/design/fonts/source-sans-pro-v14-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('/design/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/design/fonts/source-sans-pro-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('/design/fonts/source-sans-pro-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/design/fonts/source-sans-pro-v14-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('/design/fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/design/fonts/source-sans-pro-v14-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('/design/fonts/source-sans-pro-v14-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/design/fonts/source-sans-pro-v14-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('/design/fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/design/fonts/source-sans-pro-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('/design/fonts/source-sans-pro-v14-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/design/fonts/source-sans-pro-v14-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}

/* Achtung! Einbindung icomoon-Font in tinyhead.tpl! */

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-enlarge:before {
  content: "\e918";
}

.icon-short_arrow:before {
  content: "\e92f";
  color: #002566;
}
.icon-small_menu:before {
  content: "\e930";
}
.icon-jump_up:before {
  content: "\e931";
}
.icon-icon_twitter:before {
  content: "\e900";
  color: #333647;
}
.icon-icon_instagram:before {
  content: "\e901";
}
.icon-icon_facebook .path1:before {
  content: "\e902";
  color: rgb(51, 54, 71);
}
.icon-icon_facebook .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_whatsapp .path1:before {
  content: "\e904";
  color: rgb(255, 255, 255);
}
.icon-icon_whatsapp .path2:before {
  content: "\e905";
  margin-left: -0.998046875em;
  color: rgb(255, 255, 255);
}
.icon-icon_whatsapp .path3:before {
  content: "\e906";
  margin-left: -0.998046875em;
  color: rgb(51, 54, 71);
}
.icon-icon_whatsapp .path4:before {
  content: "\e907";
  margin-left: -0.998046875em;
  color: rgb(51, 54, 71);
}
.icon-icon_share:before {
  content: "\e908";
}
.icon-icon_arrow_double_left:before {
  content: "\e909";
}
.icon-icon_arrow_double_right:before {
  content: "\e90a";
}
.icon-icon_arrow_down:before {
  content: "\e90b";
}
.icon-icon_arrow_left:before {
  content: "\e90c";
}
.icon-icon_arrow_right:before {
  content: "\e90d";
}
.icon-icon_arrow_up:before {
  content: "\e90e";
}
.icon-icon_calendar:before {
  content: "\e90f";
}
.icon-icon_fail:before {
  content: "\e910";
  color: #a50520;
}
.icon-icon_ok:before {
  content: "\e911";
  color: #026818;
}
.icon-icon_phone:before {
  content: "\e912";
}
.icon-icon_bookmark_neg .path1:before {
  content: "\e913";
  color: rgb(178, 170, 168);
}
.icon-icon_bookmark_neg .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_mail:before {
  content: "\e915";
}
.icon-icon_copy:before {
  content: "\e916";
}
.icon-icon_forward:before {
  content: "\e917";
}
.icon-icon_search:before {
  content: "\e918";
}
.icon-icon_exit:before {
  content: "\e919";
}
.icon-icon_arrow_double_left_neg:before {
  content: "\e91a";
  color: #fff;
}
.icon-icon_arrow_double_right_neg:before {
  content: "\e91b";
  color: #fff;
}
.icon-icon_arrow_down_neg:before {
  content: "\e91c";
  color: #fff;
}
.icon-icon_arrow_left_neg:before {
  content: "\e91d";
  color: #fff;
}
.icon-icon_arrow_right_neg:before {
  content: "\e91e";
  color: #fff;
}
.icon-icon_arrow_up_neg:before {
  content: "\e91f";
  color: #fff;
}
.icon-icon_bookmark:before {
  content: "\e920";
}
.icon-icon_comment:before {
  content: "\e921";
}
.icon-icon_fplus .path1:before {
  content: "\e922";
  color: rgb(130, 4, 25);
}

.intro .icon.icon-icon_fplus .path2:before {
  content: "\e923";
  color: rgb(23, 34, 67);
  }
.icon-icon_fplus .path2:before {
  content: "\e923";
  margin-left: -0.8125em;
  color: rgb(23, 34, 67);
}
.icon-icon_fplus_neg:before {
  content: "\e924";
  color: #fff;
}
.icon-icon_log_out_hover .path1:before {
  content: "\e925";
  color: rgb(51, 54, 71);
}
.icon-icon_log_out_hover .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(165, 5, 32);
}
.icon-icon_loged_in .path1:before {
  content: "\e927";
  color: rgb(51, 54, 71);
}
.icon-icon_loged_in .path2:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(51, 54, 71);
}
.icon-icon_loged_in .path3:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(2, 104, 24);
}
.icon-icon_login:before {
  content: "\e92a";
}
.icon-icon_menue_closed:before {
  content: "\e92b";
}

.icon-menu_search:before {
  content: "\e97c";
}

.icon-icon_set_bookmark_hover .path1:before {
  content: "\e92c";
  color: rgb(51, 54, 71);
}
.icon-icon_set_bookmark_hover .path2:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(2, 104, 24);
}
.icon-icon_show:before {
  content: "\e92e";
  color: #333647;
}

.icon-icon_show.is-visible:before {
  content: "\e932";
  color: #333647;
}

.icon-icon_hide:before {
  content: "\e932";
  color: #333647;
}
.icon-FT_signet_pos:before {
  content: "\e933";
  color: #172243;
}
.icon-FT_signet_neg:before {
  content: "\e934";
  color: #fff;
}
.icon-icon_audio_neg:before {
  content: "\e935";
  color: #fff;
}
.icon-icon_audio:before {
  content: "\e936";
}
.icon-icon_chart_neg:before {
  content: "\e937";
  color: #fff;
}
.icon-icon_chart:before {
  content: "\e938";
}
.icon-icon_juxtapose_neg:before {
  content: "\e939";
  color: #fff;
}
.icon-icon_juxtapose:before {
  content: "\e93a";
}
.icon-icon_map_neg:before {
  content: "\e93b";
  color: #fff;
}
.icon-icon_map:before {
  content: "\e93c";
}
.icon-icon_series_neg:before {
  content: "\e93d";
  color: #fff;
}
.icon-icon_series:before {
  content: "\e93e";
}
.icon-icon_video_neg:before {
  content: "\e93f";
  color: #fff;
}
.icon-icon_video:before {
  content: "\e940";
}
.icon-pictures:before {
  content: "\e941";
}
.icon-pictures_neg:before {
  content: "\e942";
  color: #fff;
}
.icon-pP_Iconset_bell:before {
  content: "\e949";
}
.icon-pP_Iconset_bell_neg:before {
  content: "\e94a";
  color: #fff;
}
.icon-logo_plus_pos:before {
  content: "\e943";
  color: var(--color-trademark);
}
.icon-logo_plus_neg:before {
  content: "\e944";
  color: #fff;
}
.icon-plus_sign_group .path1:before {
  content: "\e945";
  color: #a50520;
}
.icon-plus_sign_group .path2:before {
  content: "\e946";
  color: #fff;
  margin-left: -1em;
}
.icon-plus_combined_group .path1:before {
  content: "\e947";
  color: #22305c;
}
.icon-plus_combined_group .path2:before {
  content: "\e948";
  color: #fff;
  margin-left: -3.390625em;
}
.icon-plus_combined_group .path3:before {
  content: "\e95f";
  color: #a50520;
  margin-left: -3.390625em;
}
.icon-plus_combined_group .path4:before {
  content: "\e960";
  color: #fff;
  margin-left: -3.390625em;
}

.icon-check_bullet .path1:before {
  content: "\e96c";
  color: #88a4ce;
}
.icon-check_bullet .path2:before {
  content: "\e96d";
  color: #fff;
  margin-left: -1em;
}

.icon-check_bullet_hover .path1:before {
  content: "\e96a";
  color: #88a4ce;
}
.icon-check_bullet_hover .path2:before {
  content: "\e96b";
  color: #fff;
  margin-left: -1em;
}

.icon-check_bullet_active .path1:before {
  content: "\e968";
  color: #fff;
}
.icon-check_bullet_active .path2:before {
  content: "\e969";
  color: #002566;
  margin-left: -1em;
}

.icon-information:before {
  content: "\e967";
  color: #88a4ce;
}

.icon-information:hover::before {
  content: "\e966";
  color: #002566;
}

.icon-information_hover:before {
  content: "\e966";
  color: #002566;
}

.icon-information_active:before {
  content: "\e965";
  color: #002566;
}

.icon-exit_small:before {
  content: "\e964";
  color: #22305c;
}

.icon-arrow_small:before {
  content: "\e963";
  color: #22305c;
}

.icon-arrow_double_right_small:before {
  content: "\e962";
  color: #22305c;
}

.icon-settings:before {
  content: "\e961";
  color: var(--text);
}

.icon-twitter_X_pos:before {
  content: "\e96e";
  color: #22305c;
}

.icon-set_bookmark_active .path1:before {
  content: "\e96f";
  color: #026818;
}
.icon-set_bookmark_active .path2:before {
  content: "\e970";
  color: #a50520;
  margin-left: -0.7041015625em;
}

.icon-set_bookmark .path1:before {
  content: "\e971";
  color: #22305c;
}
.icon-set_bookmark .path2:before {
  content: "\e972";
  color: #a50520;
  margin-left: -0.73046875em;
}

.icon-Safety:before {
  content: "\e973";
  color: #22305c;
}

.icon-clock_time:before {
  content: "\e974";
  color: inherit;
}

.icon-geotag:before {
  content: "\e975";
  color: inherit;
}

.icon-changeover:before {
  content: "\e976";
  color: inherit;
}

.icon-alarm_clock:before {
  content: "\e977";
  color: inherit;
}

.icon-cutlery:before {
  content: "\e978";
  color: inherit;
}

.icon-moon:before {
  content: "\e979";
  color: inherit;
}

.icon-sun:before {
  content: "\e97a";
  color: inherit;
}

.icon-ticket:before {
  content: "\e97d";
  color: inherit;
}

/* basics-rm.css */
@media screen and (max-width: 1241px) {
  .topaufmacherbox.topaufmacher-ohnewerb {
      grid-template-rows: repeat(2,auto);
  }
  .topaufmacherbox.topaufmacher-ohnewerb .topteaser.nummer-3 {
      grid-column: 4 / 7;
      grid-row: 2 / 3;
  }
  
}

@media screen and (max-width: 799px) {
  .topaufmacherbox.topaufmacher-ohnewerb .topteaser.nummer-3 {
      grid-column: 1 / -1;
      grid-row: 3 / 4;
  }
}

/* Sechserbox */
.contentbox.content-sechserbox .aufmacherbox.defaultbox {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-template-rows: auto;
    column-gap: 25px;
    row-gap: 30px;
}

.contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    grid-template-rows: 30px minmax(50px,auto) minmax(0,1fr);
    grid-template-areas: "teaser-image category" "teaser-image teaser-headline" "teaser-lead teaser-lead";
    border-bottom: 2px solid var(--color-border);
    padding-bottom: 30px;
}
.contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser .teaser-image {
  grid-area: teaser-image;
  margin-right: 15px;
}
.contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser .category {
  grid-area: category;
  font-size: 18px;
  line-height: 25px;
}
.contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser .teaser-headline {
  grid-area: teaser-headline;
  font-size: 24px;
  line-height: 32px;
  align-self: start;
}
.contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser .teaser-lead {
    grid-area: teaser-lead;
    border-bottom: 0;
    padding-bottom: 0;
}

.content-sechserbox .topteaser.special {
  display: none;
}

.content-sechserbox .topteaser.special .slot-topmobile span {
  display: inline-block;
  width: 300px;
}

@media screen and (max-width: 1241px) {
  .contentbox.content-sechserbox .aufmacherbox.defaultbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: repeat(4, auto);
    column-gap: 30px;
    row-gap: 30px;
  }
  
  .content-sechserbox .topteaser.special {
      display: initial;
      grid-column: 2 / 3;
      grid-row: 1 / 3;
  }


  .content-sechserbox .topteaser.special .slot-topmobile {
    display: flex;
    flex-direction: column;
  }


  .contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser .teaser-image {
      margin-right: 15px;
      margin-bottom: 10px;
  }  
  
}

@media screen and (max-width: 799px) {
  .contentbox.content-sechserbox .aufmacherbox.defaultbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(7, auto);
    column-gap: 0;
    row-gap: 20px;
    padding: 0 10px;
  }
  
  .contentbox.content-sechserbox .aufmacherbox.defaultbox .teaser {
    padding-bottom: 15px;
    margin: 0 10px 0 10px;
  }
  
  .content-sechserbox .topteaser.special {
      justify-self: center;
      display: initial;
      grid-column: 1 / 2;
      grid-row: 4 / 5;

      margin-top: 65px;
      margin-bottom: 65px;
      
  }  
  
  .content-sechserbox .topteaser.special .slot-topmobile {
    background: #FFFFFFD6;
  }
  
  .content-sechserbox .topteaser.special .slot-topmobile span {
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
  }  
  .content-sechserbox .topteaser.special .slot-topmobile:before {
    display: none;
  }
  
}

/* Viererbox */
.contentbox.viererbox-uebersicht .read-more-container {
  display: block;
  padding: 65px 0 0 0;
  text-align: center;
}

.contentbox.defaultlayout.overview .read-more-container{
  display: block;
  padding: 65px 0 0 0;
  text-align: center;
}

.read-more-container .read-more-link {
    font-size: 20px;
    line-height: 1em;
    cursor: pointer;

}
.read-more-container .read-more-link .icon {
    position: relative;
    bottom: -8px;
    font-size: 32px;

}

@media screen and (max-width: 1241px) {
  .contentbox.viererbox-uebersicht .aufmacherbox.viererbox {
    margin-bottom: 30px;
  }
  .contentbox.viererbox-uebersicht .read-more-container {
    display: block;
    padding: 35px 0;
    text-align: center;
  }

}

/* Viererbox default */
section.contentbox + .contentbox.defaultlayout.overview {
  margin-top: 65px;
}

/* Adds */

@media screen and (min-width: 600px) {
.sticky-ad-container,
.sticky-ad-container .icon-icon_exit {
  display: none;
}
}


.sticky-ad-container {
  position: fixed;
  bottom: -30px;
  padding-bottom:30px;
  z-index: 1003;
  left: 50%;
  transform: translate(-50%,0);
}

.sticky-ad-container .sticky-ad-toggle-button-container {
  position: absolute;
  right: 0px;
  top: 5px;
  z-index: 9999;
  cursor: pointer;
}

.sticky-ad-container .icon-icon_exit {
  font-size: 16px;
  text-shadow: 0px 0px 6px #00000091;
}

.sticky-ad-container.toggleStickyAdClass {
  bottom: -150px;
  transition: .8s ease;
  padding-bottom: 0;
}

.article_main .article_text .art-detail-bottom-ad {
    text-align: center;
    width: 300px;
    position: relative;
    margin: 30px auto;
}

.fcms_artdetail .art-detail-bottom-ad {
  margin-top: 13px;
}

/* Container für Abo-Banner */
#sticky-piano-container-foot{
    position: fixed;
    z-index: 1002;
    left: calc(50vw - 20px);
    transform: translate(calc(-50% + 20px),0);
    background-color: rgb(255 255 255 / 1);
    box-shadow: 0 0 20px #707070;
    border-radius: 5px 5px 0 0;
  	font-family: 'Source Sans Pro';
}

#sticky-piano-container-foot.toggleStickyPianoClassFoot.up {
    width: calc(100vw - 40px);
    bottom: 0;  /* Position --ausgefahren-- */
    transition: .8s ease;
}

#sticky-piano-container-foot.banner-background-1.toggleStickyPianoClassFoot.up,
#sticky-piano-container-foot.banner-background-2.toggleStickyPianoClassFoot.up,
#sticky-piano-container-foot.banner-background-3.toggleStickyPianoClassFoot.up,
#sticky-piano-container-foot.banner-background-4.toggleStickyPianoClassFoot.up {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto;
}

#sticky-piano-container-foot.banner-background-1.toggleStickyPianoClassFoot.up {
	background-image: url('/design/pics/banner/rudi_background.png');
    background-color: #F4E9DC;
}
#sticky-piano-container-foot.banner-background-2.toggleStickyPianoClassFoot.up {
	/*background-image: url('/design/pics/banner/lea_background.png');*/
    background-image: linear-gradient(to top, white 0%, #f5dddc 50%);
}
#sticky-piano-container-foot.banner-background-3.toggleStickyPianoClassFoot.up {
	background-image: url('/design/pics/banner/neutral_background.png');
}
#sticky-piano-container-foot.banner-background-4.toggleStickyPianoClassFoot.up {
	background-image: url('/design/pics/banner/ingrid_background.png');
    background-color: #C9CDA3;
}


@media screen and (min-width: 1242px) {
/* Dimensionierung Desktop*/
#sticky-piano-container-foot.toggleStickyPianoClassFoot.up {
    max-width: 900px;
    height: auto;
    /*max-height: 360px;*/
    }

#sticky-piano-container-foot.toggleStickyPianoClassFoot { 
  bottom: -360px; /* Default-Position --verborgen-- */
  transition: .8s ease;
}    
}

@media screen and (max-width: 1241px) {
/* Dimensionierung Tablet*/
#sticky-piano-container-foot.toggleStickyPianoClassFoot.up {
    max-width: 650px;
    height: auto;
    /*max-height: 360px;*/
    }

#sticky-piano-container-foot.toggleStickyPianoClassFoot {
  bottom: -360px; /* Default-Status --verborgen--*/
  transition: .8s ease;
}
}

@media screen and (max-width: 799px) {
/* Dimensionierung Mobile*/
#sticky-piano-container-foot.toggleStickyPianoClassFoot.up {
    max-width: 390px;
    height: auto;
    /*max-height: 420px;*/
    }

#sticky-piano-container-foot.toggleStickyPianoClassFoot {
  bottom: -420px; /* Default-Status --verborgen--*/
  transition: .8s ease;
}
    
}

/* weitere Werbeplätze */


.read-more-btn{
width: 278px;
    max-width: 100%;
    font-size: 23px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    border-radius: 10px;
    color: #FFFFFF;
    background: #22305C;
    opacity: 1;
}

a .read-more-btn-small {
    width: fit-content;
    font-size: 20px;
    height: 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    color: var(--color-accent);
    }
    
#read-more-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    }

@media only screen and (min-width: 799px ){
.read-more-btn:hover{
background-color:#002566;
}
}

.read-more-btn>div{
text-align: center;
font: normal normal normal 23px/29px Source Sans Pro;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}

/* webpush */
.fcms-webpush.notifications_unsupported {
    display: none !important;
  }
    
  .fcms-webpush-widget {
    position: relative;
  }
  
  .fcms-webpush-widget.notifications_granted.loading:after {
    content: '';
    display: block;
    background: rgb(255 255 255 / 0.8);
    position: absolute;
    top: 0;left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
  }
  
  .fcms-webpush .webpush-layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0px;
    background: rgb(255 255 255 / 0.8);
    width: 100%;
    z-index: 2147483645;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .fcms-webpush-widget .webpush-layer {
    padding: 20px;
    margin: 20px 0;
    border: 2px solid var(--color-border);
  }
  
  .fcms-webpush-widget .webpush-button {
    display: none !important;
  }
  
  .fcms-webpush-widget.notifications_default .webpush-layer[data-fcms-domid="webpush-layer-prefixpage"],
  .fcms-webpush-widget.notifications_granted .webpush-layer[data-fcms-domid="webpush-layer-servicelist"],
  .fcms-webpush-widget.notifications_denied .webpush-layer[data-fcms-domid="webpush-layer-blockedinfo"] {
    display: block !important;
  }
  
  .fcms-webpush .webpush-layer .layer-content {
    z-index: 900000;
    width: 374px;
    max-width: calc(100vw - 40px);
    background: var(--color-grey1);
  }
  
  .fcms-webpush .webpush-layer .layer-header {
    display: flex;
    height: 2.25em;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-size: 32px;
    color: #fff;
    background: var(--color-background);
  }
  
  .fcms-webpush .webpush-layer .layer-body {
    padding: 15px 20px 20px 20px;
  }
  
  .fcms-webpush .webpush-layer .layer-body p {
    margin: 10px 0 10px 0;
  }
  
  .fcms-webpush .webpush-layer .layer-body a {
    color: var(--color-accent);
    font-weight: 700;
  }
  
  .fcms-webpush .webpush-layer .layer-body ul,
  .fcms-webpush-widget .webpush-layer .layer-body ul {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
  }
  
  .fcms-webpush .webpush-layer .layer-body ul li,
  .fcms-webpush-widget .webpush-layer .layer-body ul li {
    padding-left: 0;
  }
  
  .fcms-webpush .webpush-layer .layer-body ul li label,
  .fcms-webpush-widget .webpush-layer .layer-body ul li label{
    display: inline-grid;
    font-size: 20px;
  }
  
  .fcms-webpush .webpush-layer .layer-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px 20px 20px;
  }
  
  .fcms-webpush .webpush-layer .layer-footer:before {
    content: '';
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 2px solid var(--color-border);
  }
  
  .fcms-webpush .webpush-layer .layer-footer button,
  .fcms-webpush-widget .webpush-layer .layer-content button {
    margin-bottom: 20px;
    }
  
  .fcms-webpush button.button-confirm,
  .fcms-webpush-widget button.button-confirm{
  background-color: var(--color-indicator);
  }
  
  .fcms-webpush button.button-exit,
  .fcms-webpush-widget button.button-exit {
  background-color: var(--color-spacer);
  }
  
  
  .fcms-webpush .webpush-button {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 2147483637;
    cursor: pointer;
    user-select: none;
    transform: scale(.8);
    transition: all 0.15s ease;
  }
  
  .fcms-webpush .webpush-button .webpush-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
    font-size: 28px;
    color: #fff;
    background-color: var(--color-indicator);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 24px -4px rgb(0 0 0 / 50%);
  }
  
  .fcms-webpush .webpush-button .webpush-tooltip {
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    opacity: 0;
    padding: 10px;
    margin-left: 15px;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    background: var(--color-text);
    transform: translate3d(-10px, -50%, 0);
    pointer-events: none;
    transition: all .35s ease;
  }
  
  .fcms-webpush .webpush-button:hover .webpush-tooltip {
    opacity: 1;
    transform: translate3d(0, -50%, 0);
  }
  
  .fcms-webpush .webpush-button .webpush-tooltip:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -9px -1px 0 0;
    height: 0;
    border: 9px solid transparent;
    border-right-color: var(--color-text);
  }
  
  .fcms-webpush .icon.icon-icon_exit{
      font-size: 23px;
  }
  
  .fcms-webpush.notifications_granted .webpush-button .webpush-tooltip:after {
    content: 'Benachrichtigungen sind aktiviert. Hier klicken um die abonnierten Services zu bearbeiten.';
  }
  
  .fcms-webpush.notifications_denied .webpush-button .webpush-tooltip:after {
    content: 'Benachrichtigungen sind blockiert.';
  }
  
  .fcms-webpush.notifications_default .webpush-button .webpush-tooltip:after {
    content: 'Klicken Sie hier um Benachrichtigungen zu erhalten.';
  }

/* static-teaser.css */
#static-teaser-plus-1,
#static-teaser-plus-2,
#static-teaser-bkgPic {
display:flex;
align-items:center;
justify-content:center;
justify-content: flex-end;
flex-direction:column;
width:100%;
height: 500px;
max-width: 390px;
background-repeat: no-repeat;
background-size: auto 100%;
padding:10px;
}

.static-teaser-content > *,
.static-teaser-content .teaserHookline > *,
.static-teaser-content .copy > *,
.static-teaser-content .logoButton > *,
.static-teaser-content .buttonEMContainer  > *
{
pointer-events:none;
}

#static-teaser-plus-3{
	width: 100%;
    background: var(--blue-medium);
    display:flex;
	flex-direction: row;
    align-items: center;
    padding: 10px;
	column-gap:10px;
	margin-bottom:10px;
}

.static-teaser-content {
text-align:center;
color:var(--trademark);
padding: 0 20px;
}

.static-teaser-content .teaserHookline {
color:white;
font-size:24px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
/*border-radius:14px;
-webkit-box-shadow: 0px 0px 30px 16px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 30px 16px rgba(255,255,255,1);
box-shadow: 0px 0px 30px 16px rgba(255,255,255,1);
background-color:rgba(255,255,255,0.9);*/
text-shadow: 0px 4px 3px rgb(0 0 0 / 0.4), 0px 8px 13px rgb(0 0 0 / 0.1), 0px 18px 23px rgb(0 0 0 / 0.1);
}

.static-teaser-content .copy {
    background: rgb(255, 255, 255, 0.7);
    font-size: 24px;
    line-height: 26px;
    padding: 10px;
    margin: 0 0 20px 0;
    min-width:250px;
}

.static-teaser-content .copy .bold {
font-weight:700;
}

.static-teaser-content #shop_button {
  background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.buttonEMContainer {
margin: 20px 0 10px 0;
}

.logoButton {
display:flex;
flex-direction:row;
    align-items: center;
    background-color: var(--accent);
    position: relative;
    border-radius: 20px;
    height: 40px;
    border: solid 1px white;
    font-size: 20px;
    font-weight: 600;
    color: white;
    padding: 5px;
    justify-content: center;
}

#mouse_pointer {
width: 45px;
    position: absolute;
    right: -11px;
    bottom: -13px;
}

.logoButton img {
width:65px;
position:absolute;
left:-20px;
}

#static-teaser-plus-3 .bannerText,
#static-teaser-plus-1 .bannerText,
#static-teaser-plus-2 .bannerText,
#static-teaser-bkgPic .bannerText {
display:flex;
flex-direction:column;
justify-content: flex-start;
color:white;
}
#static-teaser-plus-3 .bannerText .bannerCategory {
font-size:16px;
line-height: 18px;
font-weight:300;
text-transform:uppercase;
letter-spacing: .1em;
}

#static-teaser-plus-3 .bannerText .bannerHookline {
font-size:20px;
line-height: 24px;
font-weight:600;
}

#static-teaser-plus-3 .bannerText .bannerCopy {
font-size:16px;
line-height: 18px;
font-weight:300;
}

@media screen and (max-width: 799px) {
#static-teaser-plus-1 {
display: none;
}
#static-teaser-plus-2,
#static-teaser-bkgPic {
display: flex;
margin:30px auto;
}
}
@media screen and (min-width: 800px) {
#static-teaser-plus-1,
#static-teaser-bkgPic {
display: flex;
}
#static-teaser-plus-2 {
display: none;
}
}

/* banner ads */
#static-teaser-plus-3{
width: 100%;
    background: var(--blue-medium);
    display:flex;
flex-direction: row;
    align-items: center;
    padding: 10px;
column-gap:10px;
margin-bottom:10px;
}

#static-teaser-plus-3 #buergernadel_logo {
width:90px;
height:auto;
}

#static-teaser-plus-3 .bannerText {
display:flex;
flex-direction:column;
justify-content: flex-start;
color:white;
}
#static-teaser-plus-3 .bannerText .bannerCategory {
font-size:16px;
line-height: 18px;
font-weight:300;
text-transform:uppercase;
letter-spacing: .1em;
}

#static-teaser-plus-3 .bannerText .bannerHookline {
font-size:20px;
line-height: 24px;
font-weight:600;
}

#static-teaser-plus-3 .bannerText .bannerCopy {
font-size:16px;
line-height: 18px;
font-weight:300;
}

/* article teaser */

.staticArticleTeaserBox {
    margin-bottom: 20px;
}

#static-teaser-bkgPic .teaserElement {
    display:flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    background: rgb(255, 255, 255, 0.7);
    padding: 10px;
    margin: 0 0 20px 0;
    min-width:250px;
}

#static-teaser-bkgPic .teaserElement img {
    width:100%;
}

#static-teaser-bkgPic .teaserElement .teaserHeadline{
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: var(--trademark);
}

/* global styles static teaser */

.staticTeaserBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative; 
    max-width:570px;
    width: 100%;
    padding: 15px;
}

.content-left .staticTeaserBox:not(:first-child),
.content-right .staticTeaserBox:not(:first-child) {
    margin: 30px auto 10px auto;
}

.content-left .staticTeaserBox:first-child,
.content-right .staticTeaserBox:first-child,
.inner-content .staticTeaserBox {
    margin: 0 auto 10px auto;
}

.staticTeaserBox.img {
    background-repeat: no-repeat;
    background-size: 90%;
    background-position-y: bottom;
    background-position-x: center;
}

.staticTeaserBox.heaven {
    background-color: #5372a8;
}

.staticTeaserBox.bordeaux {
    background-color: #7f2104;
}

.staticTeaserBox.lightBlue {
    background-color: #c2cce9;
}

.staticTeaserBox p.copy.neg {
    color: white;
}

.staticTeaserBox p.copy.pos {
    color: var(--trademark);
}

.staticTeaserBox header.neg {
    color: white;
}

.staticTeaserBox header.pos {
    color: var(--trademark);
}

.staticTeaserBox #bckgImage {
    position: absolute; 
    bottom:0; 
    width: -webkit-fill-available; 
    max-height:100%;
}

.staticTeaserBox header {
    font-size:30px;
    line-height:36px;
}

.staticTeaserBox p.copy {
    position: relative;
}

.staticTeaserBox .cta {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    position: relative;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
    -webkit-tap-highlight-color: #fff0;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    width: 100%;
    max-width: 375px;
    min-height: 40px;
    border-radius: 10px;
    padding: 8px 10px 10px 10px;
    font-family: var(--font-primary);
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    transition: all ease 0.5s;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none !important;
}

.staticTeaserBox .cta.red {
    color: white;
    background-color: var(--accent);
}

/* static teaser article */

#staticTeaserSmall{
	margin: 20px auto; 
    position: relative;
}

#staticTeaserSmall img {
	width: -webkit-fill-available;
}

#hookline{
  width:100%;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: white;
  padding:20px 0;
  }

.pictureBox {
  position:absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  max-width:570px;
  width:100%;
  padding-bottom: 5%
  
  }

.pictureBox.shader {
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 0%, rgb(0 0 0 / .7) 70%);
}

.pictureBox.shader.blue {
    background-image: linear-gradient(to bottom, #00256600 0%, #002566b3 70%);
  }

.pictureBox .button.primary {
  max-width:350px;
  }

.pictureBox .button.primary a {
	color: white;
    text-decoration: none;
    font-weight: 400;
}