body {
    font-family: var(--font-body);
    color: var(--color-typo);
    padding:0;
    line-height:1.5;
    font-size:unset;
  }
  
  body.search-open{
    overflow:hidden;
  }
  
  h1, h2, h3, h4, h5 {
  	font-family: var(--font-heading);
  }
  
  h1{
    flex-basis:100%;
     font-size:3rem;
  }
  
  h2{
     font-size:2.4375rem;
     line-height: 2.5187rem;
  }

  h3, .colorbox h2{
     font-size:1.9375rem;
  }
  .card h3{
     margin-top:0.5rem;
  }
  
  h4, .card h3, .flourish-chart + .content-accordion h2.handorgel__header, flourish-chart + .content-accordion h3.handorgel__header{  
  font-size: 1.9375rem;
    line-height: 2.5187rem;
  }
  
  h5, #main table caption{ 
    font-family: var(--font-heading);
  font-size: 1.563rem;
    
  }
#wrapper {
	padding-top:0em;
}

.search-open .searchoverlay{
  position:absolute;
  width:100%;
  height:100vh;
  background-color:var(--color-primary-darkest-70);
  content: " ";
  display:block;
  z-index:300;
}

.searchoverlay{
  display:none
}


header { 

	z-index:99;
	background-color:#fefefe;
	width:100%;
/*    margin-top:-8em;
    --tw-shadow: 0px 4px 6px 4px #03213814;
  --tw-shadow-colored: 0px 4px 6px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); */
  padding-top: .625rem;
  padding-bottom: .625rem;
}


header .inside {
padding: 0 12px;
}
   
.header-text::before {
	content:"";
}

.dropdown-menu-search .content-tabs  {
  flex-basis: calc(100% - 212px - 3.5em);
}

.dropdown-menu-search input {
  width:100%;
  background-color:var(--color-gray-lightest);
  font-size: 1.5625rem;
  line-height: 2.0313rem;
  font-family:var(--font-heading);
  color: var(--color-typo);
  padding: 1.5rem 4rem 1.5rem 1.25rem;
  box-sizing: border-box;
  box-sizing:border-box;
  border-color:var(--color-gray-lighter);
}

.dropdown-menu-search input::placeholder {
  color:var(--color-typo);
}

.dropdown-menu-search input::focus-visible, .dropdown-menu-search input::focus{
  outline-color: currentcolor;
}

.dropdown-menu-search .logo{
  margin-top:1.25rem;
  margin-right:0rem;
}



.dropdown-menu-search .logo{
  margin-top:1.25rem;
} .formbody {
  position:relative;
  margin-top:1.25rem;
}

.dropdown-menu-search .widget-submit {
  position:absolute;
  bottom: 1.75rem;
  right: 1rem;
  margin:0;
}

.dropdown-menu-search .widget-submit button{
  width:2.75em;
  color: var(--color-primary);
  line-height: 0;
  border: 0;
  background: transparent;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  display: flex;
  cursor: pointer;
  text-indent:5rem;
  overflow:hidden;
  text-indent:-999px;
  position:relative;
}

.dropdown-menu-search .widget-submit button:before{
content: "\e826";
  font-size: 1.9375rem;
  font-family: Icons;
  text-indent: 7.5rem;
  position:absolute;
  right:0;
}

#headline {
  background-color:var(--color-primary-darkest-80);
  color:var(--color-primary-light);
 font-size: 1.25rem;
  line-height: 1.875rem;
    
    padding: .625rem 12px;
}

#headline a{
  color:var(--color-primary-light);
  text-underline-offset: 4px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

#headline a:hover{

  text-decoration: none;
}

#banner {
  position:relative;

  margin-left: auto;
  margin-right: auto;
  max-width: 1560px;
margin-top:0rem;
/*z-index:-2;*/
box-sizing: border-box;
width:100%;
left:0;
top:0;
}

#banner:has(.size-full) {
  width:100%;
  height:100%;
  max-width:unset;
}

#banner img{
  width:100%;
  aspect-ratio:639 /232;
}

#banner:has(.size-full)::before {
  display:none;
}

#banner::before {
  display:block;
  content:" ";
  background-color: var(--color-primary);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  right: -1.25rem;
  width:100%;
  position: absolute;
  top:0rem;
  z-index:-10;
  bottom: -1.25rem;
  left:1.25rem;
  height:calc(100% + 1.25rem);
}

