@charset "UTF-8";
/* ubuntu-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* prompt-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/prompt-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* prompt-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/prompt-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* prompt-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/prompt-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* prompt-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/prompt-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* CSS Document */
body {margin:0;overflow-x: hidden;}
p {font-family:'Ubuntu'; font-size:17px;line-height:24px;font-weight:400;color:#000000;hyphens: auto;}
a {text-decoration: underline;color:#07783D}
a:hover {text-decoration: underline}
h1 {margin-top: 0;margin-bottom: 10px;font-family:'Prompt'; font-size:34px;line-height:41px;font-weight:700}
h2 {margin-bottom: 10px;font-family:'Prompt'; font-size:30px;line-height:35px;font-weight:500; text-align:left}
h3 {hyphens:auto;color:#07783D;margin-top: 15px;margin-bottom:8px;font-family:'Prompt'; font-size:25px;line-height:30px;font-weight:600; text-align:left}

ul {padding: 0 0 6px 30px; margin: 20px 0 20px 0;list-style: none;padding-left: 0!important;padding-top: 0px;}
ul li {background-position-y: 4px;background-size: 18px;font-family:'Ubuntu', sans-serif; font-size:17px;line-height: 25px; font-weight: 400;color: #000000;list-style-type: none;background-repeat: no-repeat;padding-left: 23px;background-image: url(../img/right-long-solid-full.svg);margin-bottom: 8px}

.link_gruener_pfeil {text-decoration: none;background-position-y: 1px!important;padding-left: 25px;background: url(../img/right-long-solid-full-green.svg)no-repeat left;color:#07783D;font-family:'Ubuntu';font-weight:400;font-size:17px;line-height:23px;}
.link_gruener_pfeil:hover {text-decoration: underline;}
.link_pdf_gruen {background-position-y: 2px!important;padding-left: 25px;background: url(../img/pdf-link-green.svg)no-repeat left;text-decoration: none;color:#07783D;font-family:'Ubuntu';font-weight:400;font-size:17px;line-height:23px;}
.link_pdf_gruen:hover {text-decoration: underline;}

/* Header */
#headerwrapper {width: 100%;height: auto;background-color:#ffffff;position: fixed;z-index:100;box-shadow: 0 8px 15px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 8px 15px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0 8px 15px 0px rgba(0,0,0,0.3);}
#header {width:97%;height:150px;margin:0 auto}
.logo {width: 80px;height: auto;text-align: left;float:left}
.logo img {height:85px;width:auto;padding-top:20px}
.praxis {padding-top: 33px;margin-left:0;width:100%;height:auto;}
.praxis p {display: inline-block;font-family:'Prompt'; font-size:37px;line-height:41px;text-align: left;font-weight: 700;padding: 0;margin: -2px 0 -9px 0; background-image: linear-gradient(90deg, #07783d, #1DA95C);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* Navi */
.slicknav_menu {display:none;}
#navi {width: 1200px;height:36px;background-color:#ffffff;margin:0 auto;margin-top: 0px;z-index:100;position: relative;}
#navi ul{padding: 0 0 0 0px;display: inline-block;margin-top:0;}
#navi ul li{display:inline-block; padding: 0 30px 0 0px;font-size: 18px;float: left;background-image:none}
#navi ul li a{font-family:'Ubuntu'; font-size:17px; color:#000000; font-weight:500; text-decoration: none;}
#navi ul li a:hover{border-bottom: 3px solid black;padding-bottom: 12px; /* Abstand zwischen Text und Linie */}
#navi ul li a.active{border-bottom: 3px solid black;padding-bottom: 12px;text-decoration:none}

#navi ul li:hover > ul{visibility:visible;}
#navi ul li ul{visibility:hidden;position:absolute;padding: 25px 0 0 0;margin: 0;width:300px}
#menu {display:none}

.slicknav_menu > ul{overflow:hidden;max-height:500px;overflow-x:hidden;overflow-y:auto}

/* Search */
.search {float: right;display: block;z-index: 100;position: relative;width: 23px;height: 13px;}

/* Search mob */
.mobsearch {float: right;display: block;z-index: 100;position: relative;display:none;margin-top: 10px;margin-right: 20px;width: 25px;height: 25px;}

/* Unternavi */
#rnav{border-radius: 0px;width:auto;height:auto;background-color:transparent;overflow:hidden;}
#rnav ul{padding:0 0 10px 0;width:385px;height:auto;display:block;margin:0;list-style:none;}
#rnav ul li {background-image:none;display:block;margin-bottom: 2px;font-family:'Prompt';font-weight:400;font-size:18px;line-height:23px;text-align:left;padding:14px 14px;text-decoration:none;color:#fff;background-color:#07783D;text-transform:none;text-indent:0;margin-right: 0;}
#rnav ul li:last-child {margin-bottom:0}
#rnav ul li a{text-decoration:none;color:#ffffff;text-transform:none;display:block;}

#rnav li:hover {background-color: #E9F4E1;}
#rnav ul li:hover a {color:#007D24;}
#rnav ul li.active a{color:#007D24;}
#rnav ul li.active {background-color: #E9F4E1;}
#rnav ul li:focus-within {background-color: #E9F4E1;color:#007D24;outline:none}
#rnav ul li a:focus-within {outline:none}

#rnav ul li ul {width:100%;height:auto;display:block;margin: 10px 0 5px 10px;padding:0;list-style:none;}
#rnav ul li ul li {margin-right: 13px;box-shadow:none;border:none;border-radius:0;margin-top: 8px;border-bottom: none;background-color:transparent;font-family:'Quicksand', sans-serif;font-weight:500;font-size:17px;line-height:23px;border-radius: 0px;text-align:left;padding:0;text-decoration:none;color:#ffffff;text-transform:none;text-indent:0}
#rnav ul li ul li a{text-decoration:none;color:#E9F4E1;text-transform:none}
#rnav ul li ul li a:hover {color:#07783D;text-decoration:underline}
#rnav ul li ul li a:focus-visible {color:#07783D!important;text-decoration:none;outline:none;background-color:#000}
#rnav ul li ul li a.active {color:#07783D;text-decoration:underline}
#rnav ul li ul li:active {color:#07783D;text-decoration:underline}

/* 2-Spalten */
.b_multicolumn.b_multicolumn--twocols {display: flex;gap: 20px;align-items: stretch;flex-direction: row;}
.b_multicolumn__col {width: 33%;flex: 1 1 0%;border: 1px solid #07783D;padding:20px 30px 10px 30px;margin: 10px 0 10px 0;border-radius:20px}
.b_multicolumn__col p {hyphens:auto}
.b_multicolumn__col:empty {display:none;}
.b_multicolumn__col:not(:has(*)) {border: none;}

/* 1-Spalte - BG Hellgrün */
.c_multicolumn.c_multicolumn--onecols {w}
.c_multicolumn__col {height:auto;background-color:#E9F4E1;margin-top: 40px;margin-bottom: 40px;padding: 20px 40px 20px 40px;}
/* DCE Kacheln Startseite */
#tiles {
  background: #eeeeee;
  padding-top: 180px;
  min-height: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: normal;
}


.tile {
  height: auto;
  width:100%;
  
}
.tile p {font-family:'Prompt'; font-size:22px;line-height:28px;font-weight:500; color:#000000;text-align:center}
.tile h2 {font-family:'Prompt'; font-size:18px;line-height:23px;font-weight:600; color:#000000;text-align:center;padding:20px 0 20px 0;text-transform:uppercase}
.tile h2 a {text-decoration:none;color:#000000}
.tile h2 a:hover{text-decoration:underline}

.tile:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  background-color:#31bf71
}

.tile:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  background-color:#83c6c9
}

.tile:nth-child(3) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  background-color:#13a1ea
}

.tile:nth-child(4) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  background-color:#fcc24a
}
.tile img {
 width: 280px;
 height:280px;
 border-radius: 50%; /* Rundung auf 50% für Kreisform */
 object-fit: cover;
 margin-top:35px;
 transform: scale(1);
 transition: all 0.3s linear;
}
.tile img:hover {transform: scale(0.9);}
/* Merkbox-Startseite */
#merken {margin-top: 60px;margin-bottom:80px;padding:30px 20px 20px 20px;flex-direction: column;width:auto;height:auto;border:1px solid #07783D;display: flex;justify-content: center;align-items: center}
.merkenbild {padding-bottom: 8px;width:65px;height:auto;margin: auto;}
.merkentitle h2 {margin-top: 0;margin-bottom: 0;font-family:'Prompt'; font-size:30px;line-height:35px;font-weight:500; text-align:center}
.merkentext h3 {color:#07783D;margin-top: 8px;margin-bottom:8px;font-family:'Prompt'; font-size:22px;line-height:28px;font-weight:600; text-align:center}
.merkentext p {text-align:center}

/* Kastengruen-Unterseite */
#kasten {background-color:#E9F4E1;margin-top: 40px;margin-bottom:40px;padding:40px 40px 20px 40px;}
.kastentitle h2 {margin-top: 0;margin-bottom: 0;font-family:'Prompt'; font-size:30px;line-height:35px;font-weight:500; text-align:left}
.kastentext p {text-align:left}
.kastentext h3 {color: #000000}
.kastentitle h2 {color: #0000000}

/* Kastentuerkis-Unterseite */
#kastentuerkis {background-color:#C9E7E8;margin-top: 40px;margin-bottom:40px;padding:40px 40px 20px 40px;}
.kastentuerkistitle h2 {margin-top: 0;margin-bottom: 0;font-family:'Prompt'; font-size:30px;line-height:35px;font-weight:500; text-align:left}
.kastentuerkistext p {text-align:left}
.kastentuerkistitle h2 {color: #000000}
.kastentuerkistext h3 {color: #000}

/* Kastenorange-Unterseite */
#kastenorange {background-color:#FFECC7;margin-top: 40px;margin-bottom:40px;padding:40px 40px 20px 40px;}
.kastenorangetitle h2 {margin-top: 0;margin-bottom: 0;font-family:'Prompt'; font-size:30px;line-height:35px;font-weight:500; text-align:left}
.kastenorangetext p {text-align:left}
.kastenorangetitle h2 {color: #000000}
.kastenorangetext h3 {color: #000}

/* Kastenblau-Unterseite */
#kastenblau {background-color:#BBE6FD;margin-top: 40px;margin-bottom:40px;padding:40px 40px 20px 40px;}
.kastenblautitle h2 {margin-top: 0;margin-bottom: 0;font-family:'Prompt'; font-size:30px;line-height:35px;font-weight:500; text-align:left}
.kastenblautext p {text-align:left}
.kastenblautitle h2 {color: #0000000}
.kastenblautext h3 {color: #000}

/* Boxen */
#boxen {width:100%; height:auto; background-color:#E9F4E1;margin-top:60px}
.boxwrapper {gap: 10px;width:1200px;margin:0 auto;display:flex;padding-bottom:80px;padding-top:80px;flex-direction: row;justify-content:center ;align-items: stretch;align-content: center}
.box {display: flex;flex-direction: column;align-items: center;height: auto;width:100%;background-color:#ffffff}
.box p {text-align:center;padding: 0 20px 0 20px;}
.box h3 {color:#000000;margin-top: 15px;margin-bottom: 0;font-family:'Prompt'; font-size:26px;line-height:32px;font-weight:600; text-align:center}
.box img {height:70px;width:auto;padding-top: 30px;}

/* Content */
#content {width: 1200px; min-height:300px;margin:0 auto;}
#content h1 {text-align: center;margin-top:70px;font-size: 38px;line-height:43px}
#content p {text-align:center}

/* Content Unterseite */
#contentwrapper #merken {margin-top: 20px;}
#contentwrapper {height: auto;margin: 20px auto;width: 1200px;overflow: hidden;}
#content_unter {order:1;width: auto; min-height:300px;margin:0 auto;padding: 20px 0px 30px 0px;overflow: hidden;}
#rightRow {float: right;width: 100%;}
#right {order:2;width: 340px;float: right; margin-left: 30px;overflow: hidden;margin-top: 20px;}
#content_unter .ce-gallery img {margin-right: 15px;margin-bottom: 10px;margin-top:15px}
#content_unter img {height: auto;max-width: 100%;vertical-align: middle;}


/* Breadcrumbs */
#breadcrumbswrapper {width:100%;height:auto;background: transparent;}
#breadcrumbs {width:1200px;padding-top: 15px;padding-bottom: 30px;}
#breadcrumbs p {margin: 0 0 0 0!important; font-size: 14px!important;line-height: 19px!important;font-family:'Ubuntu', sans-serif;}
#breadcrumbs a {font-size: 14px!important; color: #07783D;font-family:'Ubuntu', sans-serif;text-decoration:none}
#breadcrumbs a:hover{text-decoration:underline}
#breadcrumbs a:focus-within{text-decoration: none;background-color:#000;outline: none;color:#07783D}

/* Buttons */
.button_gruen {display: inline-block;font-size:16px;line-height:23px;margin-bottom: 10px;font-weight:600;background-color:#31bf71;padding:15px 30px 14px 30px;color:#000000;text-decoration:none;font-family:'Prompt';text-transform: uppercase}
.button_gruen:hover {background-color:#188C4C}
.button_gruen p {color:#000000}
.a:button_gruen {color:#000000; text-decoration:none}

.button_tuerkis {display: inline-block;font-size:16px;line-height:23px;margin-bottom: 10px;font-weight:600;background-color:#83c6c9;padding:15px 30px 14px 30px;color:#000000;text-decoration:none;font-family:'Prompt';text-transform: uppercase}
.button_tuerkis p {color:#000000}
.a:button_tuerkis {color:#000000; text-decoration:none}
.button_tuerkis:hover {background-color:#64B7B9}

.button_blau {display: inline-block;font-size:16px;line-height:23px;margin-bottom: 10px;font-weight:600;background-color:#13a1ea;padding:15px 30px 14px 30px;color:#000000;text-decoration:none;font-family:'Prompt';text-transform: uppercase}
.button_blau:hover {background-color:#0D73AB}
.button_blau p {color:#000000}
.a:button_blau {color:#000000; text-decoration:none}

.button_orange {display: inline-block;font-size:16px;line-height:23px;margin-bottom: 10px;font-weight:600;background-color:#fcc24a;padding:15px 30px 14px 30px;color:#000000;text-decoration:none;font-family:'Prompt';text-transform: uppercase}
.button_orange:hover {background-color:#FCB322}
.button_orange p {color:#000000}
.a:button_orange {color:#000000; text-decoration:none}

.button_dunkelgruen {display: inline-block;font-size:16px;line-height:23px;margin-bottom: 10px;font-weight:600;background-color:#07783D;padding:15px 30px 14px 30px;color:#ffffff;text-decoration:none;font-family:'Prompt';text-transform: uppercase}
.button_dunkelgruen:hover {background-color:#07743B}
.button_dunkelgruen p {color:#ffffff}
.a:button_dunkelgruen {color:#ffffff; text-decoration:none}

/* Links */
.link_underline_impressum {text-decoration:none;color:#ffffff}
.link_underline_impressum:hover {text-decoration:underline}

/* Footer */
#footer {width:100%; height:auto; background-color:#07783D;}
.footerwrapper {gap: 20px;width:1200px;margin:0 auto;display:flex;padding-top:60px;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;align-content: normal} 
.footer{height: auto;width:100%;}
.footer p {color:#ffffff}
.footer h3 {color:#fff;margin-top: 0;margin-bottom: 0;font-family:'Prompt'; font-size:20px;line-height:26px;font-weight:600;}
.footer ul {margin-left: 0;padding-left: 0;}
.footer ul li {font-family:'Ubuntu'; font-size:16px;line-height:23px;font-weight:400;color:#ffffff;padding: 0 0 6px 0;list-style: none;background-image:none}

/*Logos*/
#logos {width:100%; height:auto; background-color:#ffffff;}
.logowrapper {width:1200px;margin:0 auto;display:flex;padding-top:40px;padding-bottom:40px;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;align-content: normal}
.logos {height: auto;width:100%;}

/*Mobile*/

@media screen and (min-width: 0px) and (max-width: 1460px){
.tile img {width: 200px;height: 200px;}
.tile h2 {font-size: 16px;line-height: 21px;}
.tile {padding: 0 20px 0 20px;}
}
@media screen and (min-width: 0px) and (max-width: 1260px){
#navi {width: 90%;}
#content {width: 90%;}
.boxwrapper {width: 90%;flex-wrap:wrap;}
.footerwrapper {width: 90%;}
.logowrapper {width: 90%;}  
.box {width:48%}
  #contentwrapper {width:90%}
#breadcrumbs {width:90%}
}
  
@media screen and (min-width: 0px) and (max-width: 1080px){
#content {width: 90%;}
.b_multicolumn__col {padding:20px 20px 10px 20px;}
.b_multicolumn__col {width: auto;}
}
@media only screen and (min-width: 0px) and (max-width: 950px)  {
  .c_multicolumn__col {padding:20px}
  #rnav ul {width: 100%;}
.tile h2 {font-size: 18px;line-height: 23px;}
  #kasten {padding: 30px 20px 20px 20px;}
  #kastenorange {padding: 30px 20px 20px 20px;}
  #kastenblau {padding: 30px 20px 20px 20px;}
  #kastentuerkis {padding: 30px 20px 20px 20px;}
  #breadcrumbs {order:1;padding-bottom: 15px;}
  #contentwrapper {display:grid}
  #content_unter {width:100%;order:2}
  #right {width:100%;margin:0 auto;order:3}
  #content h1 {margin-top: 40px;}
.mobsearch {display:block}
.search {display:none}
.slicknav_menu {display: block;}
.js #menu {display: none;}
#navi {width: 100%;height:30px}
#navi {display:none;}
#headerwrapper {}
#mobnav {display: block;}
#tiles {flex-direction: column;}
#tiles img {display: none;}
#header {height: 134px;}
.tile h2 {text-align:left;padding:8px 0 8px 0px}
}
@media only screen and (min-width: 0px) and (max-width: 768px)  {
.praxis p {font-size: 33px;line-height: 38px;}
.logo img {height: 80px;}
.logo {width: 74px;}
.footerwrapper {flex-wrap:wrap;padding-bottom: 40px;}
.logowrapper {flex-wrap:wrap;gap: 30px;}
.logos img .ce-right .ce-gallery {float: left;}
  
}
@media only screen and (min-width: 0px) and (max-width: 680px)  {
.praxis p {font-size: 27px;line-height: 32px;}
.logo img {height: 74px;}
.logo {width: 73px;}
#header {display:flex}
.praxis {width:85%}
.b_multicolumn.b_multicolumn--twocols {flex-direction: column;gap: 0px;}
}

@media only screen and (min-width: 0px) and (max-width: 575px)  {
  .praxis p {font-size: 25px;line-height: 30px;}
.logo img {height: 70px;padding-top:15px;}
.logo {width: 65px;}
.box {width: 100%;}
  .praxis {padding-top:15px}
.praxis p {font-size: 26px;line-height: 28px;}
.logo img {height: 65px;}
.logo {width: 65px;}
  #header {width: 90%;}
}