:root {text-align: left;
	--col0: #141414;    /* Text */
    --col1: #FFFFFF;   /* white */
    --col2: #f9f4ef;    /* Hintergrund pastell, gewählt wurde #fafff3 ev. auch #D7E8BA oder #f9f4ef */
    --col3: #384aa8;    /* Akzentfarbe indigo    */
    --col4: #2E5077;    /*Akzentfarbe blau */
}

/*                                                     GENERAL SETTINGS                     */
body {
  width:100%;
	background: var(--col1);
	font-family:'Inter',Arial,Sans-Serif;
	color:var(--col3);
	overflow-x:hidden;
}
body.mesusa {
  background: var(--col1);
  background-image: url('/files/graphics/bg-mesusa.webp');
}
p a, h5 a, h4 a, h3 a {
  text-decoration:underline;
  text-decoration-thickness: 1px; 
  text-decoration-color: #5761BA;
  text-underline-offset: 0.3em;
}
.mesusa p a, .mesusa h5 a, .mesusa h4 a, .mesusa h3 a {
  text-decoration-color: #3F00FF ;
}
li, p {
  line-height:2;
}
p a:hover, h5 a:hover, h4 a:hover, h3 a:hover, a:hover {
  text-decoration:underline;
  text-decoration-thickness: 1px; 
  text-decoration-color: transparent;
  color:#BC85FF;
  text-underline-offset: 0.2em;
  background-color:transparent;
}
header h1, header h2, header h3, header h4 {
  line-height:90%;
}
.border {
  padding-left: 1.2rem;
}
@media screen and (min-width:600px) {
  .border {
  padding-left: 2rem;
}}
@media screen and (min-width:1080px) {
  .border {
  padding-left: 3rem;
}}

.border p, .border h2, .border h3, .border h4, .border h5, border a {
  font-style:italic;
}
hr {
/*  border: 1px solid #1C00A4; */
  margin-top:1.5rem;
  margin-bottom:1.5rem;
}

.indigo h1, .indigo h2, .indigo h3, .indigo h4, .indigo h5, .indigo p,.indigo a,.indigo li   {
  color:white;
}
.indigo .link-card h1, .indigo .link-card h2, .indigo .link-card h3, .indigo .link-card h4, .indigo .link-card h5, .indigo .link-card p,.indigo .link-card a,.indigo .link-card li   {
  color:var(--col3);
  text-decoration:none;
  font-weight:600;
}
.manifest-wrapper li {
  list-style-position: inside;
  text-indent: -1em;
  list-style-type: square;
}
.indigo .link-card a {
  font-size:1.5rem;
  line-height:1rem;
}
@media screen and (max-width:950px) {
 .indigo .link-card a {
  font-size:1.2rem;
  line-height:1rem;
} 
}
.links01 h2, .links01 h3, .links01 h4 {
  margin-bottom:0;
}

.bg2 {
  background-color:rgba(8, 0, 255, 0.04);
}
.erklaerung p,.erklaerung li,.erklaerung h2,.erklaerung h3,.erklaerung h4 {
  font-style:italic;
}