#banner .rte {
  position:absolute;
  padding:3.5em 2.25em;
  border-radius:4px;
  background-color: var(--color-primary-light-70);
  margin:9rem 12px 4rem 12px;
  hyphens:auto;
  max-width: 760px;
  top:0;
  
}

#banner figure {
  position:relative;
  
}

.copyright {
  position:absolute;
  bottom:0.85rem;
  right:0.75rem;
}

button.openCopyright {
  float:right;
  padding: .25rem;
  background-color: var(--color-primary-darkest-70);
  color: var(--color-primary-light);
  border-radius:9999px;
  line-height:1;
  font-size:1.5rem;
}

button.openCopyright:hover, button.openCopyright[aria-expanded="true"] {
  background-color: var(--color-primary);
}

.figure-copyright {
  color: var(--color-primary-light);
  background-color: var(--color-primary-darkest-70);
  border-radius: 4px;
  margin-right: .5rem;
  display:inline-block;
  padding-bottom: .125rem;
  padding-top: .125rem;
  padding-left: .375rem;
  padding-right: .375rem;
  font-size: .875rem;
  line-height: 1.625rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease;
}


.figure-copyright.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.icon-circle-copyright {
  display:flex;
  justify-content:center;
}
.icon-circle-copyright:before {
  align-self:top;
}


.figure-copyright__text {
--tw-space-x-reverse: 0;
  margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
  margin-right: calc(.25rem*var(--tw-space-x-reverse));
}
.logo{
	max-width:50%;
	float:left;
	margin-top:0;
	aspect-ratio: auto 163 / 44;
	align-content: center;

}

.logo img {
  width: 212px;
  
}

.logo a[href^="http"]:after {
  display:none;
}

.titel {
  float: left;
font-size: 1.75em;
margin:0.95em 0 0.5em 1em;

  width: 13em;
  font-family:"Source Sans 3";
  color:#6f6f6f;
  font-weight:500;
}

.titel a{
	color:var(--font-color);
}

.serifen {
  font-family:"Source Serif 4";	
}

.upper {
  text-transform:uppercase;	
font-size: 0.83em;
font-weight: 800;
letter-spacing:0.04em;
}

.semibold {
	font-weight:500;
}

.sepp {
	margin-top:calc(16pt + 2em);

}

.sepp:before {
	height:1px;
	width:100%;
	margin:auto;
	background-color:#ccc;
	display:block;
	content:"";
		margin-bottom:calc(0.75em * 0.8);
}

.nav-ext-1 {
	float:left;
		float:right;
	margin:3.2em 0 0 4em;
	margin:2em 0 0 0.5em;
}

.nav-ext-2{
	clear:left;
	float:right;
}

header .inside:after {
	display:block;
	width:100%;
	content:"";
	clear:both;
}


 
 #container{
 	display:flex;
 	flex-flow:row wrap;
 	gap:2em;

 }
 

 #main, #breadcrumbs{

 margin-left: auto;
    margin-right: auto;
    max-width: 1560px;
    padding-left: 12px;
    padding-right: 12px;
  
 	box-sizing:border-box;
 }

 .mainwidth, .mod_breadcrumb{
   margin: auto;
    max-width: 1304px;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing:border-box;
 }
 
 
 .mb4 {
   margin-bottom: 4rem;
 }
 
 .mod_breadcrumb{
   margin-bottom:1.25rem;
 }
 
  #main{
     	min-height:50vh;
  }
  
#main .mod_breadcrumb a{
     color:var(--color-typo);
     text-decoration:underline;
     text-decoration-thickness: 1px;
     text-underline-offset: inherit;
  }
  
#main .mod_breadcrumb a:hover{
     text-decoration:none;
  }
  

 
#main  a, #addbottom a{
 color:var(--color-primary);
 text-decoration-line: underline;
  text-decoration-thickness: 4px;
  text-underline-offset: 5px;
  transition-duration: .15s;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  text-decoration-color: var(--color-primary-30);

}
#main a:hover,#addbottom a:hover{
 text-decoration-color: inherit;

}

 
 
  #right {
  	flex-basis: calc(25% - 1em);
  	max-width: calc(25% - 1em);
  	padding-left:1em;
 	box-sizing:border-box;
 	margin-right:0;
  }
  
  .totop {
    margin-top:1rem;
  }
  
  .logos-bottom{
    padding:2.25em 2.5em;
    border-top:1px solid var(--color-gray-lightest);

  }
  
 
  
