/* Seite ist ausschließlich hell gestaltet. Verhindert, dass Browser
   (z. B. Samsung Internet) die Seite automatisch zwangs-dunkelfärben und
   dabei z. B. die schwarze Box vor h2-Überschriften unlesbar wird. */
:root {
  color-scheme: only light;
}

:focus:not(:focus-visible) {
  outline: none;
}
:focus-visible {
  outline: 3px dashed rgb(196, 20, 40); 
  /*outline: 3px dashed highlight;*/
  outline-offset: -3px;
 
}


/* Keep keyboard focus visible on FAQ/Text-Accordion buttons (same red focus frame as menu). */
.area-text-accordion .accordion .card-header button {
  margin: 0;
  width: 100%;
}





.footer__link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
    text-align: center;
}
.alert {
    align-items: flex-start;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem


}

.mainpage {
      flex: 1;  	
	/*padding-bottom: 1.5em;*/
	padding-bottom: 3em;
}

.border_red {
    border-bottom: 5px solid rgb(146 20 40/var(--tw-bg-opacity)) !important;
}

.border_footer {
    border-top: 5px solid #333 !important;
		
}

.back-to-top {
    color: #fff;
    background-color: rgb(146 10 26/var(--tw-bg-opacity));
    border-color: rgb(146 10 26/var(--tw-bg-opacity));
    position: fixed; /* Keep it fixed for accessibility */
    bottom: 1rem;
    right: 1rem;
    padding: 0.75rem 1rem;
    border-radius: .5rem; /* Circular button for a modern look */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow for depth */
    transition: all 0.3s ease, opacity 0.2s ease, visibility 0.2s ease; /* Smooth transitions for hover effects */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}




.back-to-top:hover {
    --tw-border-opacity: 1;
    border-color: rgb(146 10 26/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
	color: rgb(51 56 63/var(--tw-text-opacity));
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}


.consent-close {
    color: #fff;
	font-size:150%; 
	font-weight:bold;
    background: rgb(146 10 26) !important;
    border: 1px solid rgb(146 10 26);
    padding: 0rem 0.5rem 0.25rem 0.5rem;
	margin-left: 0.25rem;
    border-radius: .5rem; /* Circular button for a modern look */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow for depth */
    transition: all 0.3s ease; /* Smooth transitions for hover effects */
}


.consent-close:hover,
.consent-close:focus,
.consent-close:focus-visible {
    background: #fff !important;
	border-color: rgb(25 25 25);
	color: rgb(25 25 25);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}




.consent-close:active {
    background-color: rgb(97 4 14);
	border-color: rgb(97 4 14);
	color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}


@media (max-width: 768px) {
    .back-to-top {
        bottom: 2rem; /* Move it upwards slightly to avoid conflict with UI elements */
        right: 1.25rem;
        left: auto;
        transform: none;
        border-radius: 5px; /* Optional: Rounded rectangle instead of a circle */
        padding: 0.5rem 1.25rem;
    }
}


.alert ul li {
    list-style-type: disc;
    margin-bottom: .125rem;
    margin-left: 1rem
}

.alert__text {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.alert__text ul {
    width: 100%
}

.alert__text--center {
    align-self: center
}

.alert.alert-error {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 229 215/var(--tw-bg-opacity));
    font-size: .938rem;
    line-height: 1.5rem
}

.alert.alert-error svg {
    flex-shrink: 0;
    height: 3rem;
    margin-right: 1rem;
    width: 3rem;
    fill: #ee5600
}

a.button,button.button {
    align-items: center;
    display: flex;
    justify-content: center
}

a.button>:not([hidden])~:not([hidden]),button.button>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

a.button,button.button {
    border-radius: .5rem;
    border-style: solid;
    border-width: 2px;
    font-weight: 700;
    transition-duration: .5s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

/* More spacing between button and keyboard focus outline  "   */
a.button:focus-visible,
button.button:focus-visible {
    outline-offset: 2px !important; 
}


a.menubutton,button.menubutton {
    border-radius: .5rem;
    border-style: solid;
    border-width: 2px;
    font-weight: 700;
		margin-left: 0.5em;
	margin-right: 0.5em;
    transition-duration: .5s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

a.button--with-icon svg,button.button--with-icon svg {
    margin-left: .75rem
}

a.button--small,button.button--small {
    font-size: .813rem;
    line-height: 1rem;
    padding: .375rem 1rem
}

a.button--medium,button.button--medium {
    font-size: .938rem;
    line-height: 1.5rem;
    padding: .375rem 1rem
}

a.button--large,button.button--large {
    font-size: .938rem;
    line-height: 1.5rem;
    padding: .625rem 1.25rem
}

@media (max-width: 1024px) {
   a.button--primary-content {
      width: 100%;  /* untereinander auf kleinen Displays */
	  display: block !important;
	  text-align: center;
    }
  }

a.button--primary-content:hover {
    color: rgb(146 10 26/var(--tw-border-opacity)) !important; 
	
}

a.button--primary-content {
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important; 
	display: inline;
    text-decoration-line: none !important;
}

a.button--primary,button.button--primary {
    --tw-border-opacity: 1;
    border-color: rgb(146 10 26/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(146 10 26/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

a.button--primary:hover,button.button--primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(146 10 26/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
	color: rgb(51 56 63/var(--tw-text-opacity));
}

a.button--primary:focus,button.button--primary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity))
}

a.button--primary:active,button.button--primary:active {
    --tw-border-opacity: 1;
    border-color: rgb(97 4 14/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(97 4 14/var(--tw-bg-opacity))
}

a.button--primary span,button.button--primary span {
    --tw-text-opacity: 1;
    color: rgb(252 252 252/var(--tw-text-opacity))
}

a.button--primary svg,button.button--primary svg {
    fill: #ffffff
}

a.button--secondary,button.button--secondary {
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

a.button--secondary:hover,button.button--secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252/var(--tw-bg-opacity))
}

a.button--secondary:focus,button.button--secondary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity))
}

a.button--secondary:active,button.button--secondary:active {
    --tw-bg-opacity: 1;
    background-color: rgb(226 226 226/var(--tw-bg-opacity))
}

a.button--secondary span,button.button--secondary span {
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

a.button--secondary svg,button.button--secondary svg {
    flex-shrink: 0;
    fill: #33383f
}

a.button--secondary.back-to-top,button.button--secondary.back-to-top {
    align-items: center;
    border-radius: .5rem;
    border-style: solid;
    border-width: 2px;
    bottom: 1.5rem;
    display: flex;
    display: none;
    height: 3rem;
    justify-content: center;
    position: fixed;
    right: 1.5rem;
    width: 3rem;
    z-index: 30;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    transition-duration: .5s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

a.button--secondary.back-to-top:hover,button.button--secondary.back-to-top:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252/var(--tw-bg-opacity))
}

a.button--secondary.back-to-top:focus,button.button--secondary.back-to-top:focus {
    border-radius: .5rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity))
}

a.button--tertiary,button.button--tertiary {
    background-color: transparent;
    border-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

a.button--tertiary:hover,button.button--tertiary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

a.button--tertiary:focus,button.button--tertiary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity))
}

a.button--tertiary:active,button.button--tertiary:active {
    --tw-bg-opacity: 1;
    background-color: rgb(226 226 226/var(--tw-bg-opacity))
}