.text-indent {
  text-indent: -57px;
  margin-left: 57px;
}
/*
.erklaerung {
  position:relative;
}
.erklaerung::before {
content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 30px;
  background-color: #782ad6;
  translate: max(10px, calc((100vw - 1270px) / 2));
}
*/
/* ---------------------------------------------------------------FORM-ELEMENTS  ----------------------------------------------------------------- */
.widget-radio, .widget-checkbox {
  margin:1.6rem 0;
}
.radiobutton_column {
  display:flex;
  flex-flow:column;
}
.checkbox_inline [type="checkbox"] + label, .checkbox_inline [type="radio"] + label,
.radiobutton_column  [type="checkbox"] + label, radiobutton_column  [type="radio"] + label{
  display:inline;
}
.checkbox_inline label {
  line-height:1.5rem;
}
/*
.checkbox_inline span:not(.mandatory) {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
*/
label {
  font-size:1rem;
}
.checkbox_container [type="checkbox"] {
    margin-bottom:0;
}
.dsg span:not(.mandatory), .checkbox_container span:not(.mandatory), .radio_container span:not(.mandatory) {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

@media screen and (max-width:33.9999rem) {
  p, li, a {
    font-size:0.8rem;
  }
  h1 {
    font-size:1.6rem;
  }
  header h1 {
    font-size:2.1rem;
    line-height: 2.8rem;
  }
  .headertext {
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 7px;
  }

    h4, h4 a {
    font-size:1.2rem;
  }
    h5, h5 a {
    font-size:0.9rem;
  }
  .handorgel__header__button {
    font-size:0.8rem;
    padding: 15px 20px;
  }
}
@media screen and (min-width:34rem) {
  p, li, a {
    font-size:0.8rem;
  }
  h1 {
    font-size:2rem;
  }
  header h1 {
    font-size:2.8rem;
    line-height: 3.8rem;
  }
  .headertext {
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
  }
    h4, h4 a {
    font-size:1.3rem;
  }
    h5, h5 a {
    font-size:1rem;
  }
    .handorgel__header__button {
    font-size:1.1rem;
    padding: 15px 20px;
  }
}
  @media screen and (min-width:40rem) {
  p, li, a {
    font-size:0.95rem;
  }
  h1 {
    font-size:3.25rem;
    line-height: 3.8rem;
  }
  header h1 {
    font-size:3.6rem;
    line-height: 4.2rem;
  }
    h4, h4 a {
    font-size:1.6rem;
  }
    h5, h5 a {
    font-size:1.1rem;
  }
    .handorgel__header__button {
    font-size:1.2rem;
    padding: 15px 20px;
  }
}
  @media screen and (min-width:40rem) {
  p, li, a {
    font-size:0.95rem;
  }
  h1 {
    font-size:3.25rem;
    line-height: 3.8rem;
  }
  header h1 {
    font-size:3.6rem;
    line-height: 4.2rem;
  }
    h4, h4 a {
    font-size:1.6rem;
  }
    h5, h5 a {
    font-size:1.1rem;
  }
  .headertext {
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 7px;
  }
    .handorgel__header__button {
    font-size:1.2rem;
    padding: 15px 20px;
  }
}
  @media screen and (min-width:64rem) {
  p, li, a {
    font-size:1rem;
  }
  h1 {
    font-size:3.25rem;
    line-height: 3.8rem;
  }
  header h1 {
    font-size:4.25rem;
    line-height: 4.8rem;
  }
    h4, h4 a {
    font-size:1.6rem;
  }
    h5, h5 a {
    font-size:1.1rem;
  }
    .handorgel__header__button {
    font-size:1.2rem;
    padding: 15px 20px;
  }
}
h2, h2 a {
  font-size: clamp(2rem, 2.4vw + 1rem, 2.7rem);
}
h3, h3 a {
  font-size: clamp(1.5rem, 1.6vw + 1rem, 2.2rem);
}
h1,h2,h3,h4 {
	font-family:'Butler',Arial,Sans-Serif;
	font-weight:400;
	color: var(--col3);
	letter-spacing: 0.3px;
/*	transform: scaleX(0.97); */
}

p {
	font-family:'Inter',Arial,Sans-Serif;
	hyphens: auto;
}
h2, h3, h4, li {
  hyphens: auto;
}
a {
   /* color:var(--col1);  
   color:#5900C5;   */
   color:var(--col3);
}
/*
p a {
    color:#5900C5;
    text-shadow: 1px 1px #717b8a;
}
*/
.manifest p, .manifest a, .manifest li {
  font-family:'Inter',Arial,Sans-Serif;
  font-size:1.08rem;
  font-weight:400;
/*  letter-spacing:1px;   */
  text-align: justify;
}
@media screen and (max-width:1000px) {
  .manifest p, .manifest a, .manifest li {
font-size: calc(11px + (100vw / 94));   /* font-size: calc(12px + (100vw / 80));  */
  font-weight:400;
/*  letter-spacing:1px;   */
  text-align: justify;
}
}
/*
h1 a, h2 a, h3 a, h4 a, h5 a {
  color:var(--col3);
} */
h2.rhomboid {
  position: relative;
  display: inline-block;
  padding: 0 48px;
  margin: 20px 0;
  color: var(--col3);
  z-index: 1;
  translate: -50px 0;
}


h2.rhomboid::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: none;
  transform: skewX(-35deg);
  z-index: -1;
  border-left:30px double var(--col1);
  height:auto;
  min-height:100%;
}