footer {
   	background-color: var(--color-primary-darkest);
   	padding:5rem 4rem 0.5rem;
   	color: var(--color-primary-light);
   }
   
footer .inside {
  display:grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
gap: 1.25rem;
}

footer h2 {
  color: var(--color-primary-light);
  font-size: 1.5625rem;
  line-height: 2.0313rem;
}

footer #quicklinks {
  display:block;
}
#footer p, #footer ul, #footer address {
font-size: .875rem;
  line-height: 1.625rem;
}
 #footer ul {
line-height: 2.2;
}
 
 footer .address {

 }
 
 footer .bottomlinks {
   float:right;
   vertical-align: middle;
   display: flex;
 }
 
footer .ce_cookiebarOpener {
  display:inline-block;
 		margin-left:1em;
vertical-align: middle;
 }
 
footer  .ce_cookiebarOpener:before {

  	color:#000;
  	margin-left:0.3em;
  	display:inline-block;
  
  }
  
  footer .ce_cookiebarOpener a{
    text-decoration: underline;
  }

  
main#fl-layout-wrapper {
  padding: 0 !important;
}

.kontakt h2::before {
	content: "\e618";
	font-family: "icomoon";
	margin-right:0.3em;
}



#main .handorgel__header__button {
  display: flex;
  width: 100%;
  padding: 1rem 0px;
  margin: 0;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
  border-top: 1px solid #eee;
  background-color: #fff;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-align: left;
  transition: background-color .2s ease;
  user-select: none;
    align-items: center;
}

#footer .handorgel__header__button {
  background-color: transparent;
  color: inherit;
  border-top: 1px solid var(--color-primary-light-20);
}

#footer .content-accordion {
  border:0;
}

#footer .handorgel__header__button {
  padding:20px 0;
}

#footer .handorgel__content__inner {
  padding: 0 0 1rem 0;
}

#footer .navfrequent ul {
  display: block;
}

.footer-icon {
  display:inline-block;
  font-size: 1.5625rem;
  line-height: 2.0313rem;
  padding:0.5rem;
}

.footer-icon:first-child {
  margin-left:-0.5rem;
}

a.footer-icon[href^="https"]:after {
  content:"";
}

.footer-icon:hover, .footer-icon:focus-visible {
  color:var(--color-gray-light);
}

#main .handorgel__header__button::before {
  font-family: Icons;
  padding: 0;
  content: "\e800";
  float: left;
  line-height: 1em;
  text-align: center;
  font-size: 1.5625rem;
  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));
  transition-duration: .15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  display: inline-block;
  vertical-align: middle;
  bottom: 1px;
  position: relative;
 margin-right:1rem;
}

#main .handorgel__header__button[aria-expanded="true"]::before {
  --tw-content: "\e82d";
  content: var(--tw-content);
  --tw-rotate: 180deg;
  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));
}

#main .handorgel__header__button::after {
	display:none;
}

.handorgel__content {
  border-top:none;
}
.handorgel__content__inner {
  padding: 0 0 1rem 2.5rem;
}

.ce_accordion .toggler h4 {
	font-size:15pt;
	color:var(--focus-color);
	cursor:pointer;
	margin-bottom:0.5em;
	display:inline;
}

.ce_accordion .toggler h4:after {
	font-family:"icomoon";
	content:"\e626";
	font-size:0.4em;
	display:inline-block;
	vertical-align:middle;
	margin-left:0.75em;
}

.ce_accordion .toggler.active h4:after {
	font-family:"icomoon";
	content:"\e625";
}

input {
	color:#000;
}

#quicklinks-top h3, .dropdown-menu a {
	color:#fff;
}

svg text {
	opacity:1 !important;
}
#quicklinks-top h3{
	display:inline-block;
}
.bordergradient, #quicklinks-top h3:after{
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 2px;
  background: linear-gradient(to right, #ffffffff, #ffffff00);
  display:block;
}
a.invisible{
		visibility:unset;
}