a.button--tertiary span,button.button--tertiary span {
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

a.button--tertiary svg,button.button--tertiary svg {
    fill: #33383f
}

a.button:disabled,a.button[disabled],button.button:disabled,button.button[disabled] {
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(226 226 226/var(--tw-bg-opacity))
}

a.button:disabled span,a.button[disabled] span,button.button:disabled span,button.button[disabled] span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

a.button:disabled svg,a.button[disabled] svg,button.button:disabled svg,button.button[disabled] svg {
    fill: #fff
}

a.button:disabled.is-loading span,a.button[disabled].is-loading span,button.button:disabled.is-loading span,button.button[disabled].is-loading span {
    color: transparent
}

a.button--tertiary:disabled,a.button--tertiary[disabled],button.button--tertiary:disabled,button.button--tertiary[disabled] {
    background-color: transparent;
    border-color: transparent
}

a.button--tertiary:disabled span,a.button--tertiary[disabled] span,button.button--tertiary:disabled span,button.button--tertiary[disabled] span {
    --tw-text-opacity: 1;
    color: rgb(111 118 126/var(--tw-text-opacity))
}

a.button--tertiary:disabled svg,a.button--tertiary[disabled] svg,button.button--tertiary:disabled svg,button.button--tertiary[disabled] svg {
    fill: #6f767e
}

.input {
    margin-bottom: 1.25rem
}

.input.has-errors .input__element {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(238 86 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 229 215/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(238 86 0/var(--tw-text-opacity));
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.input.has-errors .input__element:hover {
    --tw-border-opacity: 1;
    border-color: rgb(200 71 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 211 189/var(--tw-bg-opacity))
}

.input.has-errors ul li {
    --tw-text-opacity: 1;
    color: rgb(197 18 39/var(--tw-text-opacity))
}

.input--checkbox {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 24px repeat(1,1fr)
}

.input--checkbox .input__error-message {
    grid-column-end: 13;
    grid-column-start: 2
}

.input--checkbox .input__element {
    align-self: flex-start;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    border-width: 2px;
    color: currentcolor;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    grid-column-end: 2;
    grid-column-start: 1;
    height: 1.5rem;
    justify-self: start;
    margin: 0;
    place-content: center;
    position: relative;
    width: 1.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 0
}

.input--checkbox .input__element:hover {
    --tw-border-opacity: 1;
    border-color: rgb(197 18 39/var(--tw-border-opacity))
}

.input--checkbox .input__element:disabled,.input--checkbox .input__element[disabled] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.input--checkbox .input__element:disabled:hover,.input--checkbox .input__element[disabled]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity))
}

.input--checkbox .input__element:checked {
    --tw-border-opacity: 1;
    border-color: rgb(197 18 39/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(197 18 39/var(--tw-bg-opacity))
}

.form-checkbox--static-checked {
	color: #fff;
	padding-left: 0.2em;
   background-color: rgb(113 0 0 / var(--tw-bg-opacity)) ;
       border-radius: .275rem;
}
	
.form-checkbox--static {
	    border-radius: .375rem;
}

.form-checkbox--static:hover {
     border-color: rgb(226 226 226/var(--tw-border-opacity)) !important;
}

.form-checkbox--static:disabled:hover,.input--checkbox .input__element[disabled]:hover {
    --tw-border-opacity: 1;
 background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
}


.radio-option {
    margin-bottom: 0.5em;
}

.radio-label {
    display: inline;
    margin-left: 0.25em;
}

.radio-option input:checked:disabled {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(113 0 0/var(--tw-bg-opacity)) !important
}

.radio-option-block input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    border-width: 2px;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    display: block !important;
    width: 1.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: currentColor
}

.radio-button-block input:checked {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(197 18 39/var(--tw-bg-opacity))
}


.radio-option input:checked:disabled {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(113 0 0/var(--tw-bg-opacity))
}

.radio-button-block input:checked:disabled {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(113 0 0/var(--tw-bg-opacity))
}

.input--checkbox .input__element:checked:disabled,.input--checkbox .input__element:checked[disabled] {
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(113 0 0/var(--tw-bg-opacity))
}

.input--checkbox .input__element:checked:disabled:hover,.input--checkbox .input__element:checked[disabled]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity))
}

.input--checkbox .input__element:focus {
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity))
}

.input--checkbox .input__element:before {
    display: inline-block;
    height: 1.5rem;
    left: 50%;
    margin-left: -.75rem;
    margin-top: -.75rem;
    position: absolute;
    top: 50%;
    width: 1.5rem;
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    background-image: url(/build/images/icon-check.2992619a.svg);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    --tw-content: "";
    content: var(--tw-content)
}

.input--checkbox .input__element:before,.input--checkbox .input__element:checked:before {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.input--checkbox .input__element:checked:before {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.input--checkbox .input__element.has-error {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(238 86 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 229 215/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(238 86 0/var(--tw-text-opacity));
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.input--checkbox .input__element.has-error:hover {
    --tw-border-opacity: 1;
    border-color: rgb(200 71 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 211 189/var(--tw-bg-opacity))
}

.input--checkbox .label--checkbox {
    cursor: pointer
}


.input__element {
    border-radius: .5rem;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity));
    padding: .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 25 25/var(--tw-text-opacity))
}

.input__element:focus {
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity))
}

.input__element:disabled,.input__element[disabled] {
    --tw-bg-opacity: 1;
    background-color: rgb(225 225 225/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(2 2 2/var(--tw-text-opacity));
	  background-image: none !important;

}
´


.input__element:disabled::-moz-placeholder,.input__element[disabled]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.input__element:disabled::placeholder,.input__element[disabled]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.input__element.has-error {
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239/var(--tw-bg-opacity))
}

.input__element::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(111 118 126/var(--tw-text-opacity))
}

.input__element::placeholder {
    --tw-text-opacity: 1;
    color: rgb(111 118 126/var(--tw-text-opacity))
}

.input__element--publication-date {
    width: 11rem
}

.input__error-message {
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(25 25 25/var(--tw-text-opacity))
}

.input__error-message--checkbox {
    margin-bottom: .5rem;
    margin-top: 0
}

.input-password--icon-wrapper {
    position: relative
}

.input-password--icon-wrapper .input__element {
    padding-right: 2.25rem
}

.input-password--icon {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .875rem;
    fill: #6f767e
}

.input-password--icon-hidden {
    display: none
}

.label {
    align-items: center;
    display: flex
}

.label__text {
    display: inline;
    margin-bottom: .25rem;
    margin-right: .25rem
}

.message-box__content .label__text,.message-box__default .label__text {
    align-self: center;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.label__text {
    font-size: .938rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(111 118 126/var(--tw-text-opacity))
}

.label__text h2 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 1.25rem;
    padding-left: 2rem;
    position: relative
}

.label__text h2:before {
    border-radius: .25rem;
    display: inline-block;
    height: 2rem;
    left: 0;
    margin-right: 1rem;
    position: absolute;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25/var(--tw-bg-opacity));
    content: ""
}

.label__text h3 {
    font-size: 1.125rem;
    margin-bottom: .75rem
}