@media screen and (max-width:1250px) {
  h2.rhomboid {
    translate: 1px 0;
}
  h2.rhomboid::before {
  border-left:22px double var(--col1);
}
}
  header h1 {bottom: 0px;
  margin-bottom: 3vh;
 /*   min-width: auto !important;  */
    min-width:330px;
    text-align: center;
  }


header h1, header h2, header h3, header h4 {
  color: var(--col1);
  background-color: var(--col3);
  margin-bottom:0;
}
header h2 {
  translate:0 -1.2rem;
}

.title_hero_desktop {
   color:#FF7D00;
  /* font-size:calc(3.1rem + 1.1vw); */
   font-size:calc(2.4rem + 1.4vw);
   margin-bottom:0;
   line-height:inherit;
   margin-top:calc(1rem - 0.7vw);
}
.title_hero_desktop_span {
  font-size:calc(0.5rem + 0.9vw);
  margin:0px;
  margin-left:0.1vw;
  padding:0
}
.title_hero_smartphone {
   color:#FF7D00;
   font-size:calc(1.7rem + 2.5vw);
   margin-bottom:0;
}
.title_hero_smartphone_span {
  color: #FF7D00;
  margin-bottom:5px;
  margin-left: 10px;
  padding: 0;
  font-size: calc(0.9rem + 0.5vw);
  display: flex;
  align-items: flex-end;
  text-align:center;
}
.image-header.desktop {
  position:absolute;
  top:30px;
  z-index:6;
  justify-content:center;
  width:100%;
  overflow:hidden;
  margin-bottom:0;
}
@media screen and (max-height:480px) {
  .image-header.desktop {
    top:2px;
  }
}
.image-header.smartphone {
  position:absolute;
  top:20px;
  z-index:5;
  justify-content:center;
  width:100%;
  overflow:hidden;
  margin-bottom:0;
}

/*
@media screen and (orientation:portrait) {
   h1.title_hero_smartphone, h5.title_hero_smartphone_span {
     translate:0 2rem;
}
}


*/
@media screen and (max-height:375px) and (orientation:landscape) {
   h1.title_hero_smartphone, h5.title_hero_smartphone_span {
     translate:0 -1rem;
}
}
/* NAVIGATION */
header nav.mod_navigation {
  overflow: hidden; 
}

header nav.mod_navigation ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content:center;
  align-items: center;
  margin: 0;
  height: 100px;bottom: 0px;
  margin-bottom: 2.6vh;
  padding: 0 1rem;

}

header nav.mod_navigation ul li {
  font-size: 1.2rem;
  list-style-type: none;
  display: inline-block;
  background-color: var(--col3);
  min-width:155px;
  max-width: 210px;
  text-align: center;
  margin-right: -10px; /* Engere Überlappung */
  position: relative;
  z-index: 1;
  transition: all 0.01s ease;margin: 3rem 0rem;
}

header nav.mod_navigation ul li a:hover {
  z-index: 2;
  font-weight:600;/* Hover-Element nach vorne bringen */
  letter-spacing:-0.4px;
  color: var(--col1);
}