#wrapper .mod_navigation .invisible[href*="skipNavigation"]:focus-visible, #wrapper .mod_customnav.nav-ext-footer .invisible[href*="skipNavigation"]:focus-visible, #wrapper .invisible[href*="handorgel"]:focus-visible{
		color:var(--color-primary-light);
		position: absolute;
		z-index:200;
		background-color: var(--color-primary);
		border-radius:3px;
}

a[href^="http"]:after {
content: "\e805";
font-family:Icons;
font-size: .875rem;
  line-height: 1.625rem;
  margin-left:0.3em;
  display: inline-block;
}

.bottomlinks a[href^="http"]:after {
content: "";
display: none;
}

a{
  color:inherit;
}

a:hover{
  color:var(--color-primary)
}

#header .invisible:focus, #container .invisible:focus, #footer .invisible:focus {
	color:#000;
	clip: auto;
	height: auto;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: auto;

} 

/*a:focus, #container :focus, #header :focus, #footer :focus, .contao-cookiebar .cc-group .cc-detail-btn:focus, .contao-cookiebar .cc-group .cc-detail-btn:focus, .contao-cookiebar .cc-btn:focus, .contao-cookiebar  input:focus-visible +label.group {

	display:inline-block;
	outline:0;
	box-sizing:border-box;
}

a:focus-visible, #container :focus-visible, #header :focus-visible, #footer :focus-visible, .contao-cookiebar .cc-group .cc-detail-btn:focus-visible, .contao-cookiebar .cc-group .cc-detail-btn:focus-visible, .contao-cookiebar .cc-btn:focus-visible, .contao-cookiebar label.group:focus-visible, .contao-cookiebar input:focus-visible +label.group {

	display:inline-block;
	outline:2px solid var(--highlight-color);;
	box-sizing:border-box;
}
*/

#container table :focus{
	display:block;
}

figure a {
	display:inline-block;
	padding:1px;
}
header nav ul {
	margin-bottom:0;
}

.spaced {
  white-space: nowrap;
  word-spacing: -0.15em;
}

.glossary {
  display: flex;
  flex-flow: row wrap;
  gap: 2em;
}

.glossary > div {
  flex-basis: calc(50% - 2em);
}

a[data-glossary-id], #main a[data-glossary-id], span[data-glossary-id] {
	text-decoration:underline dotted #999;
	color: #333333;
	cursor:pointer;
}

thead a[data-glossary-id], #main thead a[data-glossary-id], thead span[data-glossary-id] {
  color:var(--color-primary-light);
}

.grouplist ul li{
	display:inline-block;
}

.glossary .letter {
	font-size:1.2em;
	font-weight:600;
}

.glossary h4 {
  font-size: 1.1em;
  font-weight: 500;
  margin-bottom: 0.4em;
}





.mod_sitemap ul {
	margin: 0 0 0.3em 1.5em ;
}



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

 button {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
  }