.label__text h3,.label__text h4 {
    font-weight: 700;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.label__text h4 {
    font-size: .938rem
}

.label__text h4,.label__text p {
    margin-bottom: .25rem
}

.label__text ul {
    list-style-type: disc;
    padding-left: 1.25rem
}

.label__text ol {
    list-style-type: decimal;
    padding-left: 1.25rem
}

.label__text a {
    --tw-text-opacity: 1;
    color: rgb(197 18 39/var(--tw-text-opacity));
    text-decoration-line: underline
}

.label__text a:hover {
    --tw-text-opacity: 1;
    color: rgb(146 10 26/var(--tw-text-opacity))
}

.label__text a:active {
    --tw-text-opacity: 1;
    color: rgb(97 4 14/var(--tw-text-opacity))
}

.status-block__text-block.label__text {
    margin-bottom: 1.75rem;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.status-block__text-block.label__text:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .status-block__text-block.label__text {
        margin-left:4.375rem;
        margin-right: 4.375rem
    }
}

.label__text--bold {
    font-weight: 700
}

.label__text--optional {
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(111 118 126/var(--tw-text-opacity))
}

.label__icon {
    height: 16px;
    width: 16px;
    fill: #c51227
}

.label--checkbox {
    grid-column-end: 13;
    grid-column-start: 2
}

.label--checkbox .label__text {
    display: inline-block
}

.label .label__text {
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.tooltip {
    align-items: center;
    display: flex;
    position: relative
}

.tooltip-text {
    border-radius: .5rem;
    left: 1.25rem;
    margin-left: .25rem;
    position: absolute;
    visibility: hidden;
    width: 200px;
    --tw-bg-opacity: 1;
    background-color: rgb(39 43 48/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.tooltip:hover .tooltip-text {
    opacity: 1;
    visibility: visible
}

.logo {
    align-items: center;
    display: flex;
	 position: absolute;
    left: 50%;
    transform: translateX(-50%); /* exakte Zentrierung */
    text-decoration: none;
    text-decoration-line: none
}

.logo__image {
    height: 1.75rem;
}

@media (min-width: 640px) {
    .logo__image {
        height:3.25rem
    }
}

.message-box {
    background-color: transparent;
    display: block;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.message-box+section {
    margin-top: 2.5rem
}

.message-box__content,.message-box__default {
    border-radius: .5rem;
    display: flex;
    font-size: .938rem;
    line-height: 1.5rem
}

.message-box__content svg,.message-box__default svg {
    flex-shrink: 0;
    height: 1.5rem;
    margin-right: 1rem;
    width: 1.5rem
}

@media (min-width: 640px) {
    .message-box__content svg,.message-box__default svg {
        height:2.875rem;
        width: 2.875rem
    }
}

.message-box__content .text-block,.message-box__default .text-block {
    align-self: center;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.message-box__default {
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .message-box__default {
        padding:2rem 6rem
    }
}

.message-box__content {
    padding: 1rem
}

.message-box__content .icon-info {
    fill: #c51227
}

.message-box__content .icon-warning {
    fill: red
}

.message-box--error {
    --tw-bg-opacity: 1;
    background-color: rgb(255 229 229/var(--tw-bg-opacity))
}

.message-box--info {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

.message-box--info-top {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.link-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.link-list__link {
    align-items: center;
    display: flex;
    font-size: .938rem;
    gap: .5rem;
    line-height: 1.5rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: rgb(111 118 126/var(--tw-text-opacity))
}

.link-list__link:active,.link-list__link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

.link-list__link--is-active,.link-list__link:active {
    --tw-text-opacity: 1;
    color: rgb(26 29 31/var(--tw-text-opacity))
}

.link-list__Label,.link-list__icon {
    flex-shrink: 0
}

.page-title {
    font-weight: 700;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0
}

.page-title--with-subline {
    margin-bottom: .5rem
}

.page-title--subline {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.page-title--hidden {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

.prefixed-bullet {
    padding-left: 2rem;
    position: relative
}

.prefixed-bullet:before {
    border-radius: .25rem;
    display: inline-block;
    height: 2rem;
    left: 0;
    margin-right: 1rem;
    position: absolute;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25/var(--tw-bg-opacity));
    content: ""
}

.section__headline {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: .5rem;
    margin-top: 2.5rem
}

.section__headline-first {
    margin-top: 0
}

.section__block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem
}

@media (min-width: 640px) {
    .section__block {
        gap:1.25rem
    }
}

.section__block--half {
    display: grid
}

@media (min-width: 640px) {
    .section__block--half {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

.input--full {
    grid-column: 1 / -1;
}

.section__checkbox-wrapper {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.section .input-file {
    margin-bottom: 1.25rem
}

.section__button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/static/images/icon_chevron_down_filled.svg) 96%/6% no-repeat #eee
}

.radio-button-block {
    margin-bottom: 2.5rem
}

.input-radio-label {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Abstand zwischen Radio-Button und Text */
    margin-bottom: 0.4rem;
}

.radio-button-block__error {
    font-size: .75rem;
    line-height: 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(238 86 0/var(--tw-text-opacity))
}

.radio-button-block__legend {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.radio-button-block__grid-header {
    display: flex;
    padding-left: .75rem;
    padding-right: .75rem
}

.radio-button-block__grid-header+.radio-button-block__grid-row {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.radio-button-block__grid-row {
    display: flex;
    flex-wrap: wrap;
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity));
    padding: .5rem .75rem
}

.radio-button-block__grid-row:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.radio-button-block__grid-row:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252/var(--tw-bg-opacity))
}

.radio-button-block__header-item {
    display: flex;
    font-size: .938rem;
    justify-content: flex-end;
    line-height: 1.5rem;
    text-align: center;
    width: 70%
}

.radio-button-block__header-item:first-child {
    width: 30%
}

.radio-button-block__flex-item {
    cursor: pointer;
    display: flex;
    font-size: .938rem;
    justify-content: flex-end;
    line-height: 1.5rem;
    width: 70%
}

.radio-button-block__flex-item:first-child {
    justify-content: flex-start;
    width: 30%
}

.radio-button-block__number-item {
    text-align: center;
    width: 40px
}

.radio-button-block__radio-item {
    align-items: center;
    display: flex;
    padding-left: .5rem;
    padding-right: .5rem
}

.radio-button-block input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    border-width: 2px;
    cursor: pointer;
  
    height: 1.5rem;
    margin: 0;
    place-content: center;
    width: 1.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: currentColor
}

.radio-button-block input:before {
    height: .75rem;
    width: .75rem;
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    border-radius: 9999px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252/var(--tw-bg-opacity));
    --tw-shadow: 0 2px 3px 0 rgba(0,0,0,.25),inset 0 -1px 2px 0 var(--color-neutral-3);
    --tw-shadow-colored: 0 2px 3px 0 var(--tw-shadow-color),inset 0 -1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    --tw-content: "";
    content: var(--tw-content)
}

.radio-button-block input:checked {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(197 18 39/var(--tw-bg-opacity))
}

.radio-button-block input:checked:focus {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity))
}

.radio-button-block input:checked:hover {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(197 18 39/var(--tw-border-opacity))
}

.radio-button-block input:checked:before {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.radio-button-block input:hover {
    --tw-border-opacity: 1;
    border-color: rgb(197 18 39/var(--tw-border-opacity))
}

.radio-button-block input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25/var(--tw-border-opacity))
}

.text-block {
    font-size: .938rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(111 118 126/var(--tw-text-opacity))
}

.text-block h2 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 1.25rem;
    padding-left: 2rem;
    position: relative
}

.text-block h2:before {
    border-radius: .25rem;
    display: inline-block;
    height: 2rem;
    left: 0;
    margin-right: 1rem;
    position: absolute;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25/var(--tw-bg-opacity));
    content: ""
}

.text-block h3 {
    font-size: 1.125rem;
    margin-bottom: .75rem
}

.text-block h3,.text-block h4 {
    font-weight: 700;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.text-block h4 {
    font-size: .938rem
}

.text-block h4,.text-block p {
    margin-bottom: .25rem
}

.text-block ul {
    list-style-type: disc;
    padding-left: 1.25rem
}

.text-block ol {
    list-style-type: decimal;
    padding-left: 1.25rem
}

.text-block a {
    --tw-text-opacity: 1;
    color: rgb(146 10 26/var(--tw-text-opacity));
    text-decoration-line: underline
}

.text-block a:hover {
    --tw-text-opacity: 1;
    color: rgb(97 4 14/var(--tw-text-opacity));
	text-decoration-thickness: 2px;
}

.text-block a:active {
    --tw-text-opacity: 1;
    color: rgb(146 10 2/var(--tw-text-opacity))
}

.just-validate-error-field {
    --tw-text-opacity: 1!important;
    color: rgb(238 86 0/var(--tw-text-opacity))!important;
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 229 215/var(--tw-bg-opacity))!important;
    border-width: 2px!important;
    --tw-border-opacity: 1!important;
    border-color: rgb(238 86 0/var(--tw-border-opacity))!important
}

.input--checkbox .just-validate-error-label,.just-validate-error-label {
    --tw-text-opacity: 1!important;
    color: rgb(238 86 0/var(--tw-text-opacity))!important;
    font-size: .75rem;
    line-height: 1rem
}

.input--checkbox .just-validate-error-label {
    margin-left: 2rem;
    width: 300px
}

.application-form__subheadline {
    margin-bottom: .5rem
}

.component-page {
    margin: auto;
    max-width: 956px
}

.component-page .container {
    border-radius: .5rem;
    margin-bottom: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .component-page .container {
        margin-bottom:5rem;
        padding: 2rem 6rem
    }
}

.footer {
	
	
        margin-top: auto;

    --tw-border-opacity: 1;
    border-top: 1px rgb(226 226 226/var(--tw-border-opacity));
    border-style: solid;
    --tw-bg-opacity: 1;
    background-color: #ddd;
	
}

.footer .text-muted {
    color: rgb(33 33 33/var(--tw-text-opacity)) !important;
}

.footer__copyright {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    --tw-text-opacity: 1;
	text-align:center;
    color: rgb(33 33 33/var(--tw-text-opacity))
	
}

.footer__container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Allows wrapping of items onto a new row */
    padding: 1rem;
}

@media (min-width: 768px) {
    .footer__container {
       flex-direction: row; /* Row layout for larger screens */
        justify-content: space-between;
    }
}

.footer__container--wide {
    display: flex;
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    .footer__container--wide {
        justify-content:space-between
    }
}

	.footer__link-list li {
		margin-left: .75rem;
		margin-right: .75rem
	}

@media (min-width: 956px) {
	.footer__link-list li {
		margin-left: .0rem;
		margin-right: .0rem
		
	}
}
.footer__link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
    text-align: center;
}


.footer__link-list a {
    margin-left: -.75rem;
    margin-right: -.75rem;
	display: inline-block;  
    padding-left: 1em;
	padding-right: 1em;
    min-width: 44px;
    min-height: 44px;
     padding: 12px 8px; /* Erhöht den Klickbereich */ 
    
}



@media (min-width: 768px) {
    .footer__link-list {
        -moz-column-gap:1.5rem;
        column-gap: 1.5rem
    }
}

.footer__link-list>.link-list__item {
    width: 100%
}