header nav.mod_navigation ul.level_1 li.active {
  border: 2px dotted var(--col1);
  color: var(--col1);
}

header nav.mod_navigation ul li a {
  color: var(--col1);
  font-size:1.2rem;
  font-weight: 400;
  text-align: center;
  display: block;
  padding: 2px 10px;
  padding-right:16px;
  text-decoration: none;
}

header nav.mod_navigation ul li a:hover {
  color: var(--col1);
}

nav.mod_navigation ul li.active strong.active {
  font-weight: 400;
  color: var(--col3);
}
header nav.mod_navigation ul li.active strong.active {
  font-weight: 400;
  color: var(--col1);
}

nav.mod_navigation .mod_navigation {
  background-color: var(--col3);
}
@media screen and (min-width:1080px) and (max-width:1149px) {
  header nav.mod_navigation ul li a {
    line-height:1.5rem;
}
header nav.mod_navigation ul li {
  line-height:1.6rem;
}
}

/* Mobile Navigation 
@media (max-width: 1079px) {
  header nav ul {
    flex-direction: column;
    height: auto;
    transform: none;
    width: 100%;
  }
  
  header nav ul li {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 5px;
    transform: none !important;
    margin-left: 0 !important;
  }
  
  header .inside .header-content {
    margin-left: 0;
  }
}
*/
/* Sehr kleine Screens 
@media (max-width: 480px) {
  header .inside .header-content {
    flex-direction: column;
    text-align: center;
  }
  
  header h1 {
    font-size: 1.5rem;
  }
  
  header nav ul li {
    font-size: 1.1rem;
  }
}
*/ 
/* **********************************************************************  MOBILE MENUE ***************************************************** */
@media screen and (max-width:1079px) {
.hamburger {
  position:absolute;
  top:2px;
  right:10px;
  display:flex;
  justify-content:center;
  align-content:center;
  background-color: transparent;
  border: none;
}

button.hamburger img {
  width:50px;
  max-width:50px;
  height:50px;
  z-index: 102;
  cursor: pointer;
}
}
.mod_article.menupage{
width:100%;
max-width:100%;
height:100vh;
margin:0;
padding-left:30px;
background-color:white;
color:black;
}

.mobile_canvas {
  position:fixed;
  left:-230000px;
  height:100vh;
  width:100%;
  top:0;
  background-color:rgba(0,0,0,0.5);
  z-index:100;
}
.show_up {
  left:0px;
}

.mobile_menu {
    background-color:var(--col2);
    width:310px;
    min-height:100vh;
    padding-left:20px;
    padding-top: calc(4px + 3vh);
    z-index:110;
    overflow:scroll;
}
.mobile_menu .mod_customnav .level_1 {
  padding: 0.5rem 0.8rem;
  border: 1px solid #317b83;
  border-radius:5px;
  margin-right: 1.3rem;
  background: #317b830d;
}
nav.mod_customnav ul{
  text-align:initial;
  z-index:110;
  list-style-type:none;
  margin-left:0;
}
nav.mod_customnav ul li{
  color:black;
  font-size: calc(2vh + 0.9rem);
  line-height:2.5rem;
  font-family:Inter,Arial,Sans-Serif;
  text-transform: uppercase;
  display:block;
}