.sr-only {
  clip: rect(0,0,0,0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

[class*=" icon-"]::before, [class^="icon-"]::before {
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
}

.material-symbols-outlined[class*=" icon-"]::before, .material-symbols-outlined::before  {
  font-family: "Material Symbols Outlined"!important;;
  font-weight: normal;
  font-style: normal;

  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}


.rounded-full {
  border-radius: 9999px;
}

.flex {
  display: flex;
}

.rowwrap{
  flex-flow: row wrap;
}
.justify-between{
justify-content: space-between;
}

.col-3{
  grid-column: span 3/span 3;
}

footer .col-3 {
  padding:0 0.5rem;
 
}

.col-6 {
    grid-column: span 6/span 6;
  }
  
  .col-12 {
  grid-column: span 12/span 12;
}

.flex-50{
  flex-basis:50%;
}
.flex h1, .flex h2, .flex h3, .flex h4, .flex h5, .flex h6, .noflex {
  flex-basis:100%;
}

.rowrap {
  flex-flow:row wrap;
}

.flex-start {
  justify-content: flex-start;
}

.gap20 {
  gap:20px;
}

.colorboxes{
  display:flex;
  flex-flow:row wrap;
  gap:1.25rem;
  justify-content: flex-start;
  padding-bottom: 20px;
}

.colorbox{ 
flex-basis:calc(25% - 1.25rem*3/4);
position:relative;
hyphens:auto;
}

.colorbox:before {
background: var(--color-secondary-one);
/* shadow-teaser 
box-shadow: 0px 8px 18px -6px rgba(3, 33, 56, 0.24);*/
border-radius: 4px;
padding: 10px 0px 0px;
content:" ";
}
/*.colorbox:first-of-type>a, .colorbox:nth-of-type(7)> a, .colorbox:nth-of-type(13)> a, .colorbox:nth-of-type(19)> a {
  background-color:var(--color-secondary-one);
}

.colorbox:nth-of-type(2)>a, .colorbox:nth-of-type(8)> a, .colorbox:nth-of-type(14)> a, .colorbox:nth-of-type(20)> a {
  background-color:var(--color-secondary-two);
}

.colorbox:nth-of-type(3)> a, .colorbox:nth-of-type(9) >a, .colorbox:nth-of-type(15)> a {
  background-color:var(--color-secondary-three);
}
.colorbox:nth-of-type(4)> a, .colorbox:nth-of-type(10) >a, colorbox:nth-of-type(16)> a {
  background-color:var(--color-secondary-four);
}

.colorbox:nth-of-type(5) >a, .colorbox:nth-of-type(11) >a, .colorbox:nth-of-type(17) >a {
  background-color:var(--color-secondary-five);
}

.colorbox:nth-of-type(6)> a, .colorbox:nth-of-type(12) >a, .colorbox:nth-of-type(18) >a  {
  background-color:var(--color-secondary-six);
}*/

.colorbox:first-of-type>a, .colorbox:nth-of-type(6n+1)> a {
  background-color:var(--color-secondary-one);
}

.colorbox:nth-of-type(2)>a, .colorbox:nth-of-type(6n+2)> a {
  background-color:var(--color-secondary-two);
}

.colorbox:nth-of-type(3)> a, .colorbox:nth-of-type(6n+3) >a {
  background-color:var(--color-secondary-three);
}
.colorbox:nth-of-type(4)> a, .colorbox:nth-of-type(6n+4) >a {
  background-color:var(--color-secondary-four);
}

.colorbox:nth-of-type(5) >a, .colorbox:nth-of-type(6n+5) >a {
  background-color:var(--color-secondary-five);
}

.colorbox:nth-of-type(6)> a, .colorbox:nth-of-type(6n+6) >a {
  background-color:var(--color-secondary-six);
}



.colorbox .rte:after {
float: right;
content:"\e803";
color:var(--color-primary);
font-family:Icons;
margin-top:2rem;
font-size: 1.23rem;
align-self:flex-end;
}

.colorbox>a {
--tw-shadow: 0px 3px 18px -6px #0321383d;
background: var(--color-secondary-one);
/* shadow-teaser 
box-shadow: 0px 8px 18px -6px rgba(3, 33, 56, 0.24);*/
border-radius: 4px;
padding: 10px 0px 0px;
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
display: flex;
flex-flow:row wrap;
justify-content: stretch;
gap: 20px;
height:100%;
}
.colorbox>a:hover {
  --tw-shadow: 0px 3px 18px -6px #0321383d,0px 12px 42px -4px #18274b1f;
  
}

.colorbox .rte{
  background: #FFFFFF;
border: 1px solid #F2F4F5;
border-radius: 4px;
padding: 16px 1.25rem;
margin:0;
flex-basis: 100%;
border-top:0;
line-height: 2;
height:100%;
display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.colorbox h3, .colorbox h2 {
  color:inherit;
  margin-top:0;
  line-height: 1.468;
    flex-basis:100%;

}
.colorboxes h1, .colorboxes h2 {
  color:inherit;
  flex-basis:100%;
 /* margin-top: 0;*/

}

.colorbox figure {
 display:none;
}

#main .colorbox a{
 color:inherit;;
 text-decoration:none;
  transition-duration: .15s;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  text-decoration-color: var(--color-primary-30);

}
.boxnavi a:hover{
 text-decoration-color: inherit;

}

a.chapter-title {
  font-weight:600;
}

.cards{
  display:flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 1.25rem;
  margin-bottom:3rem;
}

.card {
  
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  --tw-shadow: 0px 3px 18px -6px #0321383d;
  --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color);
  padding:1.5em 1.25rem 1rem 1.25rem;
  border-radius:4px;
  background-color: var(--color-primary-light);
  margin-bottom:1rem;

}


.mw650 {
  max-width:650px;
  margin-right:1em;
}

.mrgtop {
  margin-top:2rem;
}