@media (min-width: 640px) {
    .footer__link-list>.link-list__item {
        width:50%
    }
}

@media (max-width: 640px) {
    .footer__link-list li {
        flex: 1 1 100%; /* Stack the items vertically on smaller screens */
    }
}

@media (min-width: 768px) {
    .footer__link-list>.link-list__item {
        width:auto
    }
}

.main_page {
    margin-bottom: 6rem;
    margin-top: 3rem;
    min-height: calc(90vh - 11rem - 36px)
}

.header,.main_page {
    align-items: center;
    display: flex
}

.header {
    box-sizing: content-box;
    height: 36px;
    justify-content: space-between;
    --tw-border-opacity: 1;
    border-bottom: 1px rgb(226 226 226/var(--tw-border-opacity));
    border-style: solid;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem
}

@media (min-width: 640px) {
    .header {
        padding:1.5rem
    }
}

.header__user-wrapper {
    align-items: center;
    display: flex;
    gap: .5rem
}

@media (min-width: 640px) {
    .header__user-wrapper {
        gap:2rem
    }
}

.header__user-data {
    align-items: center;
    display: flex;
    gap: 1rem
}

.header__user-info {
    display: none
}

@media (min-width: 640px) {
    .header__user-info {
        display:block
    }
}

.header__user-icon {
    fill: #6f767e
}

.header__user-name {
    font-size: v0.875rem;
    line-height: 1.5rem
}

.header__user-faculty,.header__user-name {
    --tw-text-opacity: 1;
    color: rgb(111 118 126/var(--tw-text-opacity))
}

.header__user-faculty {
    font-size: .75rem;
    line-height: 1rem
}

button.header__open-menu {
    height: 2rem;
    padding-left: .375rem;
    padding-right: .375rem;
    width: 2rem
}

@media (min-width: 640px) {
    button.header__open-menu {
        height:3rem;
        padding-left: .75rem;
        padding-right: .75rem;
        width: 3rem
    }

    button.header__open-menu svg {
        height: 1.25rem;
        width: 1.25rem
    }

    button.header__button {
        font-size: .938rem;
        line-height: 1.5rem;
        padding: .625rem 1.25rem
    }

    button.header__button svg {
        height: 1.25rem;
        width: 1.25rem
    }
}

.login-page {
    margin: auto;
    max-width: 956px
}

.login-page .container {
    border-radius: .5rem;
    margin-bottom: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .login-page .container {
        margin-bottom:5rem;
        padding: 2rem 6rem
    }
}

.login-page__headline {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 1.25rem
}

.login-page__input-container {
    margin-bottom: 3rem;
    width: 100%
}

@media (min-width: 640px) {
    .login-page__input-container {
        width:50%
    }
}

.login-page__submit {
    width: 100%
}

.rater-detail {
    margin: auto;
    max-width: 956px
}

.rater-detail .container {
    border-radius: .5rem;
    margin-bottom: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .rater-detail .container {
        margin-bottom:5rem;
        padding: 2rem 6rem
    }
}

.rater-detail__video {
    border-radius: .5rem;
    margin-bottom: 1.25rem;
    width: 100%
}

.rater-detail__textarea-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem
}

.rater-detail__textarea-wrapper.has-errors textarea {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(238 86 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 229 215/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(238 86 0/var(--tw-text-opacity));
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.rater-detail__textarea-wrapper.has-errors textarea:hover {
    --tw-border-opacity: 1;
    border-color: rgb(200 71 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 211 189/var(--tw-bg-opacity))
}

.rater-detail__textarea-wrapper.has-errors ul li {
    --tw-text-opacity: 1;
    color: rgb(238 86 0/var(--tw-text-opacity))
}

.rater-detail .rater-detail__textarea-wrapper .label__text,.rater-detail__textarea-label {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .5rem
}

.rater-detail__separator {
    border-bottom-width: 2px;
    margin-bottom: 2.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239/var(--tw-border-opacity))
}

.rater-detail__headline {
    margin-bottom: 2.5rem
}

.rater-detail__textarea {
    border-radius: .5rem;
    border-width: 2px;
    resize: none;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity));
    padding: 1.25rem
}

.rater-detail__button-wrapper {
    display: flex;
    justify-content: center
}

.rater-detail__button-wrapper button {
    width: 180px
}

.rater-detail__button-wrapper button:first-of-type {
    margin-right: 1.25rem
}

.rater-overview {
    margin: auto;
    max-width: 956px
}

.rater-overview .container {
    border-radius: .5rem;
    margin-bottom: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .rater-overview .container {
        margin-bottom:5rem;
        padding: 2rem 6rem
    }
}

.rater-overview__headline {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-top: 2.5rem
}

.rater-overview section .section__headline {
    margin-top: 5rem
}

.rater-overview__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem
}

.rater-overview__item {
    display: flex;
    height: 89px;
    justify-content: space-between;
    --tw-border-opacity: 1;
    border-bottom: 2px rgb(239 239 239/var(--tw-border-opacity));
    border-style: solid;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.rater-overview__item .button,.rater-overview__item button {
    width: 180px
}

.rater-overview__text {
    align-items: center;
    display: flex;
    font-size: 1.25rem;
    line-height: 2rem
}

.rater-overview__name {
    font-weight: 700;
    margin-left: .25rem;
    --tw-text-opacity: 1;
    color: rgb(197 18 39/var(--tw-text-opacity))
}

.rater-overview__download {
    align-items: baseline;
    display: flex;
    justify-content: space-between
}

.rater-overview__button-wrapper {
    align-items: center;
    display: flex
}

.rater-download {
    margin: auto;
    max-width: 956px
}

.rater-download .container {
    border-radius: .5rem;
    margin-bottom: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .rater-download .container {
        margin-bottom:5rem;
        padding: 2rem 6rem
    }
}

.rater-download .container {
    padding-bottom: 5rem;
    padding-top: 4rem
}

.rater-download__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.rater-download__header .page-title {
    margin-bottom: 0
}

.rater-download__header-buttons {
    align-items: center;
    display: flex
}

.rater-download__header-buttons>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.rater-download__separator {
    border-bottom-width: 2px;
    margin-bottom: 1.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239/var(--tw-border-opacity))
}