nav.mod_customnav ul li.active, nav.mod_customnav li.active strong.active {
  width: 90%;
  background-color: var(--col1);
  padding: 0px 5px;
  margin: 0.15rem 0;
  font-size: calc(1vh + 0.9rem);
  font-weight:600;
  color: var(--col3);
  letter-spacing:-1px;
}
nav.mod_customnav ul li a{
  font-size: calc(1vh + 0.9rem);
  line-height:2.8rem;
  font-family:Inter,Arial,Sans-Serif;
  text-decoration:none;
  color: var(--col3);
  text-align: initial;
  letter-spacing:-1px;
}
nav.mod_customnav ul li a:hover, nav.mod_customnav ul a:active, .mobile_menu nav.mod_customnav.block ul li a:hover {
  color:grey;
  transform:scale(1.2);
}
@media screen and (max-height:500px) and (orientation:landscape) {
  nav.mod_customnav ul li, nav.mod_customnav ul li a {
    line-height:1.8rem;
}
}
.mobile_menu .mod_changelanguage ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  list-style-type: none;
  margin-left: 0;
  width: 90%;
  height:100%;
  background-color:#EEEEEE;
}
.mobile_menu .mod_changelanguage ul li,.mobile_menu .mod_changelanguage ul li a {
  color: var(--col4);
  padding: 0 0.15rem;
}
.mobile_menu .mod_changelanguage ul a:hover {
  color: grey;
  padding: 0 0.15rem;
}
.mobile_menu .mod_changelanguage ul li.active {
  border:2px solid var(--col1);
  margin-left: 5px;
}

.mobile_menu .mod_changelanguage h5 {
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--col4);
  margin-bottom: 0.2rem;
  border:none;
  padding: 0;
  padding-right:0.3rem;
  text-align:initial;
}
.mobile_menu .additonal_text {
  position: absolute;
  bottom: 0px;
  margin-bottom: 3vh;
}
@media screen and (max-height:500px) and (orientation:landscape) {
.mobile_menu {
  height:110vh;
  overflow:scroll;
}
  
.mobile_menu .additonal_text {
  margin-bottom:0;
  position:static;
  margin-top:5vh;
}}
/*                                                                               CONTENT                     */
.content-text:not(.link-card):not(footer *) {
    padding:1rem 0;
}
.content-swiper .content-text {
  padding:0;
}
/*                                                                               CARDS                     */
.cardgroup {
	gap: 30px 10px;
}
.card {
    width:100%;
    background-color:var(--col3);
    position:relative; /*wird benötigt für absolute Positionierung von card-overlay */
    outline:1px solid var(--col0);
    border-radius:7px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2), 6px 6px 8px 0 rgba(0, 0, 0, 0.19);
}
.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
  color: transparent;
}
.card-top {
    width:100%;
    background-color:var(--col1);
    min-height:50px;
    padding:1rem;
    padding-bottom:0;
}
.card-top h2,.card-top h3, .card-top h4, .card-top h5, .card-top p {
    margin-bottom:0;
}
.card-main {
    width:100%;
    background-color:var(--col1);
    min-height:50px;
    padding:1rem;
}
.card-footer {
    width:100%;
    background-color:var(--col3);
    min-height:50px;
    padding:1rem;
}
.card-footer p {
    color: white;
    margin-bottom:0;
}

/*                                                                               FORMS                     */
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
  background: var(--col1);
  color: black;
  border: 1px solid var(--col3);
  border-radius:4px;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid var(--col1);
  background: var(--col3);
  color: white;
  border-radius:4px;
}
select {
  height:1.6rem;
  font-size:0.9rem;
  width:50%;
  min-width:180px;
}
button {
  background:var(--col3);
  padding: 6px 9px;
  border-radius:4px;
  border:1px solid var(--col3);
  cursor:pointer;
  color: var(--col1);
  font-weight:600;
}
.choice {
  justify-items:center;
  margin: 3rem 0;
}
.choice button  {
  background:var(--col3);
  padding: 26px 39px;
  border-radius:4px;
  border:1px solid var(--col3);
  cursor:pointer;
  color: var(--col1);
  font-weight:600;
  margin:0.2rem;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2), 5px 5px 6px 0 rgba(0, 0, 0, 0.19);
}

select#language-filter {
  height:2rem;
  width:150px;
  font-size:1rem;
}