.rater-download__headline {
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.rater-download__headline,.rater-download__rating-headline {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1
}

.rater-download__rating-headline {
    color: rgb(197 18 39/var(--tw-text-opacity))
}

.rater-download__rating-sub-headline {
    font-weight: 700
}

.rater-download__rating-sub-headline,.rater-download__table {
    font-size: .938rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.rater-download__table {
    margin-bottom: 1.5rem;
    width: 100%
}

.rater-download__table-row-spaced {
    padding-top: 1.5rem
}

.rater-download__table-column-value {
    text-align: right;
    width: 25%
}

.rater-download__table-column-value--full {
    text-align: left;
    width: 100%
}

.rater-download__table-column-header {
    font-weight: 400;
    text-align: left
}

.rater-download__table-column-header--bold {
    font-weight: 700
}

.rater-download__sign-area {
    display: flex;
    flex-wrap: wrap;
    font-size: .938rem;
    line-height: 1.5rem;
    margin-bottom: 2rem;
    margin-top: 6rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.rater-download__sign-area-label {
    border-top-width: 2px;
    --tw-border-opacity: 1;
    border-top-color: rgb(179 179 179/var(--tw-border-opacity))
}

.rater-download__sign-area-element {
    margin-bottom: 4rem;
    margin-right: 10%;
    width: 40%
}

.rater-download__sign-area-element--single {
    margin-right: 40%
}

.rater-download__back-to-overview {
    display: flex;
    justify-content: center
}

.rater-download__footer {
    font-size: .938rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.status-block+.internship-application-page,.status-block+.search {
    margin-top: 5rem
}

.status-block__content {
    border-radius: .5rem;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem 1.5rem 2.5rem
}

.menu-block__content { 
    border-radius: .5rem;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem 1.5rem 1.5rem
}

.status-block__headline {
	text-align: center;
  	font-size: 1.5rem;
	font-size: 1.5rem;
    font-weight: 700;
    line-height: 3rem;
	margin-top: 1rem;
    margin-bottom: 2rem;
	margin-left:0.5rem;
    margin-right: 0.5rem
}
@media (min-width: 768px) {
    .status-block__headline {
		font-size: 2rem;
        margin-left:0.5rem;
        margin-right: 0.5rem
    }
}

@media (min-width: 1024px) {
    .status-block__content {
        padding-bottom:2.5rem;
        padding-top: 2.5rem
    }
	.status-block__headline {
		font-size: 2.5rem;
	}
}








.status-block.no-text .status-block__headline {
    margin-bottom: 2.5rem
}

.status-block__icon {
    align-self: flex-start;
    flex-shrink: 0;
    grid-column-end: 2;
    grid-column-start: 1;
    height: 1.5rem;
    left: .75rem;
    margin-top: .25rem;
    position: absolute;
    width: 1.5rem;
    fill: #c51227
}

@media (min-width: 768px) {
    .status-block__icon {
        height:auto;
        left: 1.5rem;
        margin-top: 0;
        width: auto
    }
}

.status-block__illustration {
    margin-bottom: 1.75rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 22.5rem;
    width: 91.666667%
}

.status-block__illustration:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .status-block__illustration {
        width:100%
    }
}

.status-block__animation {
    margin: 3rem auto
}

.status-block__text-block.text-block {
    margin-bottom: 1.75rem;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
    --tw-text-opacity: 1;
    color: rgb(51 56 63/var(--tw-text-opacity))
}

.status-block__text-block.text-block:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .status-block__text-block.text-block {
        margin-left:4.375rem;
        margin-right: 4.375rem
    }
}

.status-block__buttons {
    display: block
}

@media (min-width: 768px) {
    .status-block__buttons {
        display:flex;
        justify-content: center
    }
}

.status-block__button {
    margin: auto;
    min-width: 100%
}

@media (min-width: 768px) {
    .status-block__button {
        margin:0;
        min-width: 16.875rem
    }
}

.status-block__button--primary {
    margin-bottom: .5rem
}

@media (min-width: 768px) {
    .status-block__button--primary {
        margin-bottom:0;
        margin-right: 1.5rem
    }
}

/*
    ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
  */
*,:after,:before {
    border: 0 solid;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

:host,html {
		    height: 100%;
		  display: flex;
		     flex-direction: column;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: barlow,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
	    height: 100%;
		  display: flex;
		     flex-direction: column;
	line-height: inherit;
    margin: 0
	
}

.body {

    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

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

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

body {
    background-color: #fff
}

h1 {
    font-size: 2.5rem;
    line-height: 3rem
}

h1,h2 {
    color: #333
}

h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem
}

h3 {
    font-size: 1.5rem
}

h3,h4 {
    color: #333;
    line-height: 2rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    color: #333;
    font-size: 1.125rem;
    line-height: 1.5rem
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 956px) {
    .container {
        max-width:956px;
        padding-left: 2em;
        padding-right: 2em;
    }
}

.block {
    display: block
}

.flex {
    display: flex
}

.table {
    display: table
}

.hidden {
    display: none
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.justify-between {
    justify-content: space-between
}

.border {
    border-width: 1px
}

.body {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

@font-face {
    font-display: swap;
    font-family: barlow;
    font-style: normal;
    font-weight: 400;
    src: url(/build/fonts/BarlowSemiCondensed-Medium.98a7f00b.ttf)
}

@font-face {
    font-display: swap;
    font-family: barlow;
    font-style: italic;
    font-weight: 400;
    src: url(/build/fonts/BarlowSemiCondensed-MediumItalic.e31992f5.ttf)
}

@font-face {
    font-display: swap;
    font-family: barlow;
    font-style: normal;
    font-weight: 700;
    src: url(/build/fonts/BarlowSemiCondensed-Bold.64541955.ttf)
}

@font-face {
    font-display: swap;
    font-family: barlow;
    font-style: italic;
    font-weight: 700;
    src: url(/build/fonts/BarlowSemiCondensed-BoldItalic.5f3e3b27.ttf)
}



/* General styles */

/* General styles */


form.form-container {
    background: #fff;
    padding: 0px ; 
    border-radius: 10px;
   /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
  
    width: 100%;

}

form.form-container .form-group {
    display: table-row;
    margin-bottom: 15px;
}

form.form-container .form-label {
    display: table-cell;
    font-weight: normal;
    padding-right: 10px;
    color: #333;
    vertical-align: middle;
    text-align: left;
    width: 40%;
}


form.form-container .from-flexgrow {
    flex-grow: 1;
}
}

form.form-container .form-input {
    display: table-cell;
    width: 100%;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
}

form.form-container .form-select {
    display: table-cell;
    width: 100%;
    min-height: 43px;
    padding: 10px 42px 10px 10px;
    border: 1px solid #888;
    border-radius: 5px;
    background: url(/static/images/icon_chevron_down_filled.svg) right 12px center / 14px no-repeat #fafafa;
    color: #191919;
    font-size: 14px;
    box-sizing: border-box;
}

form.form-container .form-select:focus {
    border-color: #191919;
}

form.form-container .form-input[type="checkbox"] {
    width: auto;
    margin-right: 5px;
}

form.form-container .form-error {
 color: #920A1A;
	    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}

form.form-container  .form-error-list {
    list-style: none;
    padding: 0;
    margin-top: 5px;
}

form.form-container .form-button-container {
    display: table-row;
    margin-top: 20px;
}

form.form-container .form-button {
    display: table-cell;
    background: #007BFF;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s ease;
    width: 100%;
}

form.form-container .form-button:hover {
    background: #0056b3;
}

/* Responsive design */
@media (max-width: 600px) {
    form.form-container {
        padding: 15px;
    }

    form.form-container .form-label {
        font-size: 14px;
    }

    form.form-container .form-button {
        font-size: 14px;
        padding: 8px;
    }
}

/* Checkbox container */
form.form-container .form-label[for^="checkbox"] {
    display: inline;
    font-weight: normal;
    margin-left: 5px;
}

form.form-container .form-group:last-child {
    margin-top: 20px;
}

.captcha-image {
    display: block;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.form-label-inline {
    display: flex;
    align-items: center;
    gap: 8px; /* Abstand zwischen Checkbox und Text */
}

.form-input-checkbox {
    margin: 0;
}


meter::-webkit-meter-optimum-value {
  background: var(--meter-color);
}

meter::-moz-meter-bar {
  background: var(--meter-color);
}

meter::-ms-fill {
  background: var(--meter-color);
}

.password-strength-line {
    display: flex;
    align-items: center; /* ➔ ZENTRIERT alles vertikal */
    gap: 0.5em;
}

.password-strength-line meter {
    width: 10em;
    height: 2em;
    appearance: none;
    -webkit-appearance: none;
    vertical-align: middle; /* hilft zusätzlich */
}

/* Reset für Firefox */
.password-strength-line meter {
    -moz-appearance: none;
    appearance: none;
    background: #eee;
    border-radius: 5px;
    height: 1em;
    width: 10em;
}


.password-strength-line span {
    line-height: 2em; /* passt sich der Meter-Höhe an */
}

.password-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.password-container input {
    width: 100%;
}


.password-toggle {
    position: absolute;
    right: 10px;
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #191919;
}

.password-toggle svg {
    display: block;
    width: 24px;
    height: 24px;
}

#password-match-message {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.password-match-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.form-hint {
    margin-top: 0.4rem;
    font-size: 0.95rem;
    color: #4f5f73;
}


.cm-container {
	    margin-left: auto;
    margin-right: auto;
    width: fit-content; /* oder z. B. eine feste Breite wie 1200px */
}

nav {
	display: block;
}

.cm-primary-nav .cm-random-post a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 48px;
	padding: 8px;
	border-bottom: medium none;
}



.cm-primary-nav .cm-random-post a svg {
	display: block;
	fill: #fff;
	font-size: 32px;
}
.cm-header-builder .cm-main-header {
	padding: 0;
}

.cm-header-builder .cm-header-top-row,
.cm-header-builder .cm-header-main-row,
.cm-header-builder .cm-header-bottom-row {
	border: 0 solid;
}

.cm-header-builder.cm-full-width .cm-header-bottom-row {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	background-color: #27272A; 
	border-top: 4px solid #207daf;
}

.cm-header-builder.cm-contained .cm-header-bottom-row .cm-bottom-row {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	background-color: #27272A;
	border-top: 4px solid #207daf;
}

.cm-header-builder .cm-header-bottom-row #cm-primary-nav {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	border-top: none;
}

.cm-header-builder .cm-mobile-nav {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



.cm-secondary-nav {
	position: relative;
}

.cm-secondary-nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
}

.cm-secondary-nav ul li {
	position: relative;
	padding: 10px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.cm-secondary-nav ul li .cm-submenu-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 8px;
	cursor: pointer;
}

.cm-secondary-nav ul li .cm-submenu-toggle .cm-icon {
	/*fill: #207daf;*/
	fill: rgb(146 20 40 / var(--tw-bg-opacity));
	
}

.cm-secondary-nav ul li:hover > .sub-menu {
	left: 0;
}

.cm-secondary-nav ul li .sub-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	position: absolute;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	top: 100%;
	left: -99999px;
	background-color: #ffffff;
	z-index: 9999;
}

.cm-secondary-nav ul ul li ul.sub-menu {
	top: 0;
}

.cm-secondary-nav ul ul li ul.sub-menu ul.sub-menu {
	top: 0;
}

.cm-secondary-nav ul ul li:hover > ul.sub-menu {
	left: 100%;
}

.cm-secondary-nav ul ul li:hover > ul.sub-menu li:hover > ul.sub-menu {
	left: 100%;
}

/* Navigation.
--------------------------------------------- */
.cm-primary-nav li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.cm-primary-nav .cm-submenu-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 8px;
	cursor: pointer;
}

.cm-primary-nav .cm-submenu-toggle .cm-icon {
	width: 14px;
	height: 14px;
	fill: #fff;
}

/* Navigation.
--------------------------------------------- */
.default-wp-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px;
	margin-top: 30px;
}

.default-wp-page .previous,
.default-wp-page .next {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.default-wp-page .next {
	text-align: right;
}

.wp-block-query-pagination-numbers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	gap: 6px;
	text-align: center;
}

.wp-block-query-pagination-numbers .page-numbers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	border: 1px solid #f4f4f5;
	background-color: #fff;
	color: #3f3f46;
	font-size: 14px;
	padding: 8px;
	font-weight: 400;
}



.previous a,
.next a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	color: #3f3f46;
	cursor: pointer;
	font-size: 1.6rem;
	font-weight: 600;
}

.previous a:hover,
.next a:hover {
	color: #f00;
	text-decoration: underline;
}

.previous svg,
.next svg {
	fill: #27272a;
}

.nav-previous,
.nav-next {
	margin-bottom: 15px;
}

.nav-previous a,
.nav-next a {
	color: #207daf;
	cursor: pointer;
	font-size: 16px;
}

.nav-previous a:hover,
.nav-next a:hover {
	text-decoration: underline;
}

.nav-previous a {
	float: left;
}

.nav-next a {
	float: right;
}

.link-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	gap: 6px;
	text-align: center;
	margin: 16px 0;
}

.link-pagination .post-page-numbers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 14px;
	height: 14px;
	padding: 8px;
	background-color: #fff;
	color: #3f3f46;
	font-size: 1.4rem;
	font-weight: 400;
	border-radius: 4px;
	border: 1px solid #f4f4f5;
}




/* Primary Menu.
--------------------------------------------- */
nav li > ul,
nav li > ol {
	margin: 0;
	list-style: none;
}

.cm-primary-nav {
	width: 100%;
	text-align: center;
}

.cm-primary-nav .menu {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.cm-primary-nav li {
	position: relative;
	 font-family: barlow,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
  
	font-weight: 300;
	padding: 2px 16px;
}

.menu-item  {
  display: flex;
  justify-content: center; /* horizontales Zentrieren der Kinder */
  align-items: center;     /* vertikales Zentrieren, falls nötig */
}

.cm-primary-nav a {
	 display: flex;
  justify-content: center; /* horizontales Zentrieren der Kinder */
  align-items: center;     /* vertikales Zentrieren, falls nötig */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	  text-align: center;
	height: 45px;
	padding: 8px 2px;
	min-width: 8em;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 2;
	text-decoration: none;
}

.cm-primary-nav li.default-menu {
	display: none;
}

.cm-primary-nav .cm-home-icon a {
	padding: 8px;
}

.cm-primary-nav .cm-home-icon a:hover {
	background-color: rgb(146 10 26 / var(--tw-bg-opacity));
}

.menu-item  a:hover {
	background-color: rgb(146 10 26 / var(--tw-bg-opacity));
}

.cm-primary-nav a:hover {
	color: #fff;
}

.cm-primary-nav ul {
	display: none;
}

.cm-primary-nav ul li.current-menu-item, .cm-primary-nav ul li.current_page_ancestor, .cm-primary-nav ul li.current-menu-ancestor, .cm-primary-nav ul li.current_page_item, .cm-primary-nav ul li:hover, .cm-primary-nav ul li.focus {
	/*background-color: rgb(196 20 40/var(--tw-bg-opacity)); */
	 background-color: rgb(146 20 40/var(--tw-bg-opacity));
}

.cm-primary-nav .sub-menu,
.cm-primary-nav .children {
	background-color: #212529; /*rgb(10 10 10/var(--tw-bg-opacity));*/
}

.cm-primary-nav ul li ul,
.cm-primary-nav ul li:hover ul ul,
.cm-primary-nav ul li.focus ul ul {
	left: -99999px;
	z-index: 100;
}

.cm-primary-nav ul li.focus > ul {
	display: block;
}

.cm-primary-nav ul ul li:hover ul ul,
.cm-primary-nav ul ul li.focus ul ul {
	left: -99999px;
	z-index: 100;
}

.cm-primary-nav ul ul ul li:hover ul ul,
.cm-primary-nav ul ul ul ul li:hover ul ul,
.cm-primary-nav ul ul ul li:hover ul ul,
.cm-primary-nav ul ul ul ul li:hover ul ul {
	left: -99999px;
	z-index: 100;
}

.cm-primary-nav ul li:hover > ul,
.cm-primary-nav ul li.focus > ul {
	left: 0;
}

.cm-primary-nav ul ul li:hover > ul,
.cm-primary-nav ul ul li.focus > ul {
	left: 100%;
}

.cm-primary-nav ul ul ul li:hover > ul,
.cm-primary-nav ul ul ul li.focus > ul {
	left: 100%;
}

.cm-primary-nav ul ul ul ul li:hover > ul,
.cm-primary-nav ul ul ul ul ul li:hover > ul,
.cm-primary-nav ul ul ul ul li.focus > ul,
.cm-primary-nav ul ul ul ul ul li.focus > ul {
	left: 100%;
}

.cm-primary-nav ul li ul {
	position: absolute;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 10.5em;
	top: 100%;
}

.cm-primary-nav ul li ul li {
	float: none;
}

.cm-primary-nav ul li ul li a {
	border-top: none;
	float: none;
	font-size: 14px;
	height: 100%;
	color: #fff;
	display: block;
	text-align: left;
	text-transform: none;
	word-break: break-word;
}

.cm-primary-nav ul li ul li:hover {
	color: #fff;
	background-color: rgb(146 10 26 / var(--tw-bg-opacity));
}



.cm-primary-nav ul li.current-menu-item ul li a:hover {
	color: #fff;
	background-color: rgb(146 10 26 / var(--tw-bg-opacity));
}

.cm-primary-nav ul li ul li ul {
	left: 200px;
	top: 0;
}

.cm-primary-nav select {
	display: none;
}

#cm-primary-nav {
	position: relative;
	z-index: 999;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	background-color: #27272A;
	
}

#cm-primary-nav .cm-row {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cm-home-icon.front_page_on {
	background-color: rgb(146 20 40 / var(--tw-bg-opacity));
}

.cm-home-icon svg {
	display: block;
	fill: #fff;
	font-size: 32px;
}

.sticky-wrapper.is-sticky .cm-primary-nav .cm-home-icon a,
.sticky-wrapper .cm-primary-nav .cm-home-icon a {
	padding: 8px;
}

.cm-menu-primary-container {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
}

.cm-menu-primary-container .sub-menu {
	display: none;
}

li.default-menu {
	display: none;
}

.cm-sub-toggle {
	position: absolute;
	right: 15px;
	top: 12px;
	display: block;
	text-align: left;
	height: 24px;
	width: 24px;
	color: #fff;
	cursor: pointer;
	line-height: 21px;
}

.cm-sub-toggle .fa {
	color: #fff;
}

.menu-logo a {
	padding: 0;
}

.menu-logo a:hover {
	background-color: unset;
}

.menu-logo img {
	width: auto;
	margin-bottom: 0;
}


/* Desktop: Menü immer sichtbar, Toggle versteckt */
.cm-menu-toggle { display: none; cursor: pointer; }
.cm-menu-primary-container { display: flex; }



/* Mobile */
@media (max-width: 767px) {
  .cm-menu-toggle {
    display: block;
    background: none;
    border: none;
    font-size: 1.5rem;
    padding: 0.5rem;
    cursor: pointer;
    color: #fff;
  }
  
  	.cm-mobile-nav ul ul a {
	padding-left: 45px;

	}
	
  .desktop-menu { display: none; }
  


.cm-mobile-nav .cm-submenu-toggle {
 
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	
}

}

 
.cm-header .cm-menu-toggle[aria-expanded="false"] .cm-icon--x-mark {
	display: none;
}

.cm-header .cm-menu-toggle {
	color: #fff;
	margin: 0;
	text-align: center;
	 font-family: barlow,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
 
	padding-bottom: 0;
	line-height: 1.2;
	width: 48px;
	height: 48px;
}

.cm-header .cm-menu-toggle:hover {
	color: #fff;
}

.cm-header .cm-menu-toggle svg {
	width: 48px;
	height: 48px;
	fill: #fff;
	padding: 8px;
}

.cm-header .cm-menu-toggle svg:hover {
	color: #fff;
}

.cm-header .cm-mobile-nav ul.menu-scrollbar {
	overflow-y: scroll;
	width: 100%;
}

.cm-header .cm-mobile-nav li:hover, .cm-header .cm-mobile-nav li.current-page-ancestor, .cm-header .cm-mobile-nav li.current-menu-ancestor, .cm-header .cm-mobile-nav li.current-page-item, .cm-header .cm-mobile-nav li.current-menu-item {
	color: #fff;
	
	background-color: rgb(146 20 40 / var(--tw-bg-opacity));
	/*background-color: #207daf;*/
}

.cm-header .cm-mobile-nav li:hover > .cm-sub-toggle i, .cm-header .cm-mobile-nav li.current-page-ancestor > .cm-sub-toggle i, .cm-header .cm-mobile-nav li.current-menu-ancestor > .cm-sub-toggle i, .cm-header .cm-mobile-nav li.current-page-item > .cm-sub-toggle i, .cm-header .cm-mobile-nav li.current-menu-item > .cm-sub-toggle i {
	color: #fff;
}

.cm-mobile-nav .menu-logo a {
	padding: 0;
}

.cm-mobile-nav .menu {
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	right: 0;
	-webkit-filter: drop-shadow(0px 4px 18px rgba(153, 153, 153, 0.1));
	filter: drop-shadow(0px 4px 18px rgba(153, 153, 153, 0.1));
}

.cm-mobile-nav .cm-menu-primary-container {
	width: 100%;
	position: absolute;
	top: 100%;
	-webkit-filter: drop-shadow(0px 4px 18px rgba(153, 153, 153, 0.1));
	filter: drop-shadow(0px 4px 18px rgba(153, 153, 153, 0.1));
}

.cm-mobile-nav .cm-menu-primary-container > ul,
.cm-mobile-nav .menu > ul {
	width: 100%;
}

.cm-mobile-nav ul {
	margin: 0;
	list-style: none;
}

.cm-mobile-nav a {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 14px;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.cm-mobile-nav .cm-random-post a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px;
	height: 48px;
	line-height: 1.8;
}

.cm-mobile-nav .cm-random-post a svg {
	display: block;
	fill: #fff;
	font-size: 32px;
}

.cm-mobile-nav li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #27272A;
	border-bottom: 1px solid #3F3F46;
}

.cm-mobile-nav li a:hover {
	/*background-color: #207daf;*/
	background-color: rgb(146 20 40 / var(--tw-bg-opacity));
	color: #fff;
}

.cm-mobile-nav .sub-menu {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.cm-mobile-nav .cm-submenu-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 14px;
 
	cursor: pointer;
}

.cm-mobile-nav .cm-submenu-toggle svg {
	fill: #fff;
}

.cm-mobile-nav ul ul a {
	text-transform: none;
}

.cm-mobile-nav ul ul ul a {
	padding-left: 90px;
}

.cm-mobile-nav .current_page_item > a, .cm-mobile-nav .current-menu-item {
	/*background: #207daf;*/
	background-color: rgb(146 20 40 / var(--tw-bg-opacity));
	
	color: #fff;
}

.cm-mobile-nav .cm-home-icon a {
	padding: 8px;
}

.default-wp-page.thumbnail-background-pagination {
	overflow: hidden;
}

.default-wp-page.thumbnail-background-pagination img {
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
}

.default-wp-page.thumbnail-background-pagination li {
	width: 50%;
	-webkit-transition: 0.4s all ease-in-out;
	transition: 0.4s all ease-in-out;
	padding: 0;
	position: relative;
}

.default-wp-page.thumbnail-background-pagination a {
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	z-index: 1;
	padding: 15px;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
}

.default-wp-page.thumbnail-background-pagination a .meta-nav {
	display: block;
	font-size: 14px;
}

.default-wp-page.thumbnail-background-pagination a:hover {
	text-decoration: none;
}

.default-wp-page.thumbnail-background-pagination .previous {
	width: calc(50% - 15px);
	margin-right: 15px;
}

.default-wp-page.thumbnail-background-pagination .next {
	width: calc(50% - 15px);
	margin-left: 15px;
	text-align: right;
}

.default-wp-page.thumbnail-background-pagination .next:hover {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.default-wp-page.thumbnail-background-pagination .previous:hover {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

@media screen and (min-width: 48em) {
	.cm-primary-nav ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		list-style: none;
	}
	.cm-menu-primary-container .sub-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.cm-sub-toggle {
		display: none;
	}

	
}
* Header Layout: Classic.
--------------------------------------------- */
.cm-layout-2 .cm-header-1 .cm-row {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.cm-layout-2 .cm-header-2 .cm-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-direction: row;
}

.cm-layout-2 .cm-row {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.cm-layout-2 .cm-row .cm-header-col-2 {
	display: none;
}

.cm-layout-2 .cm-row .cm-header-col-1 {
	display: unset;
	float: none;
	text-align: center;
}

.cm-layout-2 .cm-top-bar .cm-row {
	padding: 0;
}

.cm-layout-2 #cm-primary-nav {
	background-color: transparent;
}

.cm-layout-2 #cm-primary-nav.headroom--pinned {
	background: inherit;
}

.cm-layout-2 #cm-primary-nav .cm-row {
	background-color: transparent;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.cm-layout-2 #cm-primary-nav .fa {
	color: #3F3F46;
}

.cm-layout-2 #cm-primary-nav .fa:hover {
	background: transparent;
	color: #207daf;
}