.content-accordion {
  translate: 0 -50px;
}
/*                                                                               FOOTER                     */
footer h2, footer h3, footer h4, footer h5, footer p, footer li, footer a {
    color:white;
    margin:0;
    background-color: var(--col3);
}
footer a:hover {
    color:var(--col1);
}


/*                                                                                  OTHER      */
.image-container {
   scrollbar-width:none;
}
/* Für Chrome, Safari, Edge */
.hero ::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

/* Für Firefox */
html .hero {
  scrollbar-width: none;
}

body {
	background: var(--col1);
}
*/
header {
  	border-bottom: 2px dotted white;
}
#bm {
  border-bottom:1px dotted white;
}

header, footer {
	background-color: var(--col3);
}  
.handorgel__header__button .handorgel__header--open,
.handorgel__header--open.handorgel__header--opened button.handorgel__header__button{
  background:var(--col1);
  color:var(--col0);
}
.handorgel__header--open.handorgel__header--opened button.handorgel__header__button::before {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACCUlEQVR4nO2ay0rDQBSGPxAKulfw8iRi9xbtRnwH8QW8YJei9W3EvRasLt0oXtba+ADqRl2MBE4hxEtjmplMMueHoc0kOefM1zmTmWZApVKp8qkBHAHPgHFQPoAHoANM4YG6jhr+U7kCZsoGEEkwi478DRv/IJ83ZUMwUlz7mwau5fs9MFt2zrtS0t+M9ACnPaH7Sz66UtqfcwhRKufLBuAcgkkF4AMAXI4JxlMAziAYjwE4gWA8B5AeE+LJ0mSdAETibykDhOFkaa9OAA5zTJlv6wSgIRCGPSFLefcVQBvoAW+pgOPjM2DVQryFGzQ5HRxk/PX2C47XCwDtRNfcAuZS5+PjbTlvxuwJXgLoyT1xI//Sjlx3miPOceKzDuBV7hk1SZmV616oGYA+cJ7TXy0AZNWC2B4QKICO2D4ODcAEsAl8FvB/Y+UArMsqbmh3d0x7lQLQSdi7A9YKsFkZAM3Ei48NSQNCAnBiY+laJQCR2JknUADG0uNUAVARAP1/TI9rCcCWFAAVALAiC54noEWAAJ4Sdh4pVgqACgBoCYS48csECMCmFAAKAAWARYNGAfDNwSVw4UldKQCM53VjySgARgL4aWlbVp0OgigAFAAWDUYZd22VoWYBL1dHAsiza8t1ibfjWAPQyLFry1UZSOMbNgH4JuvxRaHlfFrB5XxaweW8SqWi9voC1yexCR82Ad0AAAAASUVORK5CYII=);
  background-size: cover;
  display: inline-block;
  position: relative;
  margin-left: -10px;
  translate: 0 6px;
}

.handorgel__header--open.handorgel__header--opened button.handorgel__header__button::after {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAACCklEQVR4nO2abWrDQAxE5xIS7f1v0pALND9ynJaCCyb4K97VaiTrgSEJsTNZ70tAElAURVEURVEU59HpiAJVXgHwDeAJ4BP8UOWVKczPdFCEipJXATymII+XxzR6sOad38kngI+F15h2IlXepTD/MC4iVd6tMIyLSJVXd3437gBuB987grUM85x77zUPM+cv1Nfsuecibn32a07zvEc0WMNDZ7q8Z+7M3Unnd7R953yzYGt46HxG26Pnd6F1e4uhzi3a9jg/tM7Kqm0EnZVdW2adJYq2jDprNG2ZdNao2jLoLNG19dRZs2jrobNm03akzpJV21E6p9Z2hM7ptbXW+RLaWup8GW2tdN57veWzwiADKtNptLXS+ZI7z0rnlmuGRzrqnF5b5npgaKTDl2eagBiKdNw5l1tEMdDuMouojYUBkM/imKKN9TyQz+KYIgP/LdPprB3qeQzNexe0Uxneu3nvgnQswzPO4piincvwbLM4pqhB94xpFscUMeyeMczimKIDumeMo3Vd0IFN73Q6i0PTO43O6tj0Dq8zw6yKRtWZaVZFounMOGKmUXRm0DaszkzahtOZUdtQOq9d9Eba9G7R2Szvme0tjn1byrwjp+nT5j0SSggWjzrvVighWjzqvBbT9JfLq42l99FQ5pWF5g/TzguRVxqm6T2gzKuk2mbJWxRFURRFUYCLX+5npBgUKfzOAAAAAElFTkSuQmCC);
  background-size: cover;
  float:right;
}

.handorgel__header__button {
  display: grid;
  grid-template-columns: 8% 86% 6%;
  width: 100%;
  align-items: center;
}
/*
.handorgel__header__button::before {
  content: "←"; 
}

.handorgel__header__button::after {
  content: "→"; 
}
*/


.handorgel__header__button {
  font-weight:400;
  border:1px solid var(--col3);
  border-radius:5px;
  margin-top:0.3rem;
}

.handorgel__header__button::before {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACkElEQVR4nO2avW4UMRDHLSFFgh4kAk9wEmQm1yAEPRHQIPIMiJKGcDMrWTezBCh4ESpED5H4KGlAfNRJ4AGAhlAscm7vFFYJd7nd9Xpv/ZdcnH2yxz/P2OPdNSYqKipqDvWsXQKSJ8DyHVmzuguw7CHpV2RN+taeMk0LWB/7mPgRMN5ftPZMswBIv42M0cs+xpsAGHlBhiwfG4WAuUG+x4PBw9NA+iH3hC99Ss82GvPGkw6O51beeYBXT4AjYt54UnE87xCgEPNNA/AOAQsGhADAyduegIEC8AYBAwbgBQIGDqC4J7hk6dK9pycXBgDkm3Cf9cpUCONkiYQXBgCSPDp+2iyfFgZAz9olB2HsCTMV0t9BAkBKbyLJFrL8KqyY+/1qNZEbVdsbDABk3ZztxqdplfYGAQDdyueuiaz30drlf9qtXUaSjbw9K+MJgQKQrXx33vjf/4D1wb4XkLysyt5AAOjP/aNsSpLi2vOz/EdV9gYBAEjeAOvrecZbCACz6oK15/NTYdd0EQCyJjmA550CsL7+7ASw3gXSP2WfN7YOACRy293iJnkAyaBMf60CgBOXdxPXz5jIrQr6bAeA1cHwan7k7SHrHRcGpY1tEwBgeVH51bVVAGh0u1uh9JzpIgCs6TiNALglAOAY6fFCAqhLEQC3AMAKpdfdhQdJd4CGa6ZrAJB050Dqu12JoeO+IwANHwDQcG3k/rKNrNdM1wDUqQiAI4AsAuAIIKutQzxkACR5h6xvg6hrBACHXVdKGAHoVACHXW2bqoubIEcAWQTANQKAGb/aakLjdw1lXq5O94C5vtryXjZNXQB683y15a3Irpu8s7E2AKGpdvugazFfVOdivqjOxXxUVJTpgv4CMgI9g7DEib8AAAAASUVORK5CYII=);
  background-size: cover;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  position: relative;
  margin-left: -10px;
  translate: 0 6px;
}
.handorgel__header__button::after {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACxElEQVR4nO2Zz4rTUBSH74wrceXGtaArwek9HRAXulDBjQoqDLgQBZcuBK3o5NxC6LkdK4zzAgpuHBhRBBf6Ar6IT+BqEEWcRk6adPrX9CZNm7Tng8CQZO49v6/JyU2rlCAIgiAIgiAIgiAIg1SMvarRfgJDXzTSPVVwtLH3Ae1XrplrzzrYUzDUBmOD7ob0Wvn+qiocwQrX1leroTZnSDWc9qjWCWwPwNhn/OlrtD+jwd8US8JheK6Ra+Wao9oDZwm6NzzSg3h/xWtcKp6E/vBVYy/HR7j2rgSPahMNB17jSnjZD4QvpoTx4YclUHvU8SEAaTe6bFCNoRgSksPHcJYo07vEYTXS+86gzUd9B3x/NZwQ7Y91Y0/NV8Lk4RnOEgnYSxwasHmjczL9gTrdPhyE3kZ9Yb/y3D/J++YjwS18FZu3wizGBtU6XZ9oCkDa6pVwdrN1vNMT7H7Va1zsPbdPQu6PyPThwdgXTlMBUqtXAjdH7W2d6R7nx4yx33nfbCS4ha/U6WYcXhv7MtWUMCAh3q+RvGj/3wo2z4UT5irBLfz5xztHNdpfmcKPk7Cx8eEI/83hwaO73RNzk+AWfuA2fpJ9fjUsgZvJuEKmK8Et/LqxF/jSV3kAY26HUXCh2SWkvOfRHqzVto+pcksIUjc8525fPAmO4bF5LXO3zyKBn7XTk+De8ADtx5mGz09Cum6/5vsneI2i5gFMTYJbeF6ua2O/9S7M5gZkkaCClSwNL2m+UkiAWS9v80Ij2Xh5DB7d+d+5/ELFL1bxd3ehkIT7mLs9GPod/c8rVUR0CgkLEz7N7QCb/mn+cqW0l/0EV0KihIX55KctodThs0roC4+0rcqMdpSwUOFdJSxk+EklLHT4JAlLEX7UOkFj42G4le05Py0JAz+7t9QyAfxbg6HPvBXmrU4QBEEQBEEQBEEQ1FLwDzI2aJgA9vKVAAAAAElFTkSuQmCC);
  background-size: cover;
  width: 2rem;
  height: 2rem;
  float:right;
}
@media screen and (max-width:29.9999rem) {
  .handorgel__header__button::before,
  .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::before{
    width: 1.6rem;
    height: 1.6rem;
    margin-bottom: 10px;
  }
  .handorgel__header__button::after {
    width: 1.1rem;
    height: 1.1rem;
    margin-left: 15px;
  }

}
@media screen and (min-width:30rem) {
  .handorgel__header__button::before,
  .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::before{
    width: 2rem;
    height: 2rem;
   margin-bottom: 10px;
  }
  .handorgel__header__button::after {
    width: 1.3rem;
    height: 1.3rem;
    margin-left:20px;
  }
}
  @media screen and (min-width:40rem) {
  .handorgel__header__button::before,
  .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::before{
    width: 2.1rem;
    height: 2.1rem;
    margin-bottom: 10px;
  }
  .handorgel__header__button::after,
  .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::after{
    width: 1.5rem;
    height: 1.5rem;
    margin-left:25px;
  }
  }
.handorgel__content__inner {
  background-color: #ff780017;
  border-left: 1px solid #ff780070;
  border-right: 1px solid #ff780070;
}

.handorgel__content__inner p {
  font-style:italic;
}
.anchor-offset {
    padding-top: 100px; /* Passt den Wert nach Bedarf an */
    margin-top: -100px; /* Gleicht den Offset aus */
}
.text_center {
  text-align:center;
}

/*   INVERT JS  */
/*
#article-1, #article-2 {
  --target: 100%;
  width: 100%;
  background: linear-gradient(to right, #000 var(--target), #fff var(--target))!important;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

#article-1 h2, #article-1 p, #container h2, #container p {
  color: white!important;
/*  font-size: clamp(2.5rem, 8vw, 6rem);
  text-align: center;
  letter-spacing: -0.02em;  */  /*
  background: linear-gradient(to right, #fff var(--target), #000 var(--target));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  display: block;
  line-height: 0.95;
}
*/