.cm-layout-2 #cm-primary-nav .cm-home-icon.front_page_on {
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav a {
	color: #3F3F46;
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav a::after {
	color: inherit;
}

.cm-layout-2 .cm-primary-nav a:hover {
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav li {
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav ul {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.cm-layout-2 .cm-primary-nav ul li.current-menu-item, .cm-layout-2 .cm-primary-nav ul li.current_page_item, .cm-layout-2 .cm-primary-nav ul li:hover, .cm-layout-2 .cm-primary-nav ul li.focus {
	color: #207daf;
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav ul li.current-menu-item ul li a,
.cm-layout-2 .cm-primary-nav ul li ul li.current-menu-item a,
.cm-layout-2 .cm-primary-nav ul li.current_page_ancestor ul li a,
.cm-layout-2 .cm-primary-nav ul li.current-menu-ancestor ul li a,
.cm-layout-2 .cm-primary-nav ul li.current_page_item ul li a {
	color: #343a40;
}

.cm-layout-2 .cm-primary-nav ul > li {
	vertical-align: top;
}

.cm-layout-2 .cm-primary-nav ul > li > a {
	border-bottom: 2px solid transparent;
	-webkit-transition: border 0.5s ease;
	transition: border 0.5s ease;
	color: #3F3F46;
}

.cm-layout-2 .cm-primary-nav ul > li:hover > a, .cm-layout-2 .cm-primary-nav ul > li.current-menu-item > a, .cm-layout-2 .cm-primary-nav ul > li.current-menu-ancestor > a {
	background-color: transparent;
	border-bottom: 2px solid #207daf;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu {
	background-color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #F4F4F5;
	text-align: left;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li {
	border-bottom: 1px solid #F4F4F5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li a {
	width: auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-color: transparent;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li:hover, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-ancestor, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-item, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.focus {
	border-color: #207daf;
	/*background-color: #207daf;*/
	background-color: rgb(146 20 40 / var(--tw-bg-opacity));
	
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li:hover > a, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-ancestor > a, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-item > a, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.focus > a {
	color: #fff;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li:last-child {
	border-bottom: none transparent;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li ul {
	top: 0;
	-webkit-transition: none;
	transition: none;
}

.cm-layout-2 .cm-primary-nav ul li.menu-item-has-children:hover > ul.sub-menu {
	opacity: 1;
	visibility: visible;
}

.cm-layout-2 .cm-primary-nav ul li.menu-item-has-children a::after {
	color: #343a40;
}

.cm-layout-2 .cm-primary-nav ul li.focus > a {
	border-color: #207daf
	;
}

.cm-layout-2 .cm-primary-nav ul li.focus > ul.sub-menu {
	opacity: 1;
	visibility: visible;
}

.cm-layout-2 .cm-primary-nav .cm-random-post a:hover {
	background: transparent;
}

.cm-layout-2 .cm-primary-nav .cm-random-post a:hover .fa-random {
	color: #207daf;
}

.cm-layout-2 .cm-primary-nav .cm-random-post a .fa-random {
	color: #3F3F46;
}

.cm-layout-2 .cm-primary-nav .cm-submenu-toggle .cm-icon {
	fill: #3f3f46;
}

.cm-layout-2 .cm-primary-nav .cm-menu-toggle svg,
.cm-layout-2 .cm-primary-nav .cm-home-icon svg,
.cm-layout-2 .cm-primary-nav .cm-random-post svg {
	fill: #3F3F46;
}

.cm-layout-2 .cm-mobile-nav .nav-menu {
	padding-top: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	-webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
}

.cm-layout-2 .cm-mobile-nav .cm-random-post a:hover {
	background: transparent;
}

.cm-layout-2 .cm-mobile-nav .cm-random-post a:hover .fa-random {
	color: #207daf;
}

.cm-layout-2 .cm-mobile-nav .cm-random-post a .fa-random {
	color: #343a40;
}

.cm-layout-2 .cm-mobile-nav li {
	background-color: #fff;
	border-color: #E4E4E7;
}

.cm-toggle-down {
	color: #fff;
}

.cm-layout-2 .cm-mobile-nav li a {
	color: #3F3F46;
}

.cm-layout-2 .cm-mobile-nav li:hover > .cm-submenu-toggle i, .cm-layout-2 .cm-mobile-nav li.current-page-ancestor > .cm-submenu-toggle i, .cm-layout-2 .cm-mobile-nav li.current-menu-ancestor > .cm-submenu-toggle i, .cm-layout-2 .cm-mobile-nav li.current-page-item > .cm-submenu-toggle i, .cm-layout-2 .cm-mobile-nav li.current-menu-item > .cm-submenu-toggle i {
	color: #fff;
}

.cm-layout-2 .cm-mobile-nav .cm-submenu-toggle svg,
.cm-layout-2 .cm-mobile-nav .cm-home-icon svg,
.cm-layout-2 .cm-mobile-nav .cm-menu-toggle svg {
	fill: #3f3f46;
}

.cm-layout-2 .cm-mobile-nav .cm-random-post a svg {
	fill: #3f3f46;
}

.cm-layout-2 .is-sticky #cm-primary-nav {
	background-color: #fff;
	-webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
}

.cm-layout-2 .cm-menu-primary-container {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

@media screen and (min-width: 48em) {
	.cm-layout-2 .cm-layout-2-style-1 #cm-primary-nav {
		border-top: 4px solid #207daf;
	}
}


.sub-menu {
 /* position: absolute;*/
  left: 0; top: 100%;
  /* … rest wie gehabt … */
}
/* versteckt, wenn hidden-Attribut */
.sub-menu[hidden] {
  display: none;
}
/* Allgemeiner JS-fallback */
noscript .noscript-warning {
  background: #ffdddd;
  color: #900;
  padding: 1em;
  text-align: center;
  font-weight: bold;
  border: 2px solid #900;
}

/* Cookie-Banner Fallback */
noscript .noscript-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #eee;
  color: #000;
  padding: 1em;
  text-align: center;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
  z-index: 9999;
}




/* Einfaches Overlay-Modal */
#timeoutModal {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
}

#timeoutModal .modal-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}

#timeoutModal button {
  margin-top: 10px;
  padding: 8px 16px;
  cursor: pointer;
}


.preparation-steps ol li {
  margin-bottom: 1em;    
  padding-left: 1.5em;    /* etwas Abstand innen */
}

.preparation-steps ol {
  list-style-position: outside;  
  padding-left: 1em;            
}

/* Top-Tab markieren, wenn irgendwo im Untermenü die aktuelle Seite ist 
#cm-primary-nav .menunav-menu > li:has(.sub-menu a[aria-current="page"]) > a {
  border-bottom: 8px solid rgb(255 255 255 / var(--tw-bg-opacity));
}*/

/* Top-Tab markieren, wenn irgendwo im Untermenü die aktuelle Seite ist */
#cm-primary-nav .menunav-menu > li:has(.sub-menu a[aria-current="page"])  {
  background-color: rgb(146 20 40 / var(--tw-bg-opacity)) !important;
}

/* Strong fallback for keyboard focus on FAQ/Text-Accordion buttons. */
.area-text-accordion .card-header {
  overflow: visible;
  padding: 4px;
}

.area-text-accordion .btn.btn-link {
  border: 3px dashed transparent;
  box-sizing: border-box;
}

.area-text-accordion .btn.btn-link:focus,
.area-text-accordion .btn.btn-link:focus-visible {
  outline: none !important;
  border-color: rgb(196, 20, 40) !important;
  box-shadow: none !important;
  border-radius: 0.375rem !important;
}

.test-places-map {
  margin-top: 1rem;
}

.test-places-map__filter {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.test-places-map__filter label {
  margin: 0;
  font-weight: 600;
}

.test-places-map__filter select {
  min-width: 260px;
  border: 1px solid #b8b8b8;
  border-radius: 0.375rem;
  padding: 0.35rem 0.5rem;
  background: #fff;
}

.test-places-map__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0.8rem;
  font-size: 0.95rem;
}

.test-places-map__legend .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 0.35rem;
}

.test-places-map__legend .dot--open {
  background: #1f9d55;
}

.test-places-map__legend .dot--low {
  background: #e67e22;
}

.test-places-map__legend .dot--closed {
  background: #c41428;
}

.test-places-map__canvas {
  width: 100%;
  height: 560px;
  border-radius: 0.5rem;
  border: 1px solid #d0d0d0;
  margin-bottom: 1.2rem;
  background: #fafafa;
}

.test-places-map__table-wrap {
  overflow-x: auto;
}

.test-places-map__table {
  background: #fff;
}

.test-places-map__badge {
  font-weight: 600;
}

.test-places-map__badge--open {
  background: #1f9d55;
  color: #fff;
}

.test-places-map__badge--low {
  background: #e67e22;
  color: #fff;
}

.test-places-map__badge--closed {
  background: #c41428;
  color: #fff;
}

.testplace-summary {
  margin-bottom: 1rem;
}

.testplace-details {
  margin-bottom: 1.75rem;
}

.testplace-details p {
  margin: 0 0 1rem;
}

.testplace-details__colleagues {
  margin-top: 1.25rem;
}

.testplace-details__colleagues strong {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.testday-info-page .status-block__text-block > p:first-of-type {
  margin-bottom: 1.5rem;
}

.testday-info-page .status-block__text-block > ul + h3 {
  margin-top: 1.5rem;
}

.testday-info-page .status-block__text-block > p + h3 {
  margin-top: 1.25rem;
}

.testday-info-page .status-block__text-block > p:last-of-type {
  margin-top: 1.75rem;
}

.testday-info-page .status-block__text-block ul {
  list-style-image: url('/bundles/pimcoreadmin/img/twemoji/2b55.svg');
  margin-bottom: 30px;
  padding-left: 1.8rem;
}

.testday-info-page .status-block__text-block ul li {
  padding-left: 0.45rem;
}

.application-status-inline {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

.application-status-inline__icon {
  flex: 0 0 auto;
}

.application-status-inline__icon .content-exclamation {
  display: block;
  width: 48px;
  height: 48px;
}

.application-status-inline__body {
  flex: 1 1 auto;
  min-width: 0;
}

.application-status-inline__body > :first-child {
  margin-top: 0;
}

.application-status-inline__body > :last-child {
  margin-bottom: 0;
}

.applications-status7-section {
  margin-top: 2.5rem;
}

.applications-status7-section:first-of-type {
  margin-top: 2rem;
}

.applications-status7-section--contract {
  margin-top: 2rem;
}

.application-status-spacer {
  height: 1rem;
}

@media (max-width: 767px) {
  .application-status-inline {
    gap: 1rem;
  }

  .application-status-inline__icon .content-exclamation {
    width: 40px;
    height: 40px;
  }

  .applications-status7-section {
    margin-top: 2rem;
  }
}

.content-exclamation-2 > p:first-child:has(.content-exclamation) {
  float: left;
  margin: 0 1.5rem 0.75rem 0;
}

.content-exclamation-2 > p:first-child:has(.content-exclamation) + p {
  margin-top: 0;
}