@charset "UTF-8"; 
 @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src:  url('https://www.csu-oberpframmern.de/cms/lib/schriftarten/roboto/roboto-300.woff2') format('woff2'),  url('https://www.csu-oberpframmern.de/cms/lib/schriftarten/roboto/roboto-300.woff') format('woff'); }
 @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src:  url('https://www.csu-oberpframmern.de/cms/lib/schriftarten/roboto/roboto-regular.woff2') format('woff2'),  url('https://www.csu-oberpframmern.de/cms/lib/schriftarten/roboto/roboto-regular.woff') format('woff'); }
 @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 700; src:  url('https://www.csu-oberpframmern.de/cms/lib/schriftarten/roboto/roboto-700.woff2') format('woff2'),  url('https://www.csu-oberpframmern.de/cms/lib/schriftarten/roboto/roboto-700.woff') format('woff'); }
 /******************************************************************************************
 *                       *
 * 06.07.2025 13:17 CMS                 *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * Font Awesome                   *
 ******************************************************************************************/

 /* * /
			@font-face {
					font-family: 'Font Awesome 6 Free';
					font-style: normal;
					font-weight: 400;
					font-display: block;
					src: url("https://www.csu-oberpframmern.de/cms/lib/schriftarten/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("https://www.csu-oberpframmern.de/cms/lib/schriftarten/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"); }
 /* */

			@font-face {
				font-family: 'fontawesome';
				font-style: normal;
				font-weight: 900;
				font-display: block;
				src: url('https://www.csu-oberpframmern.de/cms/lib/schriftarten/fontawesome/webfonts/fa-solid-900.woff2') format('woff2'), url('https://www.csu-oberpframmern.de/cms/lib/schriftarten/fontawesome/webfonts/fa-solid-900.ttf') format('truetype');
 }

				@font-face {
					font-family: 'fontawesome-brands';
					font-style: normal;
					font-weight: 400;
					font-display: block;
					src: url("https://www.csu-oberpframmern.de/cms/lib/schriftarten/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("https://www.csu-oberpframmern.de/cms/lib/schriftarten/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
  }


 /******************************************************************************************
 * Zurücksetzen der Standard-Elemente              *
 ******************************************************************************************/

 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 input, select, textarea {
 margin: 0;
 padding: 0;
 text-align: left;
 border: none;
 box-sizing: border-box;
 
 color: #222222;
 }

 html,
 body {
 width: auto;
 min-height: 100%;
 min-height: 100vh;
 border: none;
 color: #000000;
 }

 html {
 background-color: #FFFFFF;
 }

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 legend,
 p,
 ul,
 ul li {
 position: relative;
 }

 form {
 position: relative;
 margin: 0;
 }

 :focus {
 outline: 0;
 }


 :after {
 margin: 0 1px 0 0.2em;
 }

 td {
 width: auto;
 vertical-align: top;
 }

 strong {
 font-weight: bold;
 }

 textarea {
 width: 100%;
 }

 ol,
 ul {
 margin: 0 0 0 25px;
 list-style-type: square;
 }

 li {
 margin: 0 0 7px 0;
 }

 img {
 border: none;
 }

 hr {
 height: 1px;
 margin-top: 25px;
 margin-bottom: 25px;
 color: #CCCCCC;
 background-color: #CCCCCC;
 border: none;
 }

 sup {
 font-size: 0.6em;
 }

 
 * { -webkit-font-smoothing: antialiased; -webkit-font-smoothing: auto; }


 /******************************************************************************************
 * CMS-Logo                    *
 ******************************************************************************************/

 .cmslogo,
 .cmslogo .icon,
 .cmslogo a,
 .cmslogo span,
 a span.cmslogo,
 a:link span.cmslogo,
 a:hover span.cmslogo,
 a:active span.cmslogo,
 a:visited span.cmslogo {
 position: relative;
 margin: 0 !important;
 font-family: 'SulphurPoint', 'verdana', 'arial' !important;
 font-size: inherit;
 font-weight: 400 !important;
 text-decoration: none !important;
 color: #0055BB !important;
 }

 .cmslogo .icon {
 display: none;
 }


 /******************************************************************************************
 * .bearbeiten                    *
 ******************************************************************************************/

 .bearbeiten {
 position: relative;
 }


 /******************************************************************************************
 * Debug                     *
 ******************************************************************************************/

 .cssdebugbutton {
 position: fixed;
 top: auto;
 right: 0;
 bottom: 0;
 left: auto;
 width: 20px;
 height: 20px;
 margin: 0;
 padding: 0;
 background-color: transparent;
 z-index:9902;
 }


 /******************************************************************************************
 * .dateidownload                   *
 ******************************************************************************************/

 .dateidownload {
 display: block;
 position: relative;
 }

 .dateidownload.nichtverfuegbar {
 opacity: 0.3;
 }


 /******************************************************************************************
 * Diverses                    *
 ******************************************************************************************/

 #ajaxergebnis {
 display: none;
 }

 
 .floatclear {
 display: block;
 position: static;
 width: 0 !important;
 height: 0 !important;
 margin: 0 !important;
 padding: 0 !important;
 line-height: 0 !important;
 font-size: 0 !important;
 clear: both !important;
 float: none !important;
 outline: none !important;
 border: none !important;
 }

 .filter1,
 .filter2,
 .hintergrund,
 .hintergrund2,
 .lihintergrund {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 margin: 0;
 padding: 0;
 }

 body.frontend .filter1,
 body.frontend .filter2,
 body.frontend .hintergrund2 {
 display: none;
 }

 .highlighting {
 font-weight: normal;
 color: #444444;
 background-color: #FFFF66;
 }

 .ohnewordwrap {
 white-space: nowrap !important;
 }

 .parameter,
 .parameter2 {
 display: none;
 }

 .ausgeblendet,
 .versteckt {
 display: none !important;
 }

 @media print {

 input {
 display: none;
 }

 }

 .nowrap {
 flex-wrap: nowrap !important;
 }

 .pointer {
 cursor: pointer;
 }

 .zentriert,
 .zentriert * {
 justify-content: center;
 text-align: center;
 }

 .vzentriert,
 .vzentriert * {
 align-items: center !important;
 }


 /******************************************************************************************
 * #dummy                     *
 ******************************************************************************************/

 #dummy {
 position: absolute;
 width: 100%;
 color: #FF0000;
 border: 2px solid #00FF00;
 z-index: 29999;
 }


 /******************************************************************************************
 * .dunkelhell                    *
 ******************************************************************************************/

 /* */
 :root {
 color-scheme: light dark;
 }
 /* */

 /******************************************************************************************
 * .dunkelhell                    *
 ******************************************************************************************/

 .buttons.dunkelhell,
 .buttons.dunkelhell li {
 height: 100%;
 margin: 0;
 }

 body.backend .buttons.dunkelhell {
 margin: 0 2rem 0 auto;
 }

 body.dunkelhell-0 .buttons.dunkelhell li.dunkel,
 body.dunkelhell-0 .buttons.dunkelhell li.auto,

 body.dunkelhell-1 .buttons.dunkelhell li.hell,
 body.dunkelhell-1 .buttons.dunkelhell li.auto,

 body.dunkelhell-2 .buttons.dunkelhell li.hell,
 body.dunkelhell-2 .buttons.dunkelhell li.dunkel {
 display: none;
 }

 .buttons.dunkelhell .icon {
 padding: 0 0.4rem 0 0.4rem;
			 }

 .buttons.dunkelhell li .text:before {
 margin-top: 0;
			 }

 .buttons.dunkelhell li.hell .icon:before,
 .buttons.dunkelhell li.hell .text:before {
 content: "\f185";
 }

 .buttons.dunkelhell li.dunkel .icon:before,
 .buttons.dunkelhell li.dunkel .text:before {
 content: "\f186";
 }

 .buttons.dunkelhell li.auto .icon:before,
 .buttons.dunkelhell li.auto .text:before {
 content: "\f042";
 }


 /******************************************************************************************
 * ul.cms_baumstruktur                  *
 ******************************************************************************************/

 body.frontend ul.cms_baumstruktur.baum13 li.typ2 {
 display: none;
 }


 /******************************************************************************************
 * .emailadresse - codierte Darstellung gegen SPAM           *
 ******************************************************************************************/

 .emailadresse .bei:before,
 .emailadresse .tld:before {
 font-weight: normal;
 font-style: normal;
 content: "@";
 }

 .emailadresse .tld:before {
 content: ".";
 }


 /******************************************************************************************
 * .flaechenlink                   *
 ******************************************************************************************/

 a.flaechenlink {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 display: block;
 width: auto;
 height: auto;
 
 background: #FFFFFF;
 opacity: 0.00;
 border: none;
 }

 a.flaechenlink > span {
 display: none;
 }


 /******************************************************************************************
 * .fa - Font Awesome                  *
 ******************************************************************************************/

 .fa:before {
 position: relative;
 padding-left: 0.1em;
 font-family: 'fontawesome';
 font-weight: 900;
 }

 body.symbole0 :before,
 body.symbole0 :after {
 margin: 0 0.2em 0 1px;
 font-family: 'fontawesome' !important;
 font-weight: 900 !important;
 }

 body.symbole1 :before,
 body.symbole1 :after {
 margin: 0 0.2em 0 1px;
 font-family: 'fontawesome' !important;
 font-weight: normal;
 }

 body.symbole2 :before,
 body.symbole2 :after {
 margin: 0 0.2em 0 1px;
 font-family: 'fontawesome' !important;
 font-weight: 300;
 }

 body.symbole0 .fab:before,
 body.symbole0 .fab:after,
 body.symbole1 .fab:before,
 body.symbole1 .fab:after {
 font-family: 'fontawesome-brands' !important;
 }


 /******************************************************************************************
 * #fuss                     *
 ******************************************************************************************/

 #fuss {
 position: relative;
 width: 100%;
 height: auto;
 z-index: 31;
 }


 /******************************************************************************************
 * #hintergrundbilder                  *
 ******************************************************************************************/

 #hintergrundbilder {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 z-index: 2;
 }

 #hintergrundbilder .galerie,
 #hintergrundbilder .modul-hintergrundbilder,
 #hintergrundbilder .rahmen {
 width: 100%;
 height: 100%;
 z-index: 2;
 }

 #hintergrundbilder .blende,
 #hintergrundbilder .filter1,
 #hintergrundbilder .filter2 {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 3;
 }

 #hintergrundbilder .filter1,
 #hintergrundbilder .filter2 {
 display: none;
 }

 #hintergrundbilder .blende {
 display: none;
 height: 50%;
 z-index: 4;
 }


 /******************************************************************************************
 * #inhalt                     *
 ******************************************************************************************/

 #inhalt {
 position: relative;
 width: 100%;
 z-index: 21;
 }

 body.fonnavi.fonnavibreite-0 #inhalt,
 body.fonnavi.fonnavibreite-0 #fuss,
 body.ohneinhalt #inhalt {
 display: none;
 }

 @media (max-width: 600px) {

 body.fonnavi.fonnavibreite-1 #inhalt,
 body.fonnavi.fonnavibreite-1 #fuss {
 display: none;
 }

 }

 #abstandzuminhalt {
 position: relative;
 width: 1px;
 height: 0;
 line-height: 0;
 }


 /******************************************************************************************
 * #inhalt > .mindesthoehe                 *
 ******************************************************************************************/

 #inhalt > .mindesthoehe {
 display: none;
 float: right;
 position: relative;
 width: 1px;
 height: 400px;
 margin-right: -4px;
 }

 body.inhaltmindesthoehe1 #inhalt > .mindesthoehe {
 display: block;
 }


 /******************************************************************************************
 * #ladeanzeige                   *
 ******************************************************************************************/

 #ladeanzeige {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 border: none;
 color: #999999;
 z-index: 10999;
 display: none;
 }

 #ladeanzeige .hintergrund {
 background-color: #FFFFFF;
 opacity: 0.70;
 }

 #ladeanzeige .schliesser {
 position: absolute;
 left: 10px;
 top: 10px;
 }

 #ladeanzeige .schliesser,
 #ladeanzeige .schliesser * {
 font-size: 12px;
 color: #DDDDDD;
 text-decoration: none;
 }

 #ladeanzeige .textbox {
 display: table;
 position: fixed;
 width: 100%;
 height: 100%;
 }

 #ladeanzeige .text {
 display: table-cell;
 position: relative;
 vertical-align: middle;
 }

 #ladeanzeige .text p {
 position: relative;
 width: auto;
 margin: 290px auto 0 auto;
 text-align: center;
 font-size: 30px;
 color: #555555;
 }


 /******************************************************************************************
 * Links                     *
 ******************************************************************************************/

 a:active,
 a:link,
 a:visited,
 a:hover {
 text-decoration: none;
 color: #0066CC;
 }

 a:hover {
 color: #CC0000;
 }


 /******************************************************************************************
 * .inhaltlayout                   *
 ******************************************************************************************/

 .inhaltlayout {
 display: block;
 position: relative;
 }

 .inhaltlayout > .box > .filter1,
 .inhaltlayout > .box > .hintergrund {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: auto;
 height: auto;
 margin: 0;
 padding: 0;
 }

 .inhaltlayout .boxtrenner {
 display: none;
 position: relative;
 }

 .inhaltlayout > .box > .rahmen,
 .inhaltlayout > .box > .rahmen > .inhalt {
 position: relative;
 width: auto;
 overflow: hidden;
 }


 /******************************************************************************************
 * .mehranzeigen                   *
 ******************************************************************************************/

 .mehranzeigen.oeffner,
 .wenigeranzeigen.schliesser {
 display: inline-block;
 z-index: 999;
 }


 /******************************************************************************************
 * #meldung                    *
 ******************************************************************************************/

 #meldung {
 display: block;
 position: fixed;
 top: -200px;
 right: 0;
 left: 0;
 width: auto;
 height: auto;
 text-align: center;
 z-index: 9999;
 }

 #meldung.leer {
 display: none;
 }

 #meldung > .hintergrund {
 background-color: #666666;
 opacity: 0.85;
 }

 #meldung.fehler > .hintergrund {
 background-color: #CC0000;
 }

 #meldung.ok > .hintergrund {
 background-color: #009900;
 }

 #meldung > .rahmen {
 display: inline-block;
 width: auto;
 padding: 10px;
 }

 body.backend #meldung > .rahmen {
 padding: 0.8em;
 }

 #meldung > .rahmen .text,
 #meldung > .rahmen p {
 position: relative;
 text-align: center;
 font-size: 20px;
 color: #FAFAFA;
 }

 body.backend #meldung > .rahmen .text,
 body.backend #meldung > .rahmen p {
 font-size: 15px;
 }

 #meldung > .rahmen > .text:before {
 margin-right: 8px;
 font-size: 20px;
 content: "\f05a";
 color: #FAFAFA;
 }

 body.backend #meldung > .rahmen > .text:before {
 font-size: 16px;
 }

 #meldung.fehler > .rahmen > .text:before {
 content: "\f06a";
 }

 #meldung.ok > .rahmen > .text:before {
 content: "\f058";
 }


 /******************************************************************************************
 * #meldung .schliesser                 *
 ******************************************************************************************/

 #meldung .button.schliesser {
 position: absolute;
 top: 0.1rem;
 right: 0.6rem;
 left: auto;
 width: auto;
 border: none;
 margin: 0;
 }

 body.backend #meldung .button.schliesser {
 margin-top: 0;
 }

 #meldung .button.schliesser > .hintergrund {
 background-color: transparent;
 border: none;
 }

 #meldung .button .icon {
 display: block;
 padding: 0 0.6rem 0 0.6rem;
 }

 body.backend #meldung .button .icon {
 padding: 0;
 }

 #meldung .button .text {
 display: none;
 }

 #meldung .button.schliesser .icon:before,
 #meldung .button.schliesser .text:before {
 line-height: 1.6em;
 margin: 0;
 content: "\f00d";
 font-size: 20px;
 color: #F4F4F4;
 }

 body.backend #meldung .button.schliesser .icon:before,
 body.backend #meldung .button.schliesser .text:before {
 font-size: 16px;
 }


 /******************************************************************************************
 * #nojscripthinweis                  *
 ******************************************************************************************/

 #nojscripthinweis {
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
 text-align: center;
 z-index: 9999;
 }

 #nojscripthinweis .rahmen {
 display: inline-block;
 width: auto;
 padding: 0.2em 0.8em 0.2em 0.8em;
 }

 #nojscripthinweis > .hintergrund {
 background-color: #FFCC66;
 opacity: 0.85;
 }

 #nojscripthinweis .rahmen p {
 position: relative;
 margin: 0;
 font-family: verdana, serife;
 font-weight: normal;
 text-align: center;
 font-size: 13px;
 color: #333333;
 }

 #nojscripthinweis .rahmen p:before {
 margin-right: 8px;
 font-size: 14px;
 content: "\f071";
 }

 @media (max-width: 899px) {

 #nojscripthinweis .rahmen p {
 font-size: 10px;
 }

 #nojscripthinweis .rahmen p:before {
 font-size: 12px;
 }

 }


 /******************************************************************************************
 * #rahmen / .rahmen                  *
 ******************************************************************************************/

 #rahmen,
 .rahmen,
 .rahmen > .inhalt {
 position: relative;
 }


 /******************************************************************************************
 * .sitemapbaeume                   *
 ******************************************************************************************/

 .sitemapbaeume ul {
 margin: 0;
 list-style-type: none;
 }

 .sitemapbaeume .sitemapbaum1,
 .sitemapbaeume .sitemapbaum2,
 .sitemapbaeume .sitemapbaum3,
 .sitemapbaeume .sitemapbaum4,
 .sitemapbaeume .sitemapbaum5,
 .sitemapbaeume .sitemapbaum6,
 .sitemapbaeume .sitemapbaum7,
 .sitemapbaeume .sitemapbaum8,
 .sitemapbaeume .sitemapbaum9 {
 float: left;
 margin: 0 15px 15px 0;
 padding: 15px;
 border: 1px solid #EEEEEE;
 }

 .sitemapbaeume ul li {
 margin: 0 0 3px 0;
 list-style-type: none !important;
 }

 .sitemapbaeume ul li.element1 {
 margin-top: 2px;
 }

 .sitemapbaeume ul li.ebene2 {
 margin-left: 15px;
 }

 .sitemapbaeume ul li.ebene3 {
 margin-left: 30px;
 }

 .sitemapbaeume h1.titel1 {
 margin: 0;
 }

 .sitemapbaeume * {
 background: none;
 }

 .sitemapbaeume a,
 .sitemapbaeume a:link,
 .sitmeapbaeume a:active,
 .sitemapbaeume a:visited,
 .sitemapbaeume a:hover {
 text-decoration: none;
 }


 /******************************************************************************************
 * #statusleiste                   *
 ******************************************************************************************/

 #statusleiste {
 display: block;
 position: fixed;
 right: 0;
 left: 0;
 width: auto;
 height: auto;
 margin: 0 auto 0 auto;
 text-align: center;
 z-index: 999;
 }

 #statusleiste.modus-0,
 #statusleiste.modus-2.warenkorb-0.merkliste-0.benutzerid-0,
 #statusleiste.modus-2.warenkorb-0 .buttons .warenkorb {
 display: none;
 }

 #statusleiste.position-0 {
 top: 0;
 bottom: auto;
 }

 #statusleiste.position-1 {
 top: auto;
 bottom: 0;
 }

 #statusleiste > .hintergrund.animiert {
 opacity: 0;
 }

 @media (max-width: 350px) {

 #statusleiste * {
 font-size: 14px;
 }

 }

 #statusleiste > .rahmen {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 padding: 0.3rem 0 0.3rem 0;
 }

 #statusleiste > .hintergrund {
 background-color: #36F7FF;
 }

 #statusleiste > .hintergrund.animiert {
 background-color: #FF4A8B;
 }

 #statusleiste .buttons li {
 margin-top: 0;
 margin-bottom: 0;
			 }


 /******************************************************************************************
 * #statusleiste .loginstatus                *
 ******************************************************************************************/

 #statusleiste .loginstatus.modus0,
 #statusleiste .loginstatus.modus2.benutzerid0,

 #statusleiste .loginstatus .login,
 #statusleiste .loginstatus .logout.aktseite,
 #statusleiste .loginstatus.id0 .logout {
 display: none;
 }

 #statusleiste .loginstatus.id0 .login {
 display: inline-block;
 }


 /******************************************************************************************
 * #statusleiste .schliesser                *
 ******************************************************************************************/

 #statusleiste .button.schliesser {
 position: absolute;
 top: 0;
 right: 10px;
 left: auto;
 width: auto;
 border: none;
 margin: 0.4rem 0 0 0;
 }

 #statusleiste .button.schliesser > .hintergrund {
 background-color: transparent;
 }

 #statusleiste .button .icon {
 display: block;
 line-height: normal;
 }

 #statusleiste .button .text {
 display: none;
 }

 #statusleiste .button.schliesser .icon:before,
 #statusleiste .button.schliesser .text:before {
 line-height: 1.6em;
 margin: 0;
 content: "\f00d";
 font-size: 15px;
 color: #007DBD;
 }

 #statusleiste .loginstatus .button:hover .icon:before {
 color: #666666;
 }


 /******************************************************************************************
 * .textlink                    *
 ******************************************************************************************/

 .textlink,
 .textlink span,
 .textlink:active,
 .textlink:link,
 .textlink:visited,
 .textlink:hover {
 font-size: inherit;
 }

 .textlink:before {
 margin: 0 3px 0 1px;
 line-height: 1.0em;
 font-size: 0.9em;
 font-style: normal;
 display: inline-block;
 content: "\f35d";
 }


 /******************************************************************************************
 * .ticker                     *
 ******************************************************************************************/

 .ticker {
 display: block;
 position: relative;
 width: 100%;
 overflow: hidden;
 }

 .ticker > .text {
 display: inline-block;
 position: absolute;
 width: auto;
 }

 .ticker > .text *,
 .ticker > .text p,
 .ticker > .text p span,
 .ticker > .text p a {
 white-space: nowrap;
 }

 .ticker > .text p,
 .ticker > .text p span {
 color: inherit;
 }

 .ticker > .text p {
 padding: 0.4rem 0 0.4rem 0;
 }

 
 #ticker {
 display: block;
 position: relative;
 width: 100%;
 
 z-index: 50;
 }


 /******************************************************************************************
 * #wartungshinweis                  *
 ******************************************************************************************/

 #wartungshinweis {
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
 text-align: center;
 z-index: 9999;
 }

 #wartungshinweis.modus0,
 #wartungshinweis.modus4,
 #wartungshinweis.modus6 {
 display: none;
 }

 #wartungshinweis .hintergrund {
 background-color: #DD0000;
 opacity: 0.55;
 }

 #wartungshinweis.modus2 .hintergrund,
 #wartungshinweis.modus4 .hintergrund {
 background-color: #999999;
 opacity: 0.55;
 }

 #wartungshinweis .rahmen {
 display: inline-block;
 position: relative;
 width: auto;
 padding: 4px;
 }

 body.frontend #wartungshinweis.modus5 .rahmen {
 padding: 8px;
 }

 #wartungshinweis .rahmen p {
 font-family: verdana, serife;
 text-align: center;
 font-size: 11px;
 color: #FAFAFA;
 }

 body.frontend #wartungshinweis.modus5 .rahmen p {
 font-size: 18px;
 }

 #wartungshinweis .rahmen p.text {
 display: none;
 }

 #wartungshinweis.modus1 .rahmen p.text1,
 #wartungshinweis.modus2 .rahmen p.text2,
 #wartungshinweis.modus3 .rahmen p.text3,
 #wartungshinweis.modus4 .rahmen p.text4,
 #wartungshinweis.modus5 .rahmen p.text5 {
 display: block;
 }

 #wartungshinweis .rahmen p:before {
 margin-right: 8px;
 font-size: 12px;
 content: "\f0ad";
 }

 body.frontend #wartungshinweis.modus5 .rahmen p:before {
 font-size: 20px;
 }

 @media (max-width: 899px) {

 body.frontend #wartungshinweis.modus5 .rahmen p {
 font-size: 14px;
 }

 body.frontend #wartungshinweis.modus5 .rahmen p:before {
 font-size: 16px;
 }

 }


 /******************************************************************************************
 * #wartungshinweis .schliesser               *
 ******************************************************************************************/

 #wartungshinweis .button.schliesser {
 position: absolute;
 top: 0;
 right: 5px;
 left: auto;
 width: auto;
 border: none;
 margin: 0;
 }

 #wartungshinweis .button.schliesser > .hintergrund {
 background-color: transparent;
 }

 #wartungshinweis .button.schliesser .icon,
 #wartungshinweis .button.schliesser .text {
 line-height: 1.3em;
 margin: 0;
 padding: 0;
 }

 #wartungshinweis .button .icon {
 display: block;
 }

 #wartungshinweis .button .text {
 display: none;
 }

 #wartungshinweis .button.schliesser .icon:before,
 #wartungshinweis .button.schliesser .text:before {
 line-height: 1.2em;
 margin: 0;
 padding: 0;
 content: "\f00d";
 font-size: 10px;
 color: #F4F4F4;
 }

 /******************************************************************************************
 *                       *
 * 17.07.2025 14:47 CMS                 *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * .boxen                     *
 ******************************************************************************************/

 .boxen,
 #datensatz.dbtabelle_webinhalte .formularfelder {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 position: relative;
 vertical-align: top;
 }

 .boxeninbox {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 position: relative;
 vertical-align: top;
 }


 /******************************************************************************************
 * .box                     *
 ******************************************************************************************/

 .box {
 
 display: inline-block;
 display: -webkit-inline-flex;
 display: inline-flex;
 -webkit-flex: 0 0 100%;
 flex: 0 0 100%;
 position: relative;
 width: 100%;
 max-width: 100%;
 margin: 0;
 vertical-align: top;
 /*
 overflow: hidden;
 */
 box-sizing: border-box;
 }

 .box > .rahmen {
 width: 100%;
 }

 
 #fuss .inhaltlayout .box.layout-100,
 #inhalt .inhaltlayout .box.layout-100,
 #kopf .inhaltlayout .box.layout-100 {
 display: none;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-100,
 #datensatz.dbtabelle_webinhalte .box777,
 #datensatz.dbtabelle_webinhalte .box.layout-0,
 #datensatz.dbtabelle_webinhalte .box.layout-101,
 .box.layout-121,
 .box.layout-122,
 .inhaltlayout .box.layout-101 {
 width: 100%;
 margin-right: 0;
 margin-left: 0;
 }


 
 .inhaltlayout .box.layout-121 {
 max-width: none;
 }

 
 .inhaltlayout .box.layout-121 > .rahmen {
 width: 100%;
 }

 body.cssdebug .box > .boxdebug {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 font-family: verdana !important;
 font-size: 50px !important;
 font-weight: normal !important;
 background-color: #FFCC66;
 opacity: 0.4;
 color: #FF0000 !important;
 }


 /******************************************************************************************
 * .box - schmal, zentriert                *
 ******************************************************************************************/

 
 #datensatz.dbtabelle_webinhalte .box.layout-102,
 .inhaltlayout .box.layout-102 {
 text-align: center;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-102 > .rahmen,
 .inhaltlayout .box.layout-102 > .rahmen,

 #datensatz.dbtabelle_webinhalte .box.layout-102 > .hintergrund,
 .inhaltlayout .box.layout-102 > .hintergrund {
 width: 599px;
 max-width: 100%;
 margin-right: auto;
 margin-left: auto;
 }

 #datensatz.dbtabelle_webinhalte .tabinhalt1 .dynform .formularfeld.box.layout-102 > .rahmen {
 margin: 0 auto 0 auto !important;
 }

 @media (max-width: 599px) {

 #datensatz.dbtabelle_webinhalte .box.layout-102 > .rahmen,
 .inhaltlayout .box.layout-102 > .rahmen {
 max-width: 98%;
 margin-left: 1%;
 }

 }


 /******************************************************************************************
 * .box - schmal, zentriert 2                *
 ******************************************************************************************/

 
 #datensatz.dbtabelle_webinhalte .box.layout-117,
 .inhaltlayout .box.layout-117 {
 text-align: center;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-117 > .rahmen,
 .inhaltlayout .box.layout-117 > .rahmen {
 width: 699px;
 margin-right: auto;
 margin-left: auto;
 }

 @media (max-width: 699px) {

 #datensatz.dbtabelle_webinhalte .box.layout-117 > .rahmen,
 .inhaltlayout .box.layout-117 > .rahmen {
 width: 98%;
 margin-left: 1%;
 }

 }


 /******************************************************************************************
 * .box - schmal, zentriert 3                *
 ******************************************************************************************/

 
 #datensatz.dbtabelle_webinhalte .box.layout-123,
 .inhaltlayout .box.layout-123 {
 text-align: center;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-123 > .rahmen,
 .inhaltlayout .box.layout-123 > .rahmen {
 width: auto;
 margin-right: auto;
 margin-left: auto;
 }

 @media (max-width: 699px) {

 #datensatz.dbtabelle_webinhalte .box.layout-123 > .rahmen,
 .inhaltlayout .box.layout-123 > .rahmen {
 width: 98%;
 margin-left: 1%;
 }

 }


 /******************************************************************************************
 * Mehr als eine Spalte                 *
 ******************************************************************************************/

 @media (min-width: 699px) {

 
 #datensatz.dbtabelle_webinhalte .box.layout-134,
 .inhaltlayout .box.layout-134 {
 -webkit-flex: 0 0 18%;
 flex: 0 0 18%;
 width: 18%;
 max-width: 18%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-132,
 .inhaltlayout .box.layout-132 {
 -webkit-flex: 0 0 18%;
 flex: 0 0 18%;
 width: 18%;
 max-width: 18%;
 margin-left: auto;
 }


 
 #datensatz.dbtabelle_webinhalte .box.layout-107,
 .inhaltlayout .box.layout-107 {
 -webkit-flex: 0 0 28%;
 flex: 0 0 28%;
 width: 28%;
 max-width: 28%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-106,
 .inhaltlayout .box.layout-106 {
 -webkit-flex: 0 0 28%;
 flex: 0 0 28%;
 width: 28%;
 max-width: 28%;
 margin-left: auto;
 }


 
 #datensatz.dbtabelle_webinhalte .box.layout-111,
 .inhaltlayout .box.layout-111 {
 -webkit-flex: 0 0 38%;
 flex: 0 0 38%;
 width: 38%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-110,
 .inhaltlayout .box.layout-110 {
 -webkit-flex: 0 0 38%;
 flex: 0 0 38%;
 width: 38%;
 margin-left: auto;
 }


 
 #datensatz.dbtabelle_webinhalte .box.layout-103,
 .inhaltlayout .box.layout-103 {
 -webkit-flex: 0 0 48%;
 flex: 0 0 48%;
 width: 48%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-104,
 .inhaltlayout .box.layout-104 {
 -webkit-flex: 0 0 48%;
 flex: 0 0 48%;
 width: 48%;
 margin-left: auto;
 }


 
 #datensatz.dbtabelle_webinhalte .box.layout-109,
 .inhaltlayout .box.layout-109 {
 -webkit-flex: 0 0 58%;
 flex: 0 0 58%;
 width: 58%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-112,
 .inhaltlayout .box.layout-112 {
 -webkit-flex: 0 0 58%;
 flex: 0 0 58%;
 width: 58%;
 margin-left: auto;
 }


 
 #datensatz.dbtabelle_webinhalte .box.layout-105,
 .inhaltlayout .box.layout-105 {
 -webkit-flex: 0 0 68%;
 flex: 0 0 68%;
 width: 68%;
 max-width: 68%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-108,
 .inhaltlayout .box.layout-108 {
 -webkit-flex: 0 0 68%;
 flex: 0 0 68%;
 width: 68%;
 max-width: 68%;
 margin-left: auto;
 }


 
 #datensatz.dbtabelle_webinhalte .box.layout-131,
 .inhaltlayout .box.layout-131 {
 -webkit-flex: 0 0 78%;
 flex: 0 0 78%;
 width: 78%;
 max-width: 78%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-133,
 .inhaltlayout .box.layout-133 {
 -webkit-flex: 0 0 78%;
 flex: 0 0 78%;
 width: 78%;
 max-width: 78%;
 margin-left: auto;
 }


 
 #datensatz.dbtabelle_webinhalte .box.layout-113,
 .inhaltlayout .box.layout-113 {
 -webkit-flex: 0 0 30.50%;
 flex: 0 0 30.50%;
 width: 30.50%;
 margin-right: 4.2%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-114,
 .inhaltlayout .box.layout-114 {
 -webkit-flex: 0 0 30.50%;
 flex: 0 0 30.50%;
 width: 30.50%;
 margin-left: auto;
 }


 
 #datensatz.dbtabelle_webinhalte .box.layout-115,
 .inhaltlayout .box.layout-115 {
 -webkit-flex: 0 0 22.7%;
 flex: 0 0 22.7%;
 width: 22.7%;
 margin-right: 2%;
 }

 
 #datensatz.dbtabelle_webinhalte .box.layout-116,
 .inhaltlayout .box.layout-116 {
 -webkit-flex: 0 0 22.7%;
 flex: 0 0 22.7%;
 width: 22%;
 margin-left: auto;
 }

 }


 /******************************************************************************************
 * .box.format-X                   *
 ******************************************************************************************/

 .box.format-1 > .rahmen > .inhalt,
 .box.format-2 > .rahmen > .inhalt,
 .box.format-3 > .rahmen > .inhalt,
 .box.format-4 > .rahmen > .inhalt,
 .box.format-5 > .rahmen > .inhalt,
 .box.format-010 > .rahmen > .inhalt,
 .box.format-015 > .rahmen > .inhalt,
 .box.format-020 > .rahmen > .inhalt,
 .box.format-025 > .rahmen > .inhalt,
 .box.format-030 > .rahmen > .inhalt,
 .box.format-035 > .rahmen > .inhalt,
 .box.format-040 > .rahmen > .inhalt,
 .box.format-045 > .rahmen > .inhalt,
 .box.format-050 > .rahmen > .inhalt,
 .box.format-055 > .rahmen > .inhalt,
 .box.format-060 > .rahmen > .inhalt,
 .box.format-065 > .rahmen > .inhalt,
 .box.format-070 > .rahmen > .inhalt,
 .box.format-075 > .rahmen > .inhalt {
 width: 100%;
 height: auto;
 padding-bottom: 100%;
 padding-bottom: 75%;
 }


 .box.format-2 > .rahmen > .inhalt {
 max-height: 500px;
 padding-bottom: 56.25%;
 }


 /******************************************************************************************
 * .box.format-5 - Bild oben, Text unten             *
 ******************************************************************************************/

 .box.format-5 {
 width: 100%;
 }

 .box.format-5 > .hintergrund2 {
 display: block;
 width: 100%;
 height: 56.25%;
 }

 .box.format-5 > .rahmen {
 padding-top: 56.25%;
 }


 /******************************************************************************************
 * .box.design-51 - parallax                *
 ******************************************************************************************/

 .box.design-51 {
 margin-right: 0;
 text-align: center;
 }

 
 .box.design-51 {
 width: 102%;
 margin-left: -1%;
 }

 .box.design-51 > .rahmen {
 max-width: 1000px;
 margin-right: auto !important;
 margin-left: auto !important;
 text-align: center;
 }

 
 .box.design-51 > .hintergrund,
 .box.design-51 > .hintergrund2 {
 display: block;
 background-attachment: fixed;
 background-size: cover;
 opacity: 1;
 }

 .box.design-51 > .hintergrund2 {
 background-attachment: fixed !important;
 }

 body.browser_mobile .box.design-51 > .hintergrund2 {
 background-attachment: local !important;
 }

 @media only screen
 and (min-width: 768px)
 and (max-width: 1024px)
 and (-webkit-min-device-pixel-ratio: 2) {

 .box.design-51 > .hintergrund2 {
 background-attachment: local !important;
 }

 }


 /******************************************************************************************
 * .box.design-52 - Hintergrundfarbe mit Abstand zum Inhalt        *
 ******************************************************************************************/

 .box.design-52 > .rahmen > .inhalt {
 position: relative;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 padding: 1.1rem;
 }


 /******************************************************************************************
 * .box.design-53 - Hintergrund Viewport-Breite, vert. Innen-Abstand, kein Aussen-Abstand *
 ******************************************************************************************/

 .box.design-53 {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
 }

 .box.design-53 > .hintergrund {
 right: -10000px;
 left: -10000px;
 }

 .box.design-53 > .rahmen {
 padding-top: 3.0rem;
 padding-bottom: 3.0rem;
 }


 /******************************************************************************************
 * .box.design-54 - Hintergrund volle Breite            *
 ******************************************************************************************/

 .box.design-54 > .hintergrund {
 background-color: transparent;
 }

 .box.design-54 > .rahmen {
 padding-top: 3.0rem;
 padding-bottom: 3.0rem;
 }


 /******************************************************************************************
 * .box.design-56 - ohne Aussen-Abstand (margin:0)          *
 ******************************************************************************************/

 .box.design-56 {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
 }


 /******************************************************************************************
 * .box.design-55 - Hintergrundbild              *
 ******************************************************************************************/

 .box.design-55 > .hintergrund2 {
 display: block;
 background-size: cover !important;
 }


 /******************************************************************************************
 * .box.design-57, 58                  *
 ******************************************************************************************/
 /*
 .box.design-57,
 .box.design-58 {
 display: flex;
 flex-flow: column-reverse wrap;
 align-items: stretch;
 }
 */

 .box.design-57 > .hintergrund,
 .box.design-58 > .hintergrund {
 right: -4000px;
 left: -4000px;
 }


 /******************************************************************************************
 * .box.design-57 - Text 50% links, Bild 50% rechts, Hintergrund-Farbe in Viewport-Breite *
 ******************************************************************************************/
 /*
 .box.design-57 > .hintergrund2 {
 display: block;
 right: 50%;
 }

 .box.design-57 > .rahmen {
 right: 0;
 left: 50%;
 width: 50%;
 }

 .box.design-57 > .rahmen > .inhalt {
 padding-top: 3.0rem;
 padding-bottom: 3.0rem;
 padding-left: 3.0rem;
 }

 @media (max-width: 699px) {

 .box.design-57 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-57 {
 padding-bottom: 260px;
 }

 .box.design-57 > .rahmen {
 left: 0;
 width: auto;
 }

 .box.design-57 > .rahmen > .inhalt {
 padding-left: 0;
 }

 }
 */

 /******************************************************************************************
 * .box.design-57 - Text 50% links, Bild 50% rechts, Hintergrund-Farbe in Viewport-Breite *
 * .box.design-58 - Text 50% links, Bild 50% rechts, Hintergrund-Farbe in Viewport-Breite *
 ******************************************************************************************/

 .box.design-57 > .hintergrund2,
 .box.design-58 > .hintergrund2 {
 display: none;
			 }

 .box.design-57 > .rahmen,
 .box.design-58 > .rahmen {
 display: flex;
 flex-flow: column wrap;
 align-items: stretch;
 }

 .box.design-57 > .rahmen > .inhalt,
 .box.design-58 > .rahmen > .inhalt {
 display: inline-flex;
 flex-flow: column wrap;
 align-content: center;
 position: relative;
 padding: 1rem 0 1rem 0;
 			}

 .box.design-57 > .rahmen > .bild,
 .box.design-58 > .rahmen > .bild {
 display: none;
 }

 .box.design-57 > .rahmen > img,
 .box.design-58 > .rahmen > img {
 width: 100%;
 height: auto;
 margin: 2rem auto 0 auto;
 }


 @media (min-width: 699px) {

 .box.design-57 > .rahmen,
 .box.design-58 > .rahmen {
 flex-flow: row wrap;
 }

 .box.design-57 > .rahmen {
 flex-flow: row-reverse wrap;
 } 

 .box.design-57 > .rahmen > .bild,
 .box.design-58 > .rahmen > .bild,

 .box.design-57 > .rahmen > .inhalt,
 .box.design-58 > .rahmen > .inhalt {
 display: inline-flex;
 flex: 1 1 50%;
 position: relative;
 			}

 .box.design-57 > .rahmen > .bild > .hintergrund,
 .box.design-58 > .rahmen > .bild > .hintergrund {
 width: 50vw;
 right: 0;
 left: auto;
 }

 .box.design-58 > .rahmen > .bild > .hintergrund {
 right: auto;
 left: 0;
 }

 .box.design-57 > .rahmen > .inhalt {
 padding: 3.0rem 0 3.0rem 3.0rem;
 }

 .box.design-58 > .rahmen > .inhalt {
 padding: 3.0rem 3.0rem 3.0rem 0;
 }

 .box.design-57 > .rahmen > img,
 .box.design-58 > .rahmen > img {
 display: none;
 }

 }


 /******************************************************************************************
 * .box.design-57 - Text 50% links, Bild 50% rechts, Hintergrund-Farbe in Viewport-Breite *
 ******************************************************************************************/
 /*
 .box.design-57 > .hintergrund2 {
 display: block;
 right: 50%;
 }

 .box.design-57 > .rahmen {
 right: 0;
 left: 50%;
 width: 50%;
 }

 .box.design-57 > .rahmen > .inhalt {
 padding-top: 3.0rem;
 padding-bottom: 3.0rem;
 padding-left: 3.0rem;
 }

 @media (max-width: 699px) {

 .box.design-57 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-57 {
 padding-bottom: 260px;
 }

 .box.design-57 > .rahmen {
 left: 0;
 width: auto;
 }

 .box.design-57 > .rahmen > .inhalt {
 padding-left: 0;
 }

 }
 */

 /******************************************************************************************
 * .box.design-58 - Text 50% links, Bild 50% rechts, Hintergrund-Farbe in Viewport-Breite *
 ******************************************************************************************/
/*
 .box.design-58 > .hintergrund2 {
 display: block;
 left: 50%;
 background-color: #DDDDDD;
 }

 .box.design-58 > .rahmen {
 left: 0;
 width: 50%;
 }

 .box.design-58 > .rahmen > .inhalt {
 padding-top: 3.0rem;
 padding-right: 3.0rem;
 padding-bottom: 3.0rem;
 }

 @media (max-width: 699px) {

 .box.design-58 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-58 {
 padding-bottom: 260px;
 }

 .box.design-58 > .rahmen {
 width: auto;
 }

 .box.design-58 > .rahmen > .inhalt {
 padding-right: 0;
 }

 }
 */

 /******************************************************************************************
 * .box.design-61 - Bild/Text 40/60, Hintergrund Viewport breit       *
 ******************************************************************************************/

 .box.design-61 > .hintergrund {
 right: -10000px;
 left: -10000px;
 background-color: #EEEEEE;
 }

 .box.design-61 > .hintergrund2 {
 display: block;
 right: 60%;
 }

 .box.design-61 > .rahmen,
 .box.layout-121.design-61 > .rahmen {
 right: 0;
 left: 40%;
 width: 60%;
 }

 .box.design-61 > .rahmen > .inhalt {
 width: auto;
 padding: 3.0rem 0.3rem 3.0rem 2.8rem;
 }

 @media (max-width: 699px) {

 .box.design-61 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-61 {
 padding-bottom: 260px;
 }

 .box.design-61 > .rahmen {
 left: 0;
 width: auto;
 }

 .box.design-61 > .rahmen > .inhalt {
 padding-left: 0;
 }

 }


 /******************************************************************************************
 * .box.design-62 - Text/Bild 60/40, Hintergrund Viewport breit       *
 ******************************************************************************************/

 .box.design-62 > .hintergrund {
 right: -10000px;
 left: -10000px;
 background-color: #EEEEEE;
 }

 .box.design-62 > .hintergrund2 {
 display: block;
 left: 60%;
 }

 .box.design-62 > .rahmen,
 .box.layout-121.design-62 > .rahmen {
 right: 40%;
 left: 0;
 width: 60%;
 }

 .box.design-62 > .rahmen > .inhalt {
 padding-top: 3.0rem;
 padding-right: 2.8rem;
 padding-bottom: 3.0rem;
 }

 @media (max-width: 699px) {

 .box.design-62 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-62 {
 padding-bottom: 260px;
 }

 .box.design-62 > .rahmen {
 width: auto;
 }

 .box.design-62 > .rahmen > .inhalt {
 padding-right: 0;
 }

 }


 /******************************************************************************************
 * .box.design-63 - Hintergrund Viewport-Breite, vertikaler Innen-Abstand     *
 ******************************************************************************************/

 
 .box.design-63 > .hintergrund,
 .box.layout-102.design-63 > .hintergrund {
 right: -10000px;
 left: -10000px;
 width: auto;
 max-width: none;
 }

 .box.design-63 > .rahmen {
 padding-top: 3.0rem;
 padding-bottom: 3.0rem;
 }


 /******************************************************************************************
 * .box.design-72 - Hintergrund Viewport-Breite, kein Innen-Abstand      *
 ******************************************************************************************/

 
 .box.design-72 > .hintergrund,
 .box.layout-102.design-72 > .hintergrund {
 right: -10000px;
 left: -10000px;
 width: auto;
 max-width: none;
 }

 .box.design-72 > .rahmen {
 padding-top: 0;
 padding-bottom: 0;
 }


 /******************************************************************************************
 * .box.design-64 - Hintergrundbild              *
 ******************************************************************************************/

 .box.design-64 > .hintergrund2 {
 display: block;
 background-size: contain !important;
 }


 /******************************************************************************************
 * .box.design-65/6/7 - Hintergrundbild über der Box          *
 ******************************************************************************************/

 .box.design-65,
 .box.design-66,
 .box.design-67 {
 
 -webkit-box-orient: vertical;
 -webkit-flex-direction: column;
 flex-direction: column;
 }

 .box.design-65 > .hintergrund2,
 .box.design-66 > .hintergrund2,
 .box.design-67 > .hintergrund2 {
 display: block;
 position: relative;
 width: 100%;
 height: auto;
 padding-bottom: 56.25%;
 }

 .box.design-66 > .hintergrund2 {
 padding-bottom: 62.5%;
 }

 .box.design-67 > .hintergrund2 {
 padding-bottom: 75%;
 }


 /******************************************************************************************
 * .box.design-59 - Hintergrundfarbe = Buttons, mit Abstand zum Inhalt      *
 ******************************************************************************************/

 .box.design-59 > .rahmen > .inhalt {
 position: relative;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 padding: 1.1rem;
 }

 
 @media (min-width: 699px) {

 .inhaltbox.design-59 {
 margin-top: -7.0rem;
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
 }

 }

 .inhaltbox.design-59 h4 {
 margin-bottom: 0.1rem;
 }

 .inhaltbox.design-59 h4 :before {
 margin: 0 0 0 1.3rem;
 padding: 0;
 }

 .inhaltbox.design-59 > .hintergrund {
 background-color: #007DBD;
 }

 .inhaltbox.design-59 * {
 color: #FAFAFA;
 }

 .inhaltbox.design-59 .buttons {
 width: 100%;
 margin: 0.8rem auto 0 auto;
 }

 .inhaltbox.design-59 .button {
 margin: 1.4rem auto 0.6rem auto;
 text-align: center;
 }

 .inhaltbox.design-59 .button > .hintergrund,
 .inhaltbox.design-59 .buttons li > .hintergrund {
 background-color: #FAFAFA;
 }

 .inhaltbox.design-59 .button:hover > .hintergrund,
 .inhaltbox.design-59 .buttons li:hover > .hintergrund {
 background-color: #666666;
 }

 .inhaltbox.design-59 .button:hover > .text,
 .inhaltbox.design-59 .buttons li:hover > .text {
 color: transparent;
 }

 .inhaltbox.design-59 .button > .text,
 .inhaltbox.design-59 .buttons li > .text {
 color: #007DBD;
 }


 /******************************************************************************************
 * .box.design-68 - Text 50% links, Bild 50% rechts, Hintergrund-Farbe in Viewport-Breite *
 ******************************************************************************************/

 .box.design-68 > .hintergrund2 {
 display: block;
 right: 50%;
 }

 .box.design-68 > .rahmen {
 right: 0;
 left: 50%;
 width: 50%;
 }

 .box.design-68 > .rahmen > .inhalt {
 padding-top: 3.0rem;
 padding-bottom: 3.0rem;
 padding-left: 3.0rem;
 }

 @media (max-width: 699px) {

 .box.design-68 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-68 {
 padding-bottom: 260px;
 }

 .box.design-68 > .rahmen {
 left: 0;
 width: auto;
 }

 .box.design-68 > .rahmen > .inhalt {
 padding-left: 0;
 }

 }


 /******************************************************************************************
 * .box.design-69 - Text 50% links, Bild 50% rechts, Hintergrund-Farbe in Viewport-Breite *
 ******************************************************************************************/

 .box.design-69 > .hintergrund2 {
 display: block;
 left: 50%;
 background-color: #DDDDDD;
 }

 .box.design-69 > .rahmen {
 left: 0;
 width: 50%;
 }

 .box.design-69 > .rahmen > .inhalt {
 padding-top: 3.0rem;
 padding-right: 3.0rem;
 padding-bottom: 3.0rem;
 }

 @media (max-width: 699px) {

 .box.design-69 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-69 {
 padding-bottom: 260px;
 }

 .box.design-69 > .rahmen {
 width: auto;
 }

 .box.design-69 > .rahmen > .inhalt {
 padding-right: 0;
 }

 }


 /******************************************************************************************
 * .box.design-70 - Bild 40% links, Text 60% rechts, Hintergrund-Farbe in Viewport-Breite *
 ******************************************************************************************/

 .box.design-70 > .hintergrund2 {
 display: block;
 right: 40%;
 }

 .box.design-70 > .rahmen {
 right: 0;
 left: 60%;
 width: 40%;
 }

 .box.design-70 > .rahmen > .inhalt {
 padding-top: 3.0rem;
 padding-bottom: 3.0rem;
 padding-left: 3.0rem;
 }

 @media (max-width: 699px) {

 .box.design-70 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-70 {
 padding-bottom: 260px;
 }

 .box.design-70 > .rahmen {
 left: 0;
 width: auto;
 }

 .box.design-70 > .rahmen > .inhalt {
 padding-left: 0;
 }

 }


 /******************************************************************************************
 * .box.design-71 - Text 60% links, Bild 40% rechts, Hintergrund-Farbe in Viewport-Breite *
 ******************************************************************************************/

 .box.design-71 > .hintergrund2 {
 display: block;
 left: 60%;
 background-color: #DDDDDD;
 }

 .box.design-71 > .rahmen {
 left: 0;
 width: 60%;
 }

 .box.design-71 > .rahmen > .inhalt {
 padding-top: 3.0rem;
 padding-right: 3.0rem;
 padding-bottom: 3.0rem;
 }

 @media (max-width: 699px) {

 .box.design-71 > .hintergrund2 {
 top: auto;
 right: -1%;
 left: -1%;
 height: 260px;
 }

 .box.design-71 {
 padding-bottom: 260px;
 }

 .box.design-71 > .rahmen {
 width: auto;
 }

 .box.design-71 > .rahmen > .inhalt {
 padding-right: 0;
 }

 }

 /******************************************************************************************
 *                       *
 * 31.05.2025 13:00 CMS                 *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * #fonnavi                    *
 ******************************************************************************************/

 #fonnavi {
 display: none;
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 max-height: 100vh;
 margin: 0;
 padding: 0;
 text-align: left;
 vertical-align: middle;
 /* Über einem evtl. Dialog */
 z-index: 1201;
 }

 body.fonnavi #fonnavi,
 #fonnavi > .hintergrund {
 display: block;
 position: fixed;
 }

 body.fonnavi.fonnavibreite-1 #fonnavi,
 body.fonnavibreite-1 #fonnavi > .hintergrund {
 width: 20em;
 max-width: 100%;
 }

 /*
 @media (max-width: 600px) {

 body.fonnavi.fonnavibreite-1 #fonnavi,
 body.fonnavibreite-1 #fonnavi > .hintergrund {
 max-width: 100%;
 }

 }
 */

 body.ios5.fonnavi #fonnavi,
 body.ios6.fonnavi #fonnavi,
 body.ios7.fonnavi #fonnavi {
 position: absolute;
 min-height: 100%;
 }

 #fonnavi > .rahmen {
 display: block;
 position: absolute;
 width: 100%;
 height: auto;
 margin: 0;
 padding: 0;
 text-align: center;
 overflow: auto;
 }

 #fonnavi > .rahmen > .inhalt{
 display: inline-block;
 position: relative;
 width: auto;
 margin: 0 auto 0 auto;
 padding: 30px 0 50px 0;
 }


 /******************************************************************************************
 * body.fonnavimitkopf-1                 *
 ******************************************************************************************/
 /*
 body.fonnavi.fonnavimitkopf-1 {
 max-height: 100vh;
 overflow: hidden;
 }
 */

 body.fonnavimitkopf-1 #fonnavi {
 max-height: 100vh;
 overflow: auto;
 }

 
 body.fonnavimitkopf-1 #fonnavi > .rahmen {
 top: calc(70px + 1rem);
 }

 body.fonnavimitkopf-1 #fonnavi > .rahmen .buttons > li.schliesser {
 display: none;
 }

 /* #kopf oben */
 body.fonnavi.fonnavimitkopf-1 #kopf {
 z-index: 1301;
 }


 /******************************************************************************************
 * #fonnavi .buttons                  *
 ******************************************************************************************/

 #fonnavi .buttons {
 position: fixed;
 right: 0;
 top: 0;
 }

 #fonnavi .buttons li {
 margin: 0;
 padding: 0;
 }

 #fonnavi .buttons li.oeffner {
 display: none;
 }

 @media (max-width: 450px) {

 #fonnavi .buttons li .text {
 display: none;
 }

 #fonnavi .buttons li .icon {
 display: inline-block;
 padding: 0 0.9rem 0 0.9rem;
 }

 }


 /******************************************************************************************
 * #fonnavi .navigation1, 2, 3, 4               *
 ******************************************************************************************/

 #fonnavi .navigation1,
 #fonnavi .navigation2,
 #fonnavi .navigation3,
 #fonnavi .navigation4 {
 display: block;
 position: relative;
 text-align: left;
 }

 #fonnavi ul.cms_baumstruktur {
 position: relative;
 display: inline-block;
 width: auto;
 margin: 0;
 overflow: hidden;
 }

 #fonnavi ul.cms_baumstruktur li {
 display: table;
 height: auto;
 line-height: normal;
 margin: 0 0 0 0;
 background-color: transparent;
 }

 #fonnavi ul.cms_baumstruktur li.trenner {
 display: none;
 }

 #fonnavi ul.cms_baumstruktur li p {
 padding: 0 !important; padding-left: 0 !important;
 vertical-align: middle;
 }

 /*
 #fonnavi .navigation1 > ul.cms_baumstruktur li:hover > p,
 #fonnavi .navigation1 > ul.cms_baumstruktur li.aktiv > p,
 #fonnavi .navigation2 > ul.cms_baumstruktur li:hover > p,
 #fonnavi .navigation2 > ul.cms_baumstruktur li.aktiv > p,
 #fonnavi .navigation3 > ul.cms_baumstruktur li:hover > p,
 #fonnavi .navigation3 > ul.cms_baumstruktur li.aktiv > p {
 font-weight: bold;
 }
 */

 #fonnavi ul.cms_baumstruktur li.aktiv > p {
 font-weight: bold;
 }


 /******************************************************************************************
 * #fonnavi .navigation1, 2, 3 ul.ebeneX             *
 ******************************************************************************************/

 #fonnavi ul.cms_baumstruktur li ul.ebene2,
 #fonnavi ul.cms_baumstruktur li ul.ebene3,
 #fonnavi ul.cms_baumstruktur li ul.ebene4 {
 margin-left: 1.0rem;
 }


 /******************************************************************************************
 * #fonnavi.schiebetuer .navigation1              *
 ******************************************************************************************/

 #fonnavi.schiebetuer .navigation1 {
 min-width: 200px;
 margin: 120px 25px 0 0;
 }


 /******************************************************************************************
 * #fonnavi.vollbild .button                *
 ******************************************************************************************/
 /*
 #fonnavi.vollbild .button.schliesser .hintergrund {
 background-color: transparent;
 }

 #fonnavi.vollbild .button.schliesser .icon:before {
 content: "\f00d";
 }
 */


 /******************************************************************************************
 * #fonnavi.vollbild .navigation1, 2, 3             *
 ******************************************************************************************/

 #fonnavi.vollbild .navigation1 {
 display: block;
 width: auto;
 margin: 0 auto 0 auto;
 }

 #fonnavi.vollbild ul.cms_baumstruktur li p {
 vertical-align: middle;
 }


 /******************************************************************************************
 * .fonnavi                    *
 ******************************************************************************************/

 .button.fonnavi {
 margin: 0 !important;
 z-index: 999;
 }

 .button.fonnavi .icon {
 display: none;
 }


 /******************************************************************************************
 * #fuss                     *
 ******************************************************************************************/

 #fuss .navigation1 ul li {
 display: block;
 }


 /******************************************************************************************
 * .navigation1, 2, 3, 4                 *
 ******************************************************************************************/

 .navigation1,
 .navigation2,
 .navigation3,
 .navigation4 {
 position: relative;
 text-align: center;
 }

 .navigation1 ul {
 display: block;
 font-size: 0;
 }

 .navigation1 ul,
 .navigation1 > ul li,
 .navigation2 ul,
 .navigation2 > ul li,
 .navigation3 ul,
 .navigation3 > ul li,
 .navigation4 ul,
 .navigation4 > ul li {
 position: relative;
 margin: 0 auto 0 auto;
 list-style-type: none;
 }

 
 #kopf.navilayout-13 .navigation1 ul li {
 display: inline-block;
 }

 /*
 #kopf .navigation1 > ul.cms_baumstruktur.horizontal.rechtsbuendig {
 float: right;
 display: inline-block;
 margin: 0;
 text-align: right;
 }
 */

 .navigation1 > ul.cms_baumstruktur li.ende {
 margin-right: 0 !important;
 }

 .navigation1 > ul.cms_baumstruktur li.hintergrund,
 .navigation2 > ul.cms_baumstruktur li.hintergrund,
 .navigation3 > ul.cms_baumstruktur li.hintergrund,
 .navigation4 > ul.cms_baumstruktur li.hintergrund {
 margin: 0 !important;
 }

 .navigation1 > ul.cms_baumstruktur.horizontal > li,
 .navigation2 > ul.cms_baumstruktur.horizontal > li,
 .navigation3 > ul.cms_baumstruktur.horizontal > li,
 .navigation4 > ul.cms_baumstruktur.horizontal > li {
 display: inline-block;
 }

 .navigation1 > ul.cms_baumstruktur > li.ebene1.element1,
 .navigation2 > ul.cms_baumstruktur > li.ebene1.element1,
 .navigation3 > ul.cms_baumstruktur > li.ebene1.element1,
 .navigation4 > ul.cms_baumstruktur > li.ebene1.element1 {
 margin-left: 0 !important;
 }

 .navigation1 ul li > .oeffner,
 .navigation1 ul li > .schliesser,
 .navigation2 ul li > .oeffner,
 .navigation2 ul li > .schliesser,
 .navigation3 ul li > .oeffner,
 .navigation3 ul li > .schliesser,
 .navigation4 ul li > .oeffner,
 .navigation4 ul li > .schliesser {
 display: none;
 position: relative;
 }

 /*
 .navigation1 > ul li > .lihintergrund,
 .navigation2 > ul li > .lihintergrund,
 .navigation3 > ul li > .lihintergrund,
 .navigation4 > ul li > .lihintergrund {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 display: block;
 width: auto;
 height: auto;
 }
 */

 .navigation1 > ul li .icon,
 .navigation2 > ul li .icon,
 .navigation3 > ul li .icon,
 .navigation4 > ul li .icon {
 position: relative;
 }

 .navigation1 > ul li p,
 .navigation2 > ul li p,
 .navigation3 > ul li p,
 .navigation4 > ul li p {
 position: relative;
 white-space: nowrap;
 }

 .navigation1 > ul li > a,
 .navigation2 > ul li > a,
 .navigation3 > ul li > a,
 .navigation4 > ul li > a {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 
 background: #FFFFFF;
 opacity: 0.00;
 }

 .navigation1 > ul li > a span,
 .navigation2 > ul li > a span,
 .navigation3 > ul li > a span,
 .navigation4 > ul li > a span {
 display: none;
 position: relative;
 }


 /******************************************************************************************
 * .navigation1, 2, 3 .ebene2                *
 ******************************************************************************************/

 #kopf .navigation1 ul li.ebene1 ul.ebene2 {
 position: absolute;
 display: block;
 visibility: hidden;
 width: auto;
 height: auto;
 margin: -1px 0 0 0;
 padding: 0;
 }

 #kopf .navigation1 ul.ebene2 > .hintergrund {
 position: absolute !important;
 top: 0 !important;
 right: 0 !important;
 bottom: 0 !important;
 left: 0 !important;
 width: auto !important;
 height: auto !important;
 }

 #kopf .navigation1 ul li.ebene1:hover ul.ebene2,
 body.browser_mobile #kopf .navigation1 ul.baum13 li.astaktiv > ul {
 visibility: visible;
 }

 #kopf .navigation1 ul.baum13 ul.ebene2 li {
 display: block;
 width: 100%;
 }

 #kopf .navigation1 ul.baum13 ul.ebene2 li p {
 text-align: left;
 text-indent: 0;
 white-space: nowrap;
 }


 /******************************************************************************************
 * .navigation1, 2, 3 .ebene3                *
 ******************************************************************************************/

 #kopf .navigation1 ul.ebene3 > .hintergrund {
 position: absolute !important;
 top: 0 !important;
 right: 0 !important;
 bottom: 0 !important;
 left: 0 !important;
 width: auto !important;
 height: auto !important;
 }


 /******************************************************************************************
 * .ast                     *
 ******************************************************************************************/

 #kopf ul.baum13 > li.ast > p:after {
 line-height: normal;
 margin-left: 0.2em;
 content: "\f0d7";
 }


 /******************************************************************************************
 * ul.navipfad                    *
 ******************************************************************************************/

 
 body.browser_desktop .navipfad.modus-1 {
 display: none;
 }

 
 @media (max-width: 1050px) {

 body.browser_desktop .navipfad.modus-1 {
 display: inline-block;
 }

 }

 
 body.inhaltid_startseite .navipfad,
 .buttons.navipfad.modus-0 {
 display: none;
 }

 .buttons.navipfad {
 flex-wrap: nowrap;
 max-width: 100vw;
 
 padding-right: 0.2rem;
 overflow: hidden;
 }

 .buttons.navipfad li {
 width: auto;
 margin: 0;
 }

 .buttons.navipfad li.lihintergrund {
 position: absolute;
 top: -0.1rem;
 right: -0.1rem;
 bottom: -0.1rem;
 			}

 .buttons.navipfad li .text {
 
 display: inline-flex !important;
 margin: 0 0 0 0.2rem;
 padding: 0;
 white-space: nowrap;
 }

 .buttons.navipfad .element1 .text {
 margin-left: 0;
 }

 .buttons.navipfad .text:before {
 display: inline-flex;
 content: "\f0da";
 content: '\f105';
 font-size: 0.7em;
 opacity: 0.7;
 }

 .buttons.navipfad .element1 .text:before {
 margin-top: -1px;
 font-size: 0.8rem;
 content: "\f015";
 color: inherit;
 opacity: 0.9;
 }

 
 .buttons.navipfad > li.datensatztitel {
 cursor: auto;
 }

 .buttons.navipfad .element1 .text:before,
 .buttons.navipfad .icon {
 display: none !important;
 }
 /******************************************************************************************
 *                                             *
 *  03.08.2025 22:17 CMS                                 *
 *                                             *
 ******************************************************************************************/


 /******************************************************************************************
 * .buttons                                        *
 ******************************************************************************************/

  .buttons,
  .buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-self: stretch;
  position: relative;
  height: auto;
  max-height: 100%;
  margin: 0;
  }

  .buttons li,
  .buttons span,
  .buttons .button {
  margin: 0 1px 1px 0;
  }

  .buttons .ende {
  margin-right: 0;
  }

  .buttons li,
  .buttons span,
  .cmsform > .button,
  .button,
  li.button {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: auto;
  height: auto;
  line-height: inherit;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  }

  /*
  .buttons li,
  .buttons > span,
  .button {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  }
  */

  .buttons li:before,
  .buttons span:before,
  .button :before {
  display: none;
  }

  .buttons .deaktiviert *,
  .buttons .schwach *,
  .button.deaktiviert .hintergrund,
  .button.deaktiviert .text,
  .button.deaktiviert .icon,
  .button.schwach .hintergrund,
  .button.schwach .text,
  .button.schwach .icon {
  opacity: 0.2;
  }

  .buttons .icon,
  .buttons .icon:before,
  .buttons .kuerzel,
  .buttons .text,
  .buttons .text:before,
  .buttons .text:after,
  .button .icon,
  .button .icon:before,
  .button .icon:after,
  .button .kuerzel,
  .button .text,
  .button .text:before,
  .button .text:after {
  position: relative;
  height: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  }

  .buttons .icon,
  .buttons .kuerzel,
  .buttons .text,
  .button .icon,
  .button .kuerzel,
  .button .text {
  display: inline-flex;
  align-items: center;
  line-height: inherit;
  /*
  padding: 0 0.6rem 0 0.6rem;
  */
  }

  .buttons .icon span,
  .buttons .text span,
  .button .icon span,
  .button .text span {
  color: inherit;
  }
 

  .buttons .icon,
  .button .icon {
  display: none;
  -webkit-justify-content: center;
  justify-content: center;
  }

  .buttons .icon:before,
  .buttons .text:before,
  .buttons .icon:after,
  .buttons .text:after,

  .button .icon:before,
  .button .text:before,
  .button .icon:after,
  .button .text:after {
  display: inline-flex;
  align-items: center;
  }

  .buttons .text:before,
  .button .text:before {
  /*
  margin: -0.2em 0.4em 0 0;
  */
  margin: 0 0.4em 0 0;
  
  padding: 0 0 0 0.1em !important;
  color: inherit;
  }

  .buttons .text:after,
  .button .text:after {
  margin-left: 0.2em;
  }

  .buttons .icon:before,
  .button .icon:before {
  margin: 0 ;
  padding: 0;
  }

  l.buttons a span,
  .buttons .deaktiviert a,
  .button a span,
  .button.deaktiviert a {
  display: none;
  }

  .buttons a:before {
  display: none;
  content: '';
  }

  .buttons .hintergrund,
  .buttons a,
  .buttons input,
  .button a,
  .button input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  }

  .buttons a,
  .buttons a span,
  .button a span {
  color: transparent;
  opacity: 0;
  }

  
  .buttons input,
  .button input {
  width: 100%;
  opacity: 0;
  }


 /******************************************************************************************
 * .button.nachoben                                    *
 ******************************************************************************************/

  body > .button.nachoben {
  display: none;
  position: fixed;
  left: 50%;
  right: auto;
  top: auto;
  height: 2rem;
  bottom: 0;
  margin: 0 0 0 -65px;
  z-index: 999;
  }

  body > .button.nachoben.abstandunten-1 {
  bottom: 0.4rem;
  }

  
  body > .button.nachoben.design-0 .icon,
  body > .button.nachoben.design-1 .icon,

  body > .button.nachoben.design-2 .text,
  body > .button.nachoben.design-1 .text:before {
  display: none;
  }

  body > .button.nachoben.design-2 .icon,

  body > .button.nachoben.design-0 .text,
  body > .button.nachoben.design-1 .text {
  display: block;
  }


  
  body > .button.nachoben.position-0 {
  left: 50%;
  }

  body > .button.nachoben.position-1 {
  left: 2%;
  margin: 0;
  }

  body > .button.nachoben.position-2 {
  right: 2%;
  left: auto;
  margin: 0;
  }


  
  @media print {

  body > .button.nachoben {
  display: none !important;
  }

  }


  
  @media (max-width: 399px) {

  body > .button.nachoben {
  margin: 0 0 0 -20px;
  }

  body > .button.nachoben .text {
  display: none !important;
  }

  body > .button.nachoben .icon {
  display: block !important;
  }

  }


 /******************************************************************************************
 * .button .icon, .text                                  *
 ******************************************************************************************/

  
  .buttons .icon:before, .button .icon:before { content: "\f07b"; }

  .buttons li.abbrechen :before, .button.abbrechen .text:before { content: "\f00d"; }

  .buttons li.abbrechen.verwerfen :before, .button.abbrechen.verwerfen .text:before { content: "\f00d"; }

  .buttons li.abbrechen.zummenue :before, .button.abbrechen.zummenue .text:before { content: "\f00c"; }

  .buttons li.abbrechen.zurliste :before, .button.abbrechen.zurliste .text:before { content: "\f00c"; }

  .buttons li.abmelden :before, .button.abmelden :before {
  content: "\f023";
  }

  .buttons li.abstimmen :before, .button.abstimmen :before {
  content: "\f00c";
  }

  .buttons li.dekoder :before, .button.dekoder :before { content: "\f12b"; }

  .buttons li.adressen :before, .button.adressen :before {
  content: "\f2b9";
  }

  .buttons li.adressinfo :before, .button.adressinfo :before {
  content: "\f129";
  }

  .buttons li.aktivieren :before,
  .button.aktivieren :before {
  content: "\f00c";
  }

  .buttons li.aktualisieren :before,
  .button.aktualisieren :before {
  content: "\f01e";
  }

  .buttons li.alleauswaehlen :before, .button.alleauswaehlen .text:before { content: "\f14a"; }

  .buttons li.anfragen :before, .button.anfragen :before { content: "\f128"; }

  .buttons li.anmelden :before, .button.anmelden :before {
  content: "\f13e";
  }

  .buttons li.anmeldung :before, .button.anmeldung :before { content: "\f234"; }

  .buttons li.ansehen :before, .button.ansehen :before { content: "\f00e"; }

  .buttons li.anwenden :before, .button.anwenden .text:before { content: "\f0d0"; }

  .buttons li.anzeige :before, .button.anzeige :before {
  content: "\f254";
  }

  .buttons li.shopartikel :before, .button.shopartikel :before { content: "\f0f4"; }

  .buttons li.artikeleigenschaft :before, .button.artikeleigenschaft :before { content: "\f3fd"; }

  .buttons li.bestaetigung :before,
  .button.bestaetigung :before {
  content: "\f00c";
  }

  .buttons li.besteller :before,
  .button.besteller :before {
  content: "\f4ce";
  }

  .buttons li.bestellungen :before, .button.bestellungen :before { content: "\f07a"; }

  .buttons li.warenkorb :before,
  .button.warenkorb :before {
  content: "\f07a";
  }

  .buttons li.at :before, .button.at :before { content: "\f1fa"; }

  .buttons li.ausgewaehlteaendern :before, .button.ausgewaehlteaendern :before {
  content: "\f044";
  }

  .buttons li.shopkonfig :before, .button.shopkonfig :before {
  content: "\f0ad";
  }

  .buttons li.auswahlloeschen :before, .button.auswahlloeschen .text:before { content: "\f1f8"; }


  .buttons li.baumelementaendern :before,
  .button.baumelementaendern :before {
  content: "\f0ad";
  }

  .buttons li.bearbeiten :before, .button.bearbeiten :before { content: "\f044"; }

  .buttons li.bedienungsanleitung :before, .button.bedienungsanleitung :before { content: "\f059"; }

  .buttons li.benutzerio :before,
  .button.benutzerio :before {
  content: "\f4fc";
  }

  .buttons li.benutzernio :before,
  .button.benutzernio :before {
  content: "\f235";
  }

  .buttons li.benutzername :before,
  .button.benutzername :before {
  content: "\f507";
  }

  .buttons li.bestellen :before, .button.bestellen :before { content: "\f07a"; }

  .buttons li.bild :before, .button.bild :before { content: "\f1c5"; }

  .buttons li.bildbalken :before, .button.bildbalken :before { content: "\f03e"; }

  .buttons li.bildergalerie :before, .button.bildergalerie :before { content: "\f87c"; }

  .buttons li.blog :before, .button.blog :before { content: "\f044"; }

  .buttons li.cjpacker :before, .button.cjpacker :before { content: "\f066"; }

  .buttons li.cmsgenerator :before, .button.cmsgenerator .text:before {
  content: "\f013";
  }

  .buttons li.css3 :before, .button.css3 :before { content: "\f13c"; }


  .buttons li.dateimanager :before, .button.dateimanager :before { content: "\f07c"; }

  .buttons li.dateiupload :before,
  .button.dateiupload :before {
  content: "\f093";
  }

  .buttons li.datenbanken :before, .button.datenbanken :before { content: "\f12e"; }

  .buttons li.datenexport :before, .button.datenexport :before { content: "\f0d1"; }

  .buttons li.datenimport :before, .button.datenimport :before { content: "\f0d1"; }

  .buttons li.datensicherung :before, .button.datensicherung :before { content: "\f0d1"; }

  .buttons li.dbleeren :before, .button.dbleeren :before { content: "\f2ed"; }

  .buttons li.dboptimierung :before, .button.dboptimierung :before { content: "\f1c0"; }

  .buttons li.dbpruefung :before, .button.dbpruefung :before { content: "\f14a"; }

  .buttons li.dbstandards :before, .button.dbstandards :before { content: "\f0ce"; }

  .buttons li.deaktivieren :before,
  .button.deaktivieren :before {
  content: "\f00d";
  }

  .buttons li.detailansicht :before, .button.detailansicht :before { content: "\f15c"; }

  .buttons li.diagnose :before, .button.diagnose :before { content: "\f0f1"; }

  .buttons li.downloads :before, .button.downloads :before { content: "\f019"; }

  .buttons li.drucken :before, .button.drucken :before {
  content: "\f02f";
  }

  .buttons li.duplizieren :before, .button.duplizieren :before { content: "\f0c5"; }


  .buttons li.einfuegen :before,
  .button.einfuegen :before {
  content: "\f0ea";
  }

  .buttons li.eintragen :before, .button.eintragen :before { content: "\f044"; }

  .buttons li.emailversand :before, .button.emailversand .text:before {
  content: "\f0e0";
  }

  .buttons li.empfehlung :before, .button.empfehlung :before { content: "\f005"; }

  .buttons li.ersteseite :before, .button.ersteseite :before { content: "\f100"; }

  .buttons li.erstellen :before, .button.erstellen :before { content: "\f0d0"; }

  .buttons li.exportcsv :before, .button.exportcsv .text:before { content: "\f0d1"; }

  .buttons li.exportsql :before, .button.exportsql .text:before { content: "\f0d1"; }

  .buttons li.exportvcf :before, .button.exportvcf .text:before { content: "\f0d1"; }


  .buttons li.facebook :before, .button.facebook .text:before { content: "\f082"; }

  .buttons li.fernwartung.mac :before, .button.fernwartung.mac :before { content: "\f179"; }

  .buttons li.fernwartung.windows :before, .button.fernwartung.windows :before { content: "\f17a"; }

  .buttons li.filter :before, .button.filter .text:before { content: "\f0b0"; }

  .buttons li.fonnavi :before, .button.fonnavi :before { content: "\f0c9"; }

  body.fonnavi .buttons li.fonnavi :before, body.fonnavi .button.fonnavi :before { content: "\f00d"; }

  .buttons li.foren :before, .button.foren :before { content: "\f03a"; }

  .buttons li.forenbeitraege :before, .button.forenbeitraege :before { content: "\f086"; }


  .buttons li.galerie :before, .button.galerie :before { content: "\f03e"; }

  .buttons li.gaestebuch :before, .button.gaestebuch :before { content: "\f02d"; }


  .buttons li.herunterladen :before, .button.herunterladen :before { content: "\f019"; }

  .buttons li.hilfe :before,
  .button.hilfe .text:before {
  content: "\f059";
  }

  .buttons li.hintergrundbilder :before, .button.hintergrundbilder :before { content: "\f1c5"; }


  .buttons li.immobilien :before, .button.immobilien :before { content: "\f015"; }

  .buttons li.immokonfig :before, .button.immokonfig :before {
  content: "\f0ad";
  }

  .buttons li.infoumgebung :before, .button.infoumgebung :before { content: "\f05a"; }


  .buttons li.kalender :before, .button.kalender :before { content: "\f073"; }

  .buttons li.kategorien :before, .button.kategorien :before { content: "\f02c"; }

  .buttons li.keinbild :before,
  .button.keinbild :before {
  content: "\f2ed";
  }

  .buttons li.keineauswaehlen :before, .button.keineauswaehlen .text:before {
  content: "\f068";
  font-weight: normal;
  }

  .buttons li.kennwortvergessen :before,
  .button.kennwortvergessen .text:before {
  content: "\f084";
  }

  .buttons li.kennwortanzeigen :before,
  .button.kennwortanzeigen .icon:before,
  .button.kennwortanzeigen .text:before {
  content: "\f070";
  }

  .buttons li.kennwortanzeigen.aktiv :before,
  .button.kennwortanzeigen.aktiv .icon:before,
  .button.kennwortanzeigen.aktiv .text:before {
  content: "\f06e";
  }

  .buttons li.kommentare :before, .button.kommentare :before { content: "\f086"; }

  .buttons li.konfiguration :before, .button.konfiguration :before {
  content: "\f0ad";
  }


  .buttons li.kontakt :before, .button.kontakt :before { content: "\f0e0"; }

  .buttons li.kopieren :before,
  .button.kopieren .text:before {
  content: "\f0c5";
  }

  .buttons li.kopierentext :before,
  .button.kopierentext .text:before {
  content: "\f0c5";
  }


  .buttons li.layoutkacheln :before, .button.layoutkacheln :before {
  content: "\f009";
  }

  .buttons li.layoutliste :before, .button.layoutliste :before {
  content: "\f00b";
  }

  .buttons li.letzteseite :before, .button.letzteseite :before {
  content: "\f101";
  }

  .buttons li.link :before, .button.link :before { content: "\f0c1"; }

  .buttons li.links :before, .button.links :before { content: "\f0c1"; }

  .buttons li.linktausch :before, .button.linktausch :before { content: "\f362"; }

  .buttons .loeschen :before,
  .button.loeschen :before {
  content: "\f2ed";
  }

  .buttons li.login :before, .button.login :before {
  content: "\f13e";
  }

  .buttons li.loglogout :before, .button.logout :before {
  content: "\f023";
  }

  .buttons li.loglogin :before, .button.loglogin :before { content: "\f03a"; }

  .buttons li.logout :before,
  .button.logout :before {
  content: '\f2f5';
  }

  .buttons li.logpartner :before, .button.logpartner :before { content: "\f03a"; }

  .buttons li.logprogfehler :before, .button.logprogfehler :before { content: "\f03a"; }

  .buttons li.logspeichern :before, .button.logspeichern :before { content: "\f03a"; }

  .buttons li.logsuche :before, .button.logsuche :before { content: "\f03a"; }


  .buttons li.mediathek :before, .button.mediathek :before { content: "\f03d"; }

  .buttons li.mehr :before, .button.mehr .text:before { content: "\f067"; }

  .buttons li.mehr.oeffner :before, .buttons li.mehr.oeffner :before, .button.mehr.geschlossen .text:before { content: '\f107'; }

  .buttons li.mehr.offen :before, .button.mehr.offen .text:before { content: "\f106"; }

  .buttons li.meinbackend :before, .button.meinbackend :before {
  content: "\f0ad";
  }

  .buttons li.meinedaten :before,
  .button.meinedaten :before {
  content: '\f007';
  }

  .buttons li.meineseite :before,
  .button.meineseite :before {
  content: '\f2c2';
  }

  .buttons li.merken :before, .button.merken :before { content: "\f004"; }

  .buttons li.merkliste :before, .button.merkliste :before { content: "\f004"; }


  .buttons .nachoben :before,
  .button.nachoben :before {
  content: "\f106";
  }

  .buttons .nachobenstart :before,
  .button.nachobenstart :before {
  content: "\f102";
  }

  .buttons .nachunten :before,
  .button.nachunten :before {
  content: "\f107";
  }

  .buttons li.nachuntenende :before,
  .button.nachuntenende :before {
  content: "\f103";
  }

  .buttons li.navielementneu :before, .button.navielementneu .text:before { content: "\f15b"; }

  .buttons li.navielement :before, .button.navielementneu.anwenden .text:before { content: "\f0d0"; }

  .buttons li.neu :before, .button.neu .text:before { content: "\f067"; content: '\f15b'; }

  .buttons li.neuerordner :before,
  .button.neuerordner :before {
  content: "\f65e";
  }

  .buttons.formularfeldbuttons li.neu :before { content: '\f067'; }

  .buttons li.news :before, .button.news :before { content: "\f0a1"; }

  .buttons li.newsletter :before, .button.newsletter :before { content: "\f09e"; }


  .buttons li.oeffner :before, .button.oeffner :before { content: "\f0c9"; }

  .buttons li.ok :before, .button.ok :before {
  content: "\f00c";
  }

  .buttons li.optionen :before, .button.optionen :before,
  .buttons li.optionen.boxoeffner :before, .button.optionen.boxoeffner :before,
  .buttons li.optionen.geschlossen, .button.optionen.geschlossen :before {
  content: "\f055";
  }

  .buttons li.optionen.boxschliesser :before, .button.optionen.boxschliesser :before,
  .buttons li.optionenoffen :before, .button.optionen.offen :before {
  content: "\f056";
  }


  .buttons li.partnerstat :before,
  .button.partnerstat :before {
  content: "\f201";
  }

  .buttons li.pdf :before, .button.pdf :before { content: "\f019"; }

  .buttons li.phpinfo :before, .button.phpinfo :before { content: "\f05a"; }

  .buttons li.presse :before, .button.presse :before { content: "\f15c"; }

  .buttons li.produkte :before, .button.produkte :before { content: "\f02b"; }

  .buttons li.projekte :before, .button.projekte :before { content: "\f0eb"; }

  .buttons li.protokolle :before, .button.protokolle :before { content: "\f0ca"; }


  .buttons li.pruefung :before,
  .button.pruefung :before {
  content: "\f15c";
  }

  .buttons li.qrcodes :before, .button.qrcodes :before { content: "\f029"; }


  .buttons li.referenzen :before, .button.referenzen :before { content: "\f164"; }

  .buttons li.reservierungen :before, .button.reservierungen :before { content: "\f073"; }


  .buttons li.sammelsurium :before, .button.sammelsurium :before {
  content: "\f291";
  }

  .buttons li.schliessen :before, .button.schliessen .text:before {
  content: "\f00c";
  }

  .buttons li.schliesser :before, .button.schliesser :before { content: "\f00d"; }

  .buttons li.sorter :before, .button.sorter .text:before { content: "\f074"; }

  .buttons li.speichern :before, .button.speichern .text:before { content: "\f0c7"; }

  .buttons li.speichernupload :before, .button.speichernupload .text:before { content: "\f0c7"; }

  .buttons li.sprachwahl :before, .button.sprachwahl .text:before { content: "\f0ac"; }

  .buttons li.standardwerte :before, .button.standardwerte :before { content: "\f0e2"; }

  .buttons li.statistiken :before, .button.statistiken :before { content: "\f080"; }

  .buttons li.stornieren :before, .button.stornieren :before {
  content: "\f2ed";
  }

  .buttons li.suche :before,
  .button.suche :before {
  content: "\f002";
  }

  .buttons li.suchdialog :before,
 .button.suchdialog :before {
  content: "\f002";
  }


  .buttons li.team :before,
  .button.team :before {
  content: "\f0c0";
  }

  .buttons li.termine :before, .button.termine :before { content: "\f073"; }

  .buttons li.textfilter :before, .button.textfilter :before { content: "\f0b0"; }

  .buttons li.textloeschen :before, .button.textloeschen :before { content: "\f55a"; }

  .buttons li.thema :before, .button.thema :before {
  content: "\f1fc";
  }

  .buttons li.ticker :before, .button.ticker :before { content: "\f0f3"; }


  .buttons li.uebersicht :before, .button.uebersicht :before {
  content: "\f039";
  }

  .buttons li.uhrzeit :before,
  .button.uhrzeit :before {
  content: "\f017";
  }

  .buttons li.umbenennen :before,
  .button.umbenennen :before {
  content: "\f044";
  }

  .buttons li.umfragen :before, .button.umfragen :before { content: "\f0ae"; }

  .buttons li.umsaetze :before, .button.umsaetze :before { content: "\f1fe"; }

  .buttons li.undo :before, .button.undo :before { content: "\f2ea"; }


  .buttons li.vcard :before, .button.vcard :before { content: "\f022"; }

  .buttons li.verfuegbarkeit :before, .button.verfuegbarkeit :before,
  .verfuegbarkeit .icon:before { content: "\f0d1"; }

  .buttons li.verschieben :before, .button.verschieben :before {
  content: "\f0b2";
  }

  .buttons li.versenden :before, .button.versenden .text:before {
  content: "\f0e0";
  }

  .buttons li.verwerfen :before, .button.verwerfen .text:before { content: "\f0e2"; }

  .buttons li.videos :before, .button.videos :before {
  content: "\f03d";
  }

  .buttons li.vor :before,
  .button.vor :before { content: "\f105"; }


  .buttons li.warenkorb :before,
  .button.warenkorb :before
  { content: "\f07a"; }

  .buttons li.warenkorbminus :before,
  .button.warenkorbminus :before {
  content: "\f068";
  }

  .buttons li.warenkorbplus :before,
  .button.warenkorbplus :before {
  content: "\f067";
  /*
  content: "\f217";
  */
  }

  .buttons li.webadmins :before, .button.webadmins :before { content: "\f0c0"; }

  .buttons li.webentwicklung :before, .button.webentwicklung :before {
  content: "\f0eb";
  }

  .buttons li.webinhalte :before, .button.webinhalte :before { content: "\f15b"; }

  .buttons li.website :before, .button.website :before {
  margin-left: -0.1em !important;
  content: "\f0e8";
  }

  .buttons li.websitetexte :before, .button.websitetexte :before { content: "\f075"; }

  .buttons li.weiter :before, .button.weiter :before { content: "\f105"; }

  .buttons li.weniger :before, .button.weniger .text:before { content: "\f106"; }

  .buttons li.konsempf :before, .button.konsempf :before { content: "\f651"; }

  .buttons li.warenkorb :before,
  .button.warenkorb :before {
  content: "\f07a";
  }

  .buttons li.wsnavigation :before, .button.wsnavigation :before { content: "\f0e8"; }

  .buttons li.zurueck :before, .button.zurueck :before { content: "\f104"; }


  .buttons li .hintergrund:before,
  .buttons .hintergrund:before {
  display: none;
  }

  .buttons a:before {
  content: none !important;
  }
 /******************************************************************************************
 *                       *
 * 17.03.2025 22:12 CMS                 *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * .dialog                     *
 ******************************************************************************************/

 .dialog {
 
 
 display: flex;
 position: fixed !important;
 top: 0;
 left: 0;
 width: 100% !important;
 max-width: 100% !important;
 height: 100% !important;
 max-height: 100vh !important;
 text-align: center;
 z-index: 3001;
 overflow: auto;
 }

 .dialog > .hintergrund {
 position: fixed;
 }

 .dialog > .rahmen {
 display: block;
 position: relative;
 top: 0;
 right: auto;
 bottom: auto;
 left: 0;
 width: 98%;
 max-width: 640px;
 height: auto;
 max-height: calc(100% - 80px);
 margin: auto auto auto auto;
 box-shadow: 5px 5px 15px 5px rgba(102, 102, 102, 1);
 }

 .dialog > .rahmen > .inhalt {
 padding: 0.4rem;
 }

 @media (min-width: 600px) {

 .dialog > .rahmen > .inhalt {
 padding: 1.0rem;
 }

			 }

 .dialog > .rahmen > .inhalt fieldset legend {
 margin-bottom: 1.0rem;
 }

 .dialog .buttons {
 margin-top: 0.2rem;
 }

 .dialog .buttons.listenavi,
 .dialog .buttons.seitennavi {
 margin-top: 0;
 }


 /******************************************************************************************
 * .dialog.geschlossen                  *
 ******************************************************************************************/

 .dialog.geschlossen {
 display: none;
 }


 /******************************************************************************************
 * .dialog .schliesser                  *
 ******************************************************************************************/

 .dialog > .rahmen > .button.schliesser {
 position: absolute;
 right: 0.6rem;
 top: 0.6rem;
 left: auto;
 height: auto;
 margin: 0;
 z-index: 1131;
 }

 .dialog > .rahmen > .button.schliesser .text {
 display: none;
 }

 .dialog > .rahmen > .button.schliesser .icon {
 display: block;
 }


 /******************************************************************************************
 * .dialog                     *
 ******************************************************************************************/

 body.frontend .dialog > .hintergrund {
 background-color: #007DBD;
 opacity: 0.70;
 }

 body.frontend .dialog > .rahmen > .inhalt > .hintergrund {
 
 
 			}

 
 @media (max-width: 1050px) {

 .dialog > .positionierung,
 .dialog.vollehoehe > .positionierung > .rahmen > .inhalt > .button.schliesser {
 top: 44px;
 }

 .dialog.vollehoehe > .positionierung > .rahmen > .inhalt > .button.schliesser {
 margin-top: 10px;
 }

 }

 body.browser_mobile .dialog > .positionierung,
 body.browser_mobile .dialog.vollehoehe > .positionierung > .rahmen > .inhalt > .button.schliesser {
 top: 44px;
 }

 body.browser_mobile .dialog.vollehoehe > .positionierung > .rahmen > .inhalt > .button.schliesser {
 margin-top: 10px;
 }


 /******************************************************************************************
 * .dialog.begruessung OHNE Hintergrund             *
 ******************************************************************************************/

 body.begruessung-dialog-1 .dialog.begruessung {
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 width: 98% !important;
 max-width: 600px !important;
 height: auto !important;
 }

 body.begruessung-dialog-1 .dialog.begruessung {
 box-shadow: 5px 5px 15px 5px rgba(55, 55, 55, 1);
 }
 /******************************************************************************************
 *                       *
 * 08.01.2025 17:25 CMS                 *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * .sozialelinks                   *
 ******************************************************************************************/

 /*
 body.frontend .buttons.sozialelinks {
 display: inline-flex;
 flex-flow: row nowrap;
 position: relative;
 }

 / *
 body.frontend .buttons.sozialelinks {
 display: inline-block;
 position: relative;
 }
 */

 .buttons.sozialelinks li.start {
 margin-left: 0;
 			}

 .buttons.sozialelinks li.ende {
 margin-right: 0;
 			}

 .buttons.sozialelinks li .icon {
 height: inherit;
 line-height: normal;
 font-size: 1.5rem;
 }

 .buttons.sozialelinks li .text {
 display: inline-flex;
 
 visibility: hidden;
 }

 .buttons.sozialelinks li > .hintergrund {
 
 }


 /******************************************************************************************
 * .sozialelinks .icon                  *
 ******************************************************************************************/
 /*
 .buttons.sozialelinks li .icon {
 display: inline-block;
 position: relative;
 }

 .buttons.sozialelinks li .icon:before {
 margin: 0;
 padding: 0;
 font-style: normal;
 display: inline-block;
 text-decoration: inherit;
 content: "\f08e";
 }

 .buttons.sozialelinks li.button .text:before {
 width: 1.8em;
 margin: 0;
 }

 .buttons.sozialelinks li .korrektur {
 display: inline-block;
 padding-top: 0.05em;
 padding-left: 0.2em;
 padding-right: 0.2em;
 }
*/
 
 .buttons.sozialelinks li.text1501 .icon:before,
 .buttons.sozialelinks li.text1501 .text:before {
 font-family: 'fontawesome-brands' !important;
 content: "\f39e";
 }

 .buttons.sozialelinks li.text1501 .korrektur {
 padding-left: 0.45em;
 padding-right: 0.45em;
 }


 
 .buttons.sozialelinks li.text1511 .icon:before,
 .buttons.sozialelinks li.text1511 .text:before {
 font-family: 'fontawesome-brands' !important;
 content: "\f16d";
 }

 /*
 .buttons.sozialelinks li.text1511 .korrektur {
 padding-left: 0;
 padding-right: 0;
 }
 */

 
 .buttons.sozialelinks li.text1521 .icon:before,
 .buttons.sozialelinks li.text1521 .text:before {
 font-family: 'fontawesome-brands' !important;
 content: "\e61b";
 }

 /*
 .buttons.sozialelinks li.text1521 .korrektur {
 padding-left: 0.22em;
 padding-right: 0.22em;
 }
 */

 
 .buttons.sozialelinks li.text1531 .icon:before,
 .buttons.sozialelinks li.text1531 .text:before {
 font-family: 'fontawesome-brands' !important;
 content: "\f168";
 }

 /*
 .buttons.sozialelinks li.text1531 .korrektur {
 padding-left: 0.32em;
 padding-right: 0.32em;
 }
 */

 
 .buttons.sozialelinks li.text1541 .icon:before,
 .buttons.sozialelinks li.text1541 .text:before {
 font-family: 'fontawesome-brands' !important;
 content: "\f0e1";
 }

 /*
 .buttons.sozialelinks li.text1541 .korrektur {
 padding-left: 0.28em;
 padding-right: 0.28em;
 }
 */

 
 .buttons.sozialelinks li.text1551 .icon:before,
 .buttons.sozialelinks li.text1551 .text:before {
 font-family: 'fontawesome-brands' !important;
 content: "\f231";
 }

 /*
 .buttons.sozialelinks li.text1551 .korrektur {
 padding-left: 0.38em;
 padding-right: 0.38em;
 }
 */

 
 .buttons.sozialelinks li.text1561 .icon:before,
 .buttons.sozialelinks li.text1561 .text:before {
 font-family: 'fontawesome-brands' !important;
 content: "\f167";
 }

 /*
 .buttons.sozialelinks li.text1561 .korrektur {
 padding-left: 0.28em;
 padding-right: 0.28em;
 }
 */

 
 .buttons.sozialelinks li.text1571 .icon:before,
 .buttons.sozialelinks li.text1571 .text:before {
 content: "\f0e0";
 }


 
 .buttons.sozialelinks li.text1581 .icon:before,
 .buttons.sozialelinks li.text1581 .text:before {
 content: "\f09e";
 }

 /*
 .buttons.sozialelinks li.text1581 .korrektur {
 padding-left: 0.28em;
 padding-right: 0.28em;
 }
 */

 /******************************************************************************************
 * .sozialelinks.layout-1 - untereinander             *
 ******************************************************************************************/

 .buttons.sozialelinks.layout-1 {
 flex-direction: column;
 }

 /*
 .buttons.sozialelinks.layout-1 li {
 display: block;
 }
 */


 /******************************************************************************************
 * .sozialelinks.ausrichtung-0/1/2               *
 ******************************************************************************************/

 .buttons.sozialelinks.ausrichtung-1 {
 justify-content: center;
 }

 .buttons.sozialelinks.ausrichtung-2 {
 justify-content: flex-end;
 }


 /******************************************************************************************
 * .sozialelinks.design-0 - nur Icons              *
 ******************************************************************************************/

 .buttons.sozialelinks.design-0 li > .hintergrund {
 display: none;
 }

 .buttons.sozialelinks.design-0 .icon {
 display: inline-flex;
 }


 /******************************************************************************************
 * .sozialelinks.design-1 - runde Scheiben             *
 ******************************************************************************************/

 

 .buttons.sozialelinks.design-1 li {
 text-align: center;
 }

 /*
 .buttons.sozialelinks.design-1 li > .korrektur {
 padding: 0;
 text-align: center;
 vertical-align: middle;
 }
 */

 .buttons.sozialelinks.design-1 li .icon {
 margin-top: -0.2em;
 padding: 0;
 vertical-align: middle;
 }


 /******************************************************************************************
 * .sozialelinks.design-3 - Kreise               *
 ******************************************************************************************/

 .buttons.sozialelinks.design-3 li {
 /*
 width: 2.4em;
 height: 2.4em;
 */
 padding: 0;
 text-align: center;
 }

 .buttons.sozialelinks.design-3 li,
 .buttons.sozialelinks.design-3 li > .hintergrund {
 border-radius: 1.4em; border-radius: 100%;
 background-color: transparent;
 }

 
 /* * /
 .buttons.sozialelinks.design-3 li > .hintergrund {
 border: 0.1rem solid #FF0000;
 }
 /* */

 .buttons.sozialelinks.design-3 .icon {
 display: inline-flex;
 }

 .buttons.sozialelinks.design-3 .text {
 display: none;
 }

 /*
 .buttons.sozialelinks.design-3 li > .korrektur {
 margin: 0.5em auto 0 auto;
 padding: 0;
 text-align: center;
 }
 */

 .buttons.sozialelinks.design-3 li .icon {
 padding: 0;
 }


 /******************************************************************************************
 * .sozialelinks.text                  *
 ******************************************************************************************/

 .buttons.sozialelinks li .text,
 .buttons.sozialelinks li .text:before {
 height: auto;
 max-height: none;
 padding: 0;
 }

 .buttons.sozialelinks li .text:before {
 display: none;
 color: #007DBD !important;
 }


 /******************************************************************************************
 * .sozialelinks.text-0                 *
 ******************************************************************************************/

 .buttons.sozialelinks.text-0 li .text {
 display: none;
 			}


 /******************************************************************************************
 * .sozialelinks.text-1/2 - Text unten hover/immer           *
 ******************************************************************************************/

 .buttons.sozialelinks.text-2 li,
 .buttons.sozialelinks.text-1 li {
 flex-direction: column-reverse;
 			}

 .buttons.sozialelinks.text-2 li .text,
 .buttons.sozialelinks.text-1 li:hover .text {
 visibility: visible;
 }

/*
 .buttons.sozialelinks.text-1,
 .buttons.sozialelinks.text-2 {
 padding-bottom: 1.0rem;
 }

 .buttons.sozialelinks.text-1 li,
 .buttons.sozialelinks.text-2 li {
 / * Bestimmt den vertikalen Platz für den Text unter dem Icon und damit auch den Abstand Icon/Text * /
 / *
 padding-bottom: 1.6em;
 * /
 overflow: visible;
 }


 .buttons.sozialelinks.text-1 li .text,
 .buttons.sozialelinks.text-2 li .text {
 position: absolute;
 top: auto;
 / * Links und rechts ein wenig über den Rand hinaus gehen, damit evtl. längere Bezeichnungen komplett angezeigt werden * /
 right: -0.6rem;
 left: -0.6rem;
 width: auto;
 text-align: center;
 text-transform: none;
 }

 .buttons.sozialelinks.text-2 li .text,
 .buttons.sozialelinks.text-1 li:hover .text {
 display: block;
 }
*/

 /******************************************************************************************
 * .sozialelinks.text-3 - Text rechts              *
 ******************************************************************************************/

 .buttons.sozialelinks.text-3 li {
 -webkit-flex-direction: row-reverse;
 flex-direction: row-reverse;
 }

 .buttons.sozialelinks.text-3 li .text {
 /*
 display: block;
 */
 margin: 0 0 0 0.5em;
 visibility: visible;
 }

 /*
 .buttons.sozialelinks.text-3 li .korrektur,
 .buttons.sozialelinks.text-3 li .korrektur .icon,
 .buttons.sozialelinks.text-3 li .korrektur .icon:before {
 padding: 0;
 }
 */
 /******************************************************************************************
 *                       *
 * 08.07.2025 18:41 CMS                 *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * .datensatz                    *
 ******************************************************************************************/

 .datensatz {
 position: relative;
 width: 100%;
 }

 .datensatz > .rahmen > .bilder,

 .datensatz > .rahmen .daten,
 .datensatz > .rahmen .daten > .texte > .datum,
 .datensatz > .rahmen .daten > .texte > .termin,
 .datensatz > .rahmen .daten > .texte > .titel,
 .datensatz > .rahmen .daten > .texte > .kurztext,
 .datensatz > .rahmen .daten > .texte > .text,
 .datensatz > .rahmen .daten > .texte > .link {
 position: relative;
 }

 .datensatz .daten .texte {
 justify-content: flex-start;
 flex-flow: column;
 }

 .datensatz .daten {
 flex: 1;
 flex-flow: column;
 }

 .datensatz.design-1 > .rahmen > .daten {
 padding: 1vw;
 }


 .datensatz.modul-newsletter .texte .kurztext {
 margin: 0 0 0.4rem 0 !important;
 }

 .datensatz.modul-newsletter .linkdetails {
 margin: 0;
 }

 .datensatz.modul-newsletter .textfeld {
 margin: 0 0 2rem 0;
 }

 .datensatz.modul-newsletter .kopf,
 .datensatz.modul-newsletter .fuss,
 .datensatz.modul-newsletter .textfeld1 {
 display: none !important;
 }


 .liste .datensatz .dateidownload {
 display: none;
 }

 .datensatz.ohnetexte .daten .texte {
 display: none;
 }

 .datensatz.mitkurztext.mittext .kurztext {
 margin-bottom: 1.5em;
 }

 .datensatz .texte .textfeld {
 margin: 1rem 0 0 0;
 }

 .datensatz .artikelnummer .titel {
 margin-right: 0.4rem;
 }

 .datensatz .link-details {
 margin: 0.4rem 0 0 0;
 }

 .datensatz .herstellerinfo {
 margin-top: 1rem;
 }

 .datensatz .herstellerinfo p {
 font-size: 0.9rem;
 }

 .datensatz .bestellung .texte,
 .datensatz.layout-51 .daten .texte .uebertitel,
 .datensatz.layout-51 .daten .texte .titel,
 .datensatz.layout-51 .daten .texte .untertitel {
 display: none;
 }

 .datensatz.layout-51 .bestellung .texte {
 display: block;
 }


 /******************************************************************************************
 * .datensatz .hover                  *
 ******************************************************************************************/

 

 .datensatz .hover {
 display: none;
 justify-content: center;
 align-items: center;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
			 }

 
 .liste .datensatz.linkart-0:hover .hover,
 .liste .datensatz.linkart-2:hover .hover {
 display: flex;
 			}

 .liste .datensatz .hover .icon {
 display: flex;
			 }


 
 .liste.hover-1 .datensatz .hover .icon:before {
 content: '\f00e';
			 }

 
 .liste.hover-2 .datensatz .hover .icon:before {
 content: '\f25a';
			 }

 
 .liste.hover-3 .datensatz .hover .icon:before {
 content: '\f00c';
			 }

 
 .liste.hover-4 .datensatz .hover .icon:before {
 content: '\f06e';
			 }


 /******************************************************************************************
 * .datensatz.layout-                  *
 ******************************************************************************************/

 /* 
			1: Text/Bild 70/30
 2: Text/Bild 60/40
 3: Text/Bild 50/50
 4: Text/Bild 40/60
 5: Text/Bild 30/70

 6: Bild/Text 70/30
 7: Bild/Text 60/40
 8: Bild/Text 50/50
 9: Bild/Text 40/60
 10: Bild/Text 30/70

 23: Fluss
 25: Kurzmeldung
 26: Einfache Liste ohne Bild
 27: Datensatz-Tabelle

 31: Galerie oben
			32: Galerie unten
 33: Pinterest
 */


 /******************************************************************************************
 * .datensatz.layout-                  *
 ******************************************************************************************/

 .datensatz.layout-1,
 .datensatz.layout-2,
 .datensatz.layout-3,
 .datensatz.layout-4,
 .datensatz.layout-5,
 .datensatz.layout-6,
 .datensatz.layout-7,
 .datensatz.layout-8,
 .datensatz.layout-9,
 .datensatz.layout-10
 .datensatz.layout-70 {
 margin: 0 0 1rem 0;
 }

 .datensatz > .rahmen {
 width: 100%;
			 }

 
 @media (min-width: 699px) {

 .datensatz > .rahmen {
 display: flex;
 flex-direction: row-reverse;
 }

 .datensatz.layout-1 > .rahmen,
 .datensatz.layout-2 > .rahmen,
 .datensatz.layout-3 > .rahmen,
 .datensatz.layout-4 > .rahmen,
 .datensatz.layout-5 > .rahmen,
 .datensatz.layout-6 > .rahmen,
 .datensatz.layout-7 > .rahmen,
 .datensatz.layout-8 > .rahmen,
 .datensatz.layout-9 > .rahmen,
 .datensatz.layout-10 > .rahmen,
 .datensatz.layout-70 > .rahmen {
 flex-direction: row;
 }

 .datensatz.layout-1 > .rahmen,
 .datensatz.layout-2 > .rahmen,
 .datensatz.layout-3 > .rahmen,
 .datensatz.layout-4 > .rahmen,
 .datensatz.layout-5 > .rahmen {
 flex-direction: row-reverse;
 }

 .datensatz.layout-1 > .rahmen > .daten,
 .datensatz.layout-1 > .rahmen > .galerie,

 .datensatz.layout-2 > .rahmen > .daten,
 .datensatz.layout-2 > .rahmen > .galerie,

 .datensatz.layout-3 > .rahmen > .daten,
 .datensatz.layout-3 > .rahmen > .galerie,

 .datensatz.layout-4 > .rahmen > .daten,
 .datensatz.layout-4 > .rahmen > .galerie,

 .datensatz.layout-5 > .rahmen > .daten,
 .datensatz.layout-5 > .rahmen > .galerie,

 .datensatz.layout-6 > .rahmen > .daten,
 .datensatz.layout-6 > .rahmen > .galerie,

 .datensatz.layout-7 > .rahmen > .daten,
 .datensatz.layout-7 > .rahmen > .galerie,

 .datensatz.layout-8 > .rahmen > .daten,
 .datensatz.layout-8 > .rahmen > .galerie,

 .datensatz.layout-9 > .rahmen > .daten,
 .datensatz.layout-9 > .rahmen > .galerie,

 .datensatz.layout-10 > .rahmen > .daten,
 .datensatz.layout-10 > .rahmen > .galerie,

 .datensatz.layout-70 > .rahmen > .daten,
 .datensatz.layout-70 > .rahmen {
 display: inline-flex;
 margin: 0;
 }


 .datensatz.layout-5 > .rahmen > .galerie,
 .datensatz.layout-6 > .rahmen > .galerie {
 flex: 0 0 70%;
 width: 70%;
 }

 .datensatz.layout-4 > .rahmen > .galerie,
 .datensatz.layout-7 > .rahmen > .galerie {
 flex: 0 0 60%;
 width: 60%;
 }

 .datensatz.layout-3 > .rahmen > .galerie,
 .datensatz.layout-8 > .rahmen > .galerie {
 flex: 0 0 50%;
 width: 50%;
 }

 .datensatz.layout-2 > .rahmen > .galerie,
 .datensatz.layout-9 > .rahmen > .galerie {
 flex: 0 0 40%;
 width: 40%;
 }

 .datensatz.layout-1 > .rahmen > .galerie,
 .datensatz.layout-10 > .rahmen > .galerie,
 .datensatz.layout-70 > .rahmen > .galerie {
 flex: 0 0 30%;
 width: 30%;
 min-width: 30%;
 max-width: 30%;
 }

 .datensatz.layout-1 > .rahmen > .galerie,
 .datensatz.layout-2 > .rahmen > .galerie,
 .datensatz.layout-3 > .rahmen > .galerie,
 .datensatz.layout-4 > .rahmen > .galerie,
 .datensatz.layout-5 > .rahmen > .galerie {
 margin-left: 1rem;
			 } 

 
 .datensatz.layout-6 > .rahmen > .galerie,
 .datensatz.layout-7 > .rahmen > .galerie,
 .datensatz.layout-8 > .rahmen > .galerie,
 .datensatz.layout-9 > .rahmen > .galerie,
 .datensatz.layout-10 > .rahmen > .galerie {
 margin-right: 1rem;
			 } 

 
 .datensatz.layout-6.design-1 > .rahmen > .galerie,
 .datensatz.layout-7.design-1 > .rahmen > .galerie,
 .datensatz.layout-8.design-1 > .rahmen > .galerie,
 .datensatz.layout-9.design-1 > .rahmen > .galerie,
 .datensatz.layout-10.design-1 > .rahmen > .galerie {
 margin-right: 0;
			 } 

 .datensatz.layout-1 > .rahmen > .daten,
 .datensatz.layout-1 > .rahmen > .daten > .texte,
 .datensatz.layout-1 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-2 > .rahmen > .daten,
 .datensatz.layout-2 > .rahmen > .daten > .texte,
 .datensatz.layout-2 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-3 > .rahmen > .daten,
 .datensatz.layout-3 > .rahmen > .daten > .texte,
 .datensatz.layout-3 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-4 > .rahmen > .daten,
 .datensatz.layout-4 > .rahmen > .daten > .texte,
 .datensatz.layout-4 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-5 > .rahmen > .daten,
 .datensatz.layout-5 > .rahmen > .daten > .texte,
 .datensatz.layout-5 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-6 > .rahmen > .daten,
 .datensatz.layout-6 > .rahmen > .daten > .texte,
 .datensatz.layout-6 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-7 > .rahmen > .daten,
 .datensatz.layout-7 > .rahmen > .daten > .texte,
 .datensatz.layout-7 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-8 > .rahmen > .daten,
 .datensatz.layout-8 > .rahmen > .daten > .texte,
 .datensatz.layout-8 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-9 > .rahmen > .daten,
 .datensatz.layout-9 > .rahmen > .daten > .texte,
 .datensatz.layout-9 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-10 > .rahmen > .daten,
 .datensatz.layout-10 > .rahmen > .daten > .texte,
 .datensatz.layout-10 > .rahmen > .daten > .texte > .kurztext,

 .datensatz.layout-70 > .rahmen > .daten,
 .datensatz.layout-70 > .rahmen > .daten > .texte,
 .datensatz.layout-70 > .rahmen > .daten > .texte > .kurztext {
 margin: 0;
 }

 .datensatz.layout-1 > .rahmen > .daten > .texte,
 .datensatz.layout-2 > .rahmen > .daten > .texte,
 .datensatz.layout-3 > .rahmen > .daten > .texte,
 .datensatz.layout-4 > .rahmen > .daten > .texte,
 .datensatz.layout-5 > .rahmen > .daten > .texte,
 .datensatz.layout-6 > .rahmen > .daten > .texte,
 .datensatz.layout-7 > .rahmen > .daten > .texte,
 .datensatz.layout-8 > .rahmen > .daten > .texte,
 .datensatz.layout-9 > .rahmen > .daten > .texte,
 .datensatz.layout-10 > .rahmen > .daten > .texte,
 .datensatz.layout-70 > .rahmen > .daten > .texte {
 display: flex;
 /*
 align-content: center;
 */
 justify-content: flex-start;
 flex-wrap: wrap;
 padding: 0;
 }

 .datensatz.layout-1 > .rahmen > .galerie,
 .datensatz.layout-2 > .rahmen > .galerie,
 .datensatz.layout-3 > .rahmen > .galerie,
 .datensatz.layout-4 > .rahmen > .galerie,
 .datensatz.layout-5 > .rahmen > .galerie,
 .datensatz.layout-6 > .rahmen > .galerie,
 .datensatz.layout-7 > .rahmen > .galerie,
 .datensatz.layout-8 > .rahmen > .galerie,
 .datensatz.layout-9 > .rahmen > .galerie,
 .datensatz.layout-10 > .rahmen > .galerie,
 .datensatz.layout-70 > .rahmen > .galerie {
 display: flex;
 align-content: center;
 justify-content: flex-start;
 flex-wrap: wrap;
 }

 .datensatz.layout-1 .galerie > .bilder,
 .datensatz.layout-1 .galerie > .bilder > .rahmen,

 .datensatz.layout-2 .galerie > .bilder,
 .datensatz.layout-2 .galerie > .bilder > .rahmen,

 .datensatz.layout-3 .galerie > .bilder,
 .datensatz.layout-3 .galerie > .bilder > .rahmen,

 .datensatz.layout-4 .galerie > .bilder,
 .datensatz.layout-4 .galerie > .bilder > .rahmen,

 .datensatz.layout-5 .galerie > .bilder,
 .datensatz.layout-5 .galerie > .bilder > .rahmen,

 .datensatz.layout-6 .galerie > .bilder,
 .datensatz.layout-6 .galerie > .bilder > .rahmen,

 .datensatz.layout-7 .galerie > .bilder,
 .datensatz.layout-7 .galerie > .bilder > .rahmen,

 .datensatz.layout-8 .galerie > .bilder,
 .datensatz.layout-8 .galerie > .bilder > .rahmen,

 .datensatz.layout-9 .galerie > .bilder,
 .datensatz.layout-9 .galerie > .bilder > .rahmen,

 .datensatz.layout-10 .galerie > .bilder,
 .datensatz.layout-10 .galerie > .bilder > .rahmen,

 .datensatz.layout-70 .galerie > .bilder,
 .datensatz.layout-70 .galerie > .bilder > .rahmen {
 height: 100%;
 }

 }


 /******************************************************************************************
 * .datensatz.layout-31/32 (Galerie oben/unten)           *
 ******************************************************************************************/

 .liste.layout-31,
 .liste.layout-32 {
 display: flex;
 flex-flow: row;
 flex-wrap: wrap;
 justify-content: space-between;
 }

 /*
 .liste .datensatz.layout-31 {
 flex: 0 0 32%;
 max-width: 32%;
 margin-bottom: 1vw;
 }

 .liste.spalten-1 .datensatz.layout-31 {
 flex: 0 0 100%;
 max-width: 100%;
 margin: 0 0 1vw 0;
 }
 */

 .datensatz.layout-31 > .rahmen,
 .datensatz.layout-32 > .rahmen {
 flex-flow: column;
 }

 .datensatz.eindatensatz.layout-31 .galerie,
 .datensatz.eindatensatz.layout-32 .galerie {
 margin-bottom: 1.2rem;
 }


 /******************************************************************************************
 * .datensatz.layout-32 (Galerie unten)              *
 ******************************************************************************************/

 .datensatz.layout-32 .daten {
 order: 1;
 }

 .datensatz.layout-32 .bestellung {
 order: 2;
 }

 .datensatz.layout-32 .galerie {
 order: 3;
 }


 /******************************************************************************************
 * .datensatz.layout-44 (Text im Bild, Teaser)            *
 ******************************************************************************************/

 .datensatz.layout-44 {
 width: 100%;
 max-width: 100%;
 }

 .datensatz.layout-44 {
 margin: 0 !important;
 }

 .datensatz.layout-44 .daten .texte .kurztext {
 max-height: 260px;
 overflow-y: auto;
 }


 
 @media (min-width: 1050px) {

 .datensatz.layout-44 {
 margin: 0 0 40px 0 !important;
 }

 .datensatz.layout-44 > .rahmen > a.flaechenlink {
 bottom: -40px;
 }

 }


 
 @media (min-width: 849px) {

 .datensatz.layout-44 .daten .texte .kurztext {
 max-height: 320px;
 }

 }


 
 @media (min-width: 749px) {

 .datensatz.layout-44 > .rahmen > .galerie {
 display: block;
 flex: none;
 width: 100%;
 max-width: 100%;
 }

 .datensatz.layout-44 > .rahmen {
 padding: 0 !important;
 }

 /* Über .hover */
 .datensatz.layout-44 > .rahmen > .daten {
 position: absolute;
 top: auto;
 right: 4%;
 bottom: -60px;
 left: 48%;
 width: auto;
 height: auto;
 z-index: 198;
 }

 
 .datensatz.layout-44 > .rahmen > .hover {
 z-index: 197;
			 }

 /* Über .daten und .hover */
 .datensatz.layout-44 > .rahmen > a.flaechenlink {
 z-index: 199;
			 }

/*
 .datensatz.layout-44 > .rahmen .daten > .hintergrund {
 background-color: #FFFFFF;
 border: 1px solid #EEEEEE;
 opacity: 1;
 }
*/
 .datensatz.layout-44 .daten .texte .kurztext p {
 font-size: 1.0rem;
 }

 }


 /******************************************************************************************
 * .datensatz.layout-51 (Grid Bild/Bestellung, Text unten)         *
 ******************************************************************************************/

 .datensatz.layout-51 > .rahmen {
 display: grid;
 grid-template-columns: 50% 50%;
 }

 .datensatz.layout-51 .galerie {
 display: block;
 grid-column: 1 / 1;
 width: 100%;
 max-height: 100%;
 }

 .datensatz.layout-51 .galerie .bilder {
 height: 100%;
 			}

 .datensatz.layout-51 .daten {
 grid-row: 2 / 2;
 grid-column: 1 / 3;
 width: 100%;
 max-width: 100%;
 min-width: 100%;
 margin: 2rem 0 0 0;
 }

 .datensatz.layout-51 .bestellung {
 grid-column: 2 / 2;
 width: 100%;
 max-width: 100%;
 }


 /******************************************************************************************
 * .datensatz.layout-70 (Bild/Text 30/70, Titel oben)          *
 ******************************************************************************************/

 .datensatz.layout-70 {
 margin-bottom: 1rem;
 }

 .datensatz.layout-70.liste-ende {
 margin-bottom: 0;
 }

 .datensatz.layout-70 > .rahmen {
 flex-wrap: wrap;
 padding: 0.8rem;
 }

 .datensatz.layout-70 .rahmen > h3,
 .datensatz.layout-70 .rahmen > .titel {
 flex: 1 0 100%;
 width: 100%;
 margin-bottom: 0.4em;
 font-size: 1.2em;
 }

 .datensatz.layout-70 > .rahmen > .daten {
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 }


 /******************************************************************************************
 * .datensatz .fuss                  *
 ******************************************************************************************/

 .datensatz .fuss {
 display: none;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: center;
 align-items: center;
 position: relative;
 margin: 0;
 padding: 0;
 }
 
 .datensatz .daten .fuss {
 margin-top: 0.6rem;
			 }

 .datensatz.mitdatum .daten .fuss,
 .datensatz.mitbildanzahl .daten .fuss,
 .datensatz.mitvideoanzahl .daten .fuss,
 .datensatz.mitkommentaren .daten .fuss {
 display: -webkit-flex;
 display: flex;
 }

 /*
 .datensatz.layout-31.design-1.mitdatum .rahmen > .fuss,
 .datensatz.layout-31.design-1.mitbildanzahl .rahmen > .fuss,
 .datensatz.layout-31.design-1.mitvideoanzahl .rahmen > .fuss,
 .datensatz.layout-31.design-1.mitkommentaren .rahmen > .fuss {
 display: -webkit-flex;
 display: flex;
 padding: 0 0.8rem 0.8rem 0.8rem;
			 }
 * /

 .datensatz.eindatensatz .fuss,
 .datensatz.design-1 .daten .fuss {
 display: none;
 }
 */

			.datensatz.eindatensatz .daten .fuss {
				justify-content: space-between;
				width: 100%;
				margin: 1rem 0 0 0;
		 	}

 .datensatz .fuss .element,
 .datensatz .fuss .autor,
 .datensatz .fuss .datum,
 .datensatz .fuss .bestellungen,
 .datensatz .fuss .bildanzahl,
 .datensatz .fuss .dateianzahl,
 .datensatz .fuss .prioritaet,
 .datensatz .fuss .videoanzahl,
 .datensatz .fuss .datum .datum,
 .datensatz .fuss .datum .uhrzeit,
 .datensatz .fuss .kommentareanzahl,
 .datensatz .fuss .teaser {
 display: inline-flex;
 align-items: center;
 margin: 0;
 line-height: 1.2rem;
 }

 .datensatz .fuss :before,
 .datensatz .fuss .element,
 .datensatz .fuss .autor .name,
 .datensatz .fuss .bestellungen,
 .datensatz .fuss .bildanzahl,
 .datensatz .fuss .dateianzahl,
 .datensatz .fuss .prioritaet,
 .datensatz .fuss .videoanzahl,
 .datensatz .fuss .datum .datum,
 .datensatz .fuss .datum .uhrzeit,
 .datensatz .fuss .kommentareanzahl,
 .datensatz .fuss .teaser {
 font-size: 0.8rem;
 opacity: 0.7;
 }

 .datensatz.layout-1 .fuss,
 .datensatz.layout-2 .fuss,
 .datensatz.layout-3 .fuss,
 .datensatz.layout-4 .fuss,
 .datensatz.layout-5 .fuss,
 .datensatz.layout-6 .fuss,
 .datensatz.layout-7 .fuss,
 .datensatz.layout-8 .fuss,
 .datensatz.layout-9 .fuss,
 .datensatz.layout-10 .fuss,
 .datensatz.layout-70 .fuss {
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 }

 .datensatz.layout-1 .fuss > *,
 .datensatz.layout-2 .fuss > *,
 .datensatz.layout-3 .fuss > *,
 .datensatz.layout-4 .fuss > *,
 .datensatz.layout-5 .fuss > *,
 .datensatz.layout-6 .fuss > *,
 .datensatz.layout-7 .fuss > *,
 .datensatz.layout-8 .fuss > *,
 .datensatz.layout-9 .fuss > *,
 .datensatz.layout-10 .fuss > *,
 .datensatz.layout-70 .fuss > * {
 margin-right: 0.6em;
 }


 /******************************************************************************************
 * .datensatz .datensatzinfo                *
 ******************************************************************************************/

 .datensatz .datensatzinfo {
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: center;
 align-items: center;
 position: relative;
				width: 100%;
 margin: 0;
 padding: 0;
 }
 
			.datensatz .datensatzinfo {
				justify-content: space-between;
		 	}

			.datensatz .datensatzinfo.oben {
				margin: 0 0 1rem 0;
		 	}

			.datensatz .datensatzinfo.ueberdemtext {
				margin: 0 0 0.4rem 0;
		 	}

			.datensatz .datensatzinfo.unten {
				margin: 0.6rem 0 0 0;
		 	}

 .datensatz .datensatzinfo .element,
 .datensatz .datensatzinfo .autor,
 .datensatz .datensatzinfo .datum,
 .datensatz .datensatzinfo .bestellungen,
 .datensatz .datensatzinfo .bildanzahl,
 .datensatz .datensatzinfo .dateianzahl,
 .datensatz .datensatzinfo .prioritaet,
 .datensatz .datensatzinfo .videoanzahl,
 .datensatz .datensatzinfo .datum .datum,
 .datensatz .datensatzinfo .datum .uhrzeit,
 .datensatz .datensatzinfo .kommentareanzahl,
 .datensatz .datensatzinfo .teaser {
 display: inline-flex;
 align-items: center;
 margin: 0;
 line-height: 1.2rem;
 }

 .datensatz .datensatzinfo :before,
 .datensatz .datensatzinfo .element,
 .datensatz .datensatzinfo .autor .name,
 .datensatz .datensatzinfo .bestellungen,
 .datensatz .datensatzinfo .bildanzahl,
 .datensatz .datensatzinfo .dateianzahl,
 .datensatz .datensatzinfo .prioritaet,
 .datensatz .datensatzinfo .videoanzahl,
 .datensatz .datensatzinfo .datum .datum,
 .datensatz .datensatzinfo .datum .uhrzeit,
 .datensatz .datensatzinfo .kommentareanzahl,
 .datensatz .datensatzinfo .teaser {
 opacity: 0.7;
 }


 /******************************************************************************************
 * .datensatz .kopf                  *
 ******************************************************************************************/

 .datensatz .kopf {
 display: none;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-items: baseline;
 align-items: baseline;
 position: relative;
 margin: 0.8rem 0 0.8rem 0;
 }

 /*
 .datensatz.layout-7 .kopf,
 */
 /*
 .datensatz.mitdatum .kopf,
 .datensatz.mitbildanzahl .kopf,
 .datensatz.mitvideoanzahl .kopf,
 .datensatz.mitkommentaren .kopf {
 display: -webkit-flex;
 display: flex;
 }
 */

 .datensatz .kopf .element,
 .datensatz .kopf .autor,
 .datensatz .kopf .datum,
 .datensatz .kopf .bestellungen,
 .datensatz .kopf .bildanzahl,
 .datensatz .kopf .dateianzahl,
 .datensatz .kopf .prioritaet,
 .datensatz .kopf .videoanzahl,
 .datensatz .kopf .datum .datum,
 .datensatz .kopf .datum .uhrzeit,
 .datensatz .kopf .kommentareanzahl,
 .datensatz .kopf .teaser {
 display: inline-flex;
 margin: 0 0.8rem 0 0;
 line-height: 1.2rem;
 }

 .datensatz .kopf :before,
 .datensatz .kopf .element,
 .datensatz .kopf .datum .autor .name,
 .datensatz .kopf .bestellungen,
 .datensatz .kopf .bildanzahl,
 .datensatz .kopf .dateianzahl,
 .datensatz .kopf .prioritaet,
 .datensatz .kopf .videoanzahl,
 .datensatz .kopf .datum .datum,
 .datensatz .kopf .datum .uhrzeit,
 .datensatz .kopf .kommentareanzahl,
 .datensatz .kopf .teaser {
 font-size: 0.8rem;
 opacity: 0.6;
 }

 .datensatz .bildanzahl span,
 .datensatz .dateianzahl span,
 .datensatz .videoanzahl span,
 .datensatz .kommentareanzahl span {
 display: none;
 color: inherit;
 }

 .datensatz .autor .name:before {
 content: "\f007";
 }

 .datensatz .bildanzahl:before {
 content: "\f030";
 }

 .datensatz .bestellungen:before {
 content: "\f07a";
 }

 .datensatz .lagerbestand:before {
 content: "\f472";
 }

 .datensatz .videoanzahl:before {
 content: "\f03d";
 }

 .datensatz .kommentareanzahl:before {
 content: "\f075";
 }

 .datensatz .dateianzahl:before {
 content: "\f15b";
 }

 .datensatz .prioritaet:before {
 content: "\f0dc";
 }

 .datensatz .texte .fahne {
 display: inline-block;
 width: 2.4rem;
 margin: 0 0.6rem 0 0;
 background-color: #FF0000;
 }


 /******************************************************************************************
 * .datensatz,design-0                  *
 ******************************************************************************************/

 .datensatz.design-0 > .hintergrund {
 background-color: transparent !important;
 }


 /******************************************************************************************
 * .datensatz .modulinfo                 *
 ******************************************************************************************/

 .datensatz .modulinfo {
 display: flex;
 position: absolute !important;
 top: 1.0rem;
 left: -0.6rem;
 height: auto;
 z-index: 1999;
 }

 .datensatz.keinebilder .modulinfo {
 top: 0.5rem;
 }

 .liste .datensatz .modulinfo > .text {
 padding: 0 0.4rem 0 0.4rem;
 }


 /******************************************************************************************
 * .datensatz .termin                  *
 ******************************************************************************************/

 .datensatz .termin {
 display: block;
 margin-bottom: 0.4rem;
 }

 .datensatz .termin p * {
 color: inherit;
 }

 .datensatz .termin .bezeichnung,
 .datensatz .termin .uhrzeitstart {
 display: none;
 }

 .datensatz .termin .bezeichnung,
 .datensatz .termin .termindatumstart,
 .datensatz .termin .termindatumende,
 .datensatz .termin .terminuhrzeitstart,
 .datensatz .termin .terminuhrzeitende,
 .datensatz .termin .bis {
 margin-right: 0.6rem;
 }

 .datensatz .termin.layout-1 .bezeichnung,
 .datensatz .termin.layout-1 .termindatumstart,
 .datensatz .termin.layout-1 .termindatumende,
 .datensatz .termin.layout-1 .terminuhrzeitstart,
 .datensatz .termin.layout-1 .terminuhrzeitende,
 .datensatz .termin.layout-1 .bis {
 margin-right: 0.2rem;
 }

 .datensatz .termin.layout-1 .termindatumende {
 margin-right: 1.2rem;
 }


 /******************************************************************************************
 * .liste.design-2 .datensatz - Titel und Info im Bild          *
 ******************************************************************************************/

 .datensatz.layout-31.design-2 .daten {
 position: absolute;
 top: auto;
 right: 0;
 bottom: 0;
 left: 0;
 margin: 0.6em;
 }

			.liste.spaltenlayout-3 .datensatz .daten .kopf {
				display: block;
				margin: 0;
				}
	
 .datensatz.layout-31.design-2 .galerie,
 .datensatz.layout-31.design-2 .texte {
 margin: 0;
 }

 .datensatz.layout-31.design-2 .daten .datum,
 .datensatz.layout-31.design-2 .daten h2,
 .datensatz.layout-31.design-2 .daten h3,
 .datensatz.layout-31.design-2 .daten h4 {
 margin: 0;
 padding: 0;
 }

 .datensatz.layout-31.design-2:hover .daten .datum,
 .datensatz.layout-31.design-2:hover .daten h2,
 .datensatz.layout-31.design-2:hover .daten h3,
 .datensatz.layout-31.design-2:hover .daten h4 {
 color: #FF0000;
 }

 .datensatz.layout-31.design-2 .daten .fuss {
 display: none;
 }
 /******************************************************************************************
 *                       *
 * 24.06.2025 21:04 CMS                 *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * .liste                     *
 ******************************************************************************************/

 .liste {
 position: relative;
 width: 100%;
 max-width: 100%;
 vertical-align: top;
 }

			.liste .dbabruflimiterreicht {
				margin: 1rem 0 1rem 0;
				padding: 1rem;
				text-align: center;
				color: #CC0000;
			 }

 .liste .datensatz > .rahmen > a.flaechenlink {
 
 }

 .liste.hintergrund-0 {
 padding: 1rem;
 }


 /******************************************************************************************
 * .liste.sucheergebnis .datensatz               *
 ******************************************************************************************/

 .liste.sucheergebnis .datensatz {
 margin-bottom: 2.0em;
 }

 .liste.sucheergebnis .datensatz > h3 span {
 font-weight: inherit;
 opacity: 0.85;
 }

 .liste.sucheergebnis .datensatz > h3 .modul {
 margin-left: 0.6em;
 }

 .liste.sucheergebnis .datensatz > h3 a * {
 color: inherit;
 }

 .liste .datensatz.sucheerg {
 width: auto;
 border: none;
 }


 /******************************************************************************************
 * .liste.spaltenlayout-2 .datensatz (Pinterest)           *
 ******************************************************************************************/

 .liste.spaltenlayout-2 {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 height: auto;
 }

 .liste.spaltenlayout-2 .pinterestspalte {
 display: inline-flex;
 flex-flow: column;
 flex-wrap: wrap;
 position: relative;
 vertical-align: top;
 /*
 outline: 1px solid #DDDDDD;
 */
 }

 .liste.spaltenlayout-2.pispalten-1 .pinterestspalte {
 width: 100%;
			 }

 .liste.spaltenlayout-2.pispalten-2 .pinterestspalte {
 width: calc(50% - 1%);
			 }

 .liste.spaltenlayout-2.pispalten-3 .pinterestspalte {
 width: calc(33.33% - 1%);
			 }

 .liste.spaltenlayout-2.pispalten-4 .pinterestspalte {
 width: calc(25% - 1%);
			 }

 .liste.spaltenlayout-2.pispalten-5 .pinterestspalte {
 width: calc(20% - 1%);
			 }


 .liste.spaltenlayout-2.pispalten-1 .datensatz {
 margin-bottom: 1rem;
			 } 

 .liste.spaltenlayout-2 .datensatz {
 text-align: left;
 vertical-align: top;
 }

 
 .liste.spaltenlayout-2 > .datensatz {
 display: inline-block;
 max-width: 100%;
 margin-right: 0;
 margin-bottom: 2.0rem;
 }

 
 .liste.spaltenlayout-2 > .datensatz.ende {
 margin-right: 0;
 }

 
 @media (min-width: 549px) {

 
 .liste.spaltenlayout-2.spalten-3 > .datensatz {
 width: 30.2%;
 max-width: 30.2%;
 margin-right: 3%;
 }

 }

/*
 .liste.spaltenlayout-2 .datensatz.design0 .galerie {
 margin-bottom: 0;
 }

 .liste.spaltenlayout-2 .datensatz.design0 .daten .texte > h3 {
 margin-bottom: 0.3em;
 }
*/


 /******************************************************************************************
 * .layout-3 - Collage 1+4                 *
 ******************************************************************************************/

 .liste.spaltenlayout-3 {
 display: grid;
 /*
 grid-template-columns: 50% 50%;
 */
 grid-gap: 2rem;
 }
/*
 .liste.spaltenlayout-3 .datensatz {
 width: calc(100% - 0.8rem) !important; width: 100% !important;
 margin: 0;
 }

 / * Gross, links * /
 .liste.spaltenlayout-3 .datensatz1 {
 grid-column: 1 / 3;
 grid-row: 1 / 2;
 }

 / * 4er links, oben * /
 .liste.spaltenlayout-3 .datensatz2 {
 grid-column: 1 / 1;
 grid-row: 2 / 2;
 height: calc(100% - 0.2rem);
 }

 / * 4er rechts, oben * /
 .liste.spaltenlayout-3 .datensatz3 {
 grid-column: 2 / 2;
 grid-row: 2 / 2;
 height: calc(100% - 0.2rem);
 }

 / * 4er links, unten * /
 .liste.spaltenlayout-3 .datensatz4 {
 grid-column: 1 / 1;
 grid-row: 3 / 3;
 height: calc(100% - 0.2rem);
 margin-top: 0.4rem;
 }

 / * 4er rechts, unten * /
 .liste.spaltenlayout-3 .datensatz5 {
 grid-column: 2 / 2;
 grid-row: 3 / 3;
 height: calc(100% - 0.2rem);
 margin-top: 0.4rem;
 }
 */

 
 @media (min-width: 800px) {

 .liste.spaltenlayout-3 {
 display: grid;
 /*
 grid-template-columns: 23% 23% 23% 23%;
 grid-template-columns: 20% 25% 25%;
 grid-template: auto auto / 25% 25% 23% 23%;
 grid-template-columns: auto auto auto auto;
 */
 grid-template-columns: repeat(10, 8.6%);
 grid-template-rows: 8rem 8rem 8rem 8rem;
 gap: 1rem; gap: 1rem 1.5%;
 }

 .liste.spaltenlayout-3 .datensatz > .rahmen,
 .liste.spaltenlayout-3 .datensatz .galerie,
 .liste.spaltenlayout-3 .datensatz .galerie > .bilder {
 height: 100%;
 			}

 .liste.spaltenlayout-3 .datensatz {
 margin: 0;
 }

 .liste.spaltenlayout-3 .datensatz1 {
 grid-column: 1 / 5;
 grid-row: 1 / 5;
 }

 .liste.spaltenlayout-3 .datensatz2 {
 grid-column: 5 / 8;
 grid-row: 1 / 3;
 }

 .liste.spaltenlayout-3 .datensatz3 {
 grid-column: 8 / 11;
 grid-row: 1 / 3;
 }

 .liste.spaltenlayout-3 .datensatz4 {
 grid-column: 5 / 8;
 grid-row: 3 / 5;
 }

 .liste.spaltenlayout-3 .datensatz5 {
 grid-column: 8 / 11;
 grid-row: 3 / 5;
 }

 }


 /******************************************************************************************
 * .liste.layout-2, .layout-4 .datensatz (Liste - Bild klein/gross)      *
 ******************************************************************************************/
/*
 .liste.layout-2 .datensatz,
 .liste.layout-4 .datensatz {
 position: relative;
 top: 0;
 right: auto;
 bottom: auto;
 left: 0;
 width: auto;
 margin: 0 0 2.0em 0;
 padding: 0;
 text-align: left;
 vertical-align: top;
 }

 .liste.layout-2 .datensatz .daten,
 .liste.layout-4 .datensatz .daten,
 .liste.layout-2 .datensatz .galerie,
 .liste.layout-4 .datensatz .galerie {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 overflow: hidden;
 }

 .liste.layout-2 .datensatz .daten,
 .liste.layout-4 .datensatz .daten {
 /* .daten muss schrumpfen können, weil .galerie Vorrang hat * /
 flex: 0 1 auto;
 }

 .liste.layout-2 .datensatz .galerie,
 .liste.layout-4 .datensatz .galerie {
 display: flex;
 /* .galerie muss wachsen können, hat Vorrang * /
 flex: 1 0 auto;
 width: 25%;
 max-width: 25%;
 margin: 0;
 overflow: hidden;
 }

 .liste.layout-4 .datensatz .galerie {
 width: 40%;
			 }

 .liste.layout-4 .datensatz .galerie > .bilter {
		 	}

 .liste.layout-2 .datensatz > .rahmen,
 .liste.layout-4 .datensatz > .rahmen {
 display: flex;
 flex-flow: row;
 }

 .liste.layout-2 .datensatz.mittext > .rahmen > .daten,
 .liste.layout-4 .datensatz.mittext > .rahmen > .daten {
 padding: 0.8rem 0.8rem 0.8rem 0.8rem;
 }

 /*
 .liste.layout-2 .datensatz.mittext > .rahmen > form,
 .liste.layout-4 .datensatz.mittext > .rahmen > form {
 display: inline-flex;
			 }
 * /

 .liste.layout-2 .datensatz .daten .fuss,
 .liste.layout-4 .datensatz .daten .fuss {
 margin: 0.8rem 0 0 0;
 }

 .liste.layout-2 .datensatz > .rahmen > .fuss,
 .liste.layout-4 .datensatz > .rahmen > .fuss {
 display: none;
 }


 @media (max-width: 549px) {

 .liste.layout-2 .datensatz .daten,
 .liste.layout-2 .datensatz .galerie,

 .liste.layout-2 .datensatz.keinevbilder .daten,
 .liste.layout-2 .datensatz.keinevbilder .galerie {
 display: block;
 width: auto;
 margin: 0;
 }

 .liste.layout-2 .datensatz.mittext > .rahmen > .daten {
 padding: 0.6rem;
 }

 }
/*
 .liste.layout-0 .datensatz .daten .bildundvideoanzahl,
 .liste.layout-2 .datensatz .daten .bildundvideoanzahl,
 .liste.layout-0 .datensatz .daten .datum,
 .liste.layout-2 .datensatz .daten .datum,
 .liste.layout-0 .datensatz .daten .kommentareanzahl,
 .liste.layout-2 .datensatz .daten .kommentareanzahl {
 display: inline-flex;
 position: relative;
 top: 0;
 right: auto;
 bottom: 0.6rem !important;
 left: 0;
 / *
 margin-left: 0.6rem;
 * /
 text-align: left;
 white-space: nowrap;
 }
* /
 .liste.layout-2 .datensatz > .rahmen > .daten .datum {
 margin: 0 0.6rem 0 0;
 }
 */

 /******************************************************************************************
 * .liste.layout-23 .datensatz (Fluss)              *
 ******************************************************************************************/

 .liste.layout-23 {
 display: -webkit-flex;
 display: flex;
 flex-flow: row;
 -webkit-flex-flow: row;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 }

 .liste.layout-23 .datensatz {
 display: inline-flex;
 position: relative;
 
 min-height: 100px;
 margin: 0 0 2rem 0;
 padding: 0;
 text-align: left;
 vertical-align: top;
 }

 .liste.layout-23.spalten2 .datensatz {
 width: 48%;
 }


 
 .liste.layout-23.spalten-3 .datensatz {
 flex: 30%;
 max-width: 30%;
 }

 
 @media (max-width: 699px) {

 .liste.layout-23.spalten-3 .datensatz {
 flex: 48%;
 min-width: 48%;
 max-width: 48%;
 }

			 }

 
 @media (max-width: 699px) {

 .liste.layout-23.spalten-3 .datensatz {
 flex: 100%;
 min-width: 100%;
 max-width: 100%;
 }

			 }


 
 .liste.layout-23.spalten4 .datensatz {
 flex: 22%;
 max-width: 22%;
 }

 
 @media (max-width: 799px) {

 .liste.layout-23.spalten4 .datensatz {
 flex: 30%;
 min-width: 30%;
 max-width: 30%;
 }

			 }

 
 @media (max-width: 799px) {

 .liste.layout-23.spalten4 .datensatz {
 flex: 48%;
 min-width: 48%;
 max-width: 48%;
 }

			 }

 
 @media (max-width: 799px) {

 .liste.layout-23.spalten4 .datensatz {
 flex: 100%;
 min-width: 100%;
 max-width: 100%;
 }

			 }


 .liste.layout-23 .datensatz > .rahmen {
 width: 100%;
 min-height: 100px;
 }


 /******************************************************************************************
 * .liste.layout-25 .datensatz (Kurzmeldungen)            *
 ******************************************************************************************/

 .liste.layout-25 {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 align-items: flex-start;
 }

 .liste.layout-25 > form {
 display: none;
 }

 .liste.layout-25 .datensatz {
 display: inline-flex;
 position: relative;
 width: auto;
 max-width: 300px;
 margin: 0 0 25px 0;
 padding: 0;
 text-align: left;
 vertical-align: top;
 }

 .liste.layout-25.spalten-3 .datensatz {
 max-width: 30%;
 }

 @media (max-width: 1000px) {

 .liste.layout-25.spalten-3 .datensatz {
 max-width: 46%;
 }

 }

 @media (max-width: 749px) {

 .liste.layout-25.spalten-3 .datensatz {
 max-width: 100%;
 }

 }

 .liste.layout-25 .datensatz .daten > .texte > h3 {
 margin: 0;
 }

 .liste.layout-25 .datensatz .daten > .texte > .kurztext {
 margin-top: 0.1em;
 }

 .liste.layout-25 .datensatz .daten > .texte > .untertitel {
 margin: 0;
 }


 /******************************************************************************************
 * .liste.layout-26 .datensatz (Einface Liste ohne Bild)         *
 ******************************************************************************************/

 .modul-shopartikel .liste.layout-26 .datensatz {
 margin-bottom: 0.6rem;
 }

 .modul-shopartikel .liste.layout-26 .datensatz,
 .modul-shopartikel .liste.layout-26 .datensatz .daten {
 width: 100%;
 overflow: visible;
 }

 .liste.layout-26 .datensatz .galerie {
 display: none;
 }

 @media (min-width: 600px) {

 .modul-shopartikel .liste.layout-26 .datensatz .daten {
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 }

 }

 .modul-shopartikel .liste.layout-26 .datensatz .daten > .texte {
 margin: 0;
 }


 /******************************************************************************************
 * .datensatz .termin                  *
 ******************************************************************************************/
 /*
 .datensatz .daten .texte .termin {
 display: block;
 margin-bottom: 0.2rem;
 }

 .datensatz .daten .texte .termin .bezeichnung,
 .datensatz .daten .texte .termin .uhrzeitstart {
 display: none;
 }

 .datensatz .daten .texte .termin .bezeichnung,
 .datensatz .daten .texte .termin .termindatumstart,
 .datensatz .daten .texte .termin .termindatumende,
 .datensatz .daten .texte .termin .terminuhrzeitstart,
 .datensatz .daten .texte .termin .terminuhrzeitende,
 .datensatz .daten .texte .termin .bis {
 margin-right: 0.6rem;
 }

 .datensatz .daten .texte .termin.spaltenlayout-2 .bezeichnung,
 .datensatz .daten .texte .termin.spaltenlayout-2 .termindatumstart,
 .datensatz .daten .texte .termin.spaltenlayout-2 .termindatumende,
 .datensatz .daten .texte .termin.spaltenlayout-2 .terminuhrzeitstart,
 .datensatz .daten .texte .termin.spaltenlayout-2 .terminuhrzeitende,
 .datensatz .daten .texte .termin.spaltenlayout-2 .bis {
 margin-right: 0.2rem;
 }

 .datensatz .daten .texte .termin.spaltenlayout-2 .termindatumende {
 margin-right: 1.2rem;
 }


 /******************************************************************************************
 * .datensatz - Bilder                  *
 ******************************************************************************************/
/*
 .datensatz .galerie {
 position: relative;
 }

 .datensatz .galerie .lizenzinfo,
 .datensatz .galerie .texte {
 display: none;
 }

 .datensatz .galerie > ul {
 position: relative;
 margin: 0 !important;
 list-style-type: none;
 }

 .datensatz .galerie > ul li {
 width: auto;
 height: auto;
 margin: 0;
 padding: 0;
 text-align: center;
 list-style-type: none;
 }


 /******************************************************************************************
 * .liste.design-1 .datensatz - Pinterest             *
 ******************************************************************************************/
/* 
 .liste.design-1 .datensatz {
 overflow: visible;
 }

 / * 09.01.2025 15:30
 .liste.design-1 .datensatz > .hintergrund {
 background-color: #FFFFFF;
 border: 1px solid #EEEEEE;
 }
 * /

 / * Für Flächen-Links * /
 body.browser_desktop .liste.design-1 .datensatz.linkart-0:hover > .rahmen > .filter1,
 body.browser_desktop .liste.design-1 .datensatz.linkart-2:hover > .rahmen > .filter1 {
 display: block !important;
 background-color: #FFFFFF;
 opacity: 0.3;
 / * flaechenlink (999) - 2 * /
 z-index: 997; * /
 }

 / * Für Flächen-Links * /
 body.browser_desktop .liste.design-0 .datensatz.linkart-0:hover > .rahmen > .filter2,
 body.browser_desktop .liste.design-0 .datensatz.linkart-2:hover > .rahmen > .filter2,

 body.browser_desktop .liste.design-1 .datensatz.linkart-0:hover > .rahmen > .filter2,
 body.browser_desktop .liste.design-1 .datensatz.linkart-2:hover > .rahmen > .filter2 {
 display: block !important;
 background: transparent url('//www.csu-oberpframmern.de//cms/lib/bilder/datensatz-lupe-sw.png') center center no-repeat;
 background-size: contain;
 opacity: 0.1;
 

 /******************************************************************************************
 * .liste.design-3 .datensatz - Bild / Text             *
 ******************************************************************************************/
/*
 .liste.design-3 .datensatz {
 overflow: visible;
 }

 /*
 .liste.design-3 .datensatz > .hintergrund {
 background-color: #FFFFFF;
 border: 1px solid #EEEEEE;
 }
 * /

 .liste.design-3 .datensatz > .rahmen {
 display: flex;
 }

 


 /******************************************************************************************
 * .listenavi, .datensatznavi                *
 ******************************************************************************************/

 fieldset.cmsform.listenavi {
 display: -webkit-flex;
 display: flex;
 -webkit-flx-direction: row;
 flex-direction: row;
 -webkit-justify-content: center;
 justify-content: center;
 height: 2.4rem;
 max-height: 2.4rem;
 line-height: 2.4rem;
 text-align: center;
 }

 .listenavi p {
 display: -webkit-inline-flex;
 display: inline-flex;
 width: auto !important;
 }

 .datensatznavi.leer,
 .listenavi.leer,
 .sucheergebnis .listenavi,
 body.drucker .datensatznavi,
 body.drucker .listenavi {
 display: none;
 }

 .datensatznavi.oben,
 .listenavi.oben {
 margin-bottom: 1.0rem;
 }

 .datensatznavi.unten,
 .listenavi.unten {
 margin-top: 1.0rem;
 }

 .datensatznavi .seitennavi,
 .datensatznavi .span,
 .datensatznavi .funktionen,

 .listenavi .seitennavi,
 .listenavi .funktionen {
 position: relative;
 width: auto;
 }

 .listenavi .anzahlseiten {
 margin: 0 6px 0 0;
 }

 .listenavi .seite {
 width: auto;
 padding: 0 6px 0 0;
 }

 .listenavi .datensaetzeanzahl {
 display: inline-block;
 padding: 0 0.6em 0 1.0em;
 }

 .listenavi .datensaetzeanzahl .text {
 display: none;
 margin-left: 0.4rem;
 }

 .listenavi .datensaetzeanzahl:before {
 margin-right: 0.4em;
 content: "\f15c";
 }

 .cmsform.listenavi p,
 .listenavi .buttons {
 display: -webkit-inline-flex;
 display: inline-flex;
 }

 .datensatznavi .datensaetzeanzahl,
 .listenavi .datensaetzeanzahl,
 .datensatznavi .button,
 .seitenavi .buttons li {
 align-items: center;
 margin: 0 1px 1px 0;
 }

 body.browser_mobile .datensatznavi .datensaetzeanzahl,
 body.browser_mobile .listenavi .datensaetzeanzahl {
 margin: 0 0.4rem 0.4rem 0;
 }

 .listenavi .buttons li {
 width: auto;
 }

 .listenavi .buttons li .text,
 .listenavi .buttons li .text,

 .buttons.seitennavi li .icon,
 .buttons.seitennavi li .icon,

 .buttons.seitennavi li .text,
 .buttons.seitennavi li .text {
 padding-top: 0;
 padding-bottom: 0;
 }

 .datensatznavi .datensaetzeanzahl,
 .listenavi .datensaetzeanzahl {
 margin-right: 15px;
 }

 .datensatznavi .datensaetzeanzahl .trenner,
 .listenavi .datensaetzeanzahl .trenner {
 margin: 0 5px 0 5px;
 }

 .buttons.seitennavi li .text,
 .buttons.seitennavi li .icon {
 padding-right: 0.8rem;
 padding-left: 0.8rem;
 }

 .buttons.seitennavi li.mehrstellig .text,
 .buttons.seitennavi li.mehrstellig .icon {
 padding-right: 0.5rem;
 padding-left: 0.5rem;
 }

 .buttons.seitennavi li.blaettern.ersteseite > .icon,
 .buttons.seitennavi li.blaettern.letzteseite > .icon,

 /*
 .buttons.seitennavi li.blaettern.zurueck,
 .buttons.seitennavi li.blaettern.vor,
 */

 .buttons.seitennavi li.blaettern.zurueck > .text,
 .buttons.seitennavi li.blaettern.vor > .text,

 .buttons.seitennavi li.blaettern .text:before {
 display: none;
 }

 .buttons.seitennavi li.blaettern > .icon {
 display: inline-block;
 /*
 padding-right: 1.1rem;
 padding-left: 1.1rem;
 */
 }

 .buttons.seitennavi li.blaettern.ersteseite > .icon,
 .buttons.seitennavi li.blaettern.letzteseite > .icon {
 padding-right: 0.6rem;
 padding-left: 0.6rem;
 }


 .listenavi .buttons .seitetext > .hintergrund {
 background-color: transparent;
 }

 .listenavi .buttons .seitetext > .text {
 padding-right: 0.4rem;
 color: inherit;
 }


 
 @media (max-width: 500px) {

 .buttons.datensatznavi li .text {
 font-size: 0.8rem;
 }

 }


 /******************************************************************************************
 * .listenavi .layoutaenderung                *
 ******************************************************************************************/

 .listenavi .layoutaenderung {
 display: inline-flex;
 width: auto;
 margin: 0;
 }
 
 @media (max-width: 549px) {
 
 .listenavi .layoutaenderung {
 display: none;
 }
 
 }

 .listenavi .layoutaenderung .titel {
 display: none;
 position: relative;
 margin-right: 0.6em;
 }

 .listenavi .layoutaenderung li.aktiv {
 display: none;
 }


 /******************************************************************************************
 * .listenavi .sortierung                 *
 ******************************************************************************************/

 .listenavi .sortierung {
 display: inline-flex;
 align-items: stretch;
 position: relative;
 margin: 0;
 margin-right: 0.4rem;
 width: auto;
 }

 .listenavi .sortierung .titel,
 .listenavi .sortierung .auswahl {
 display: inline-flex;
 align-items: center;
 position: relative;
 }

 .listenavi .sortierung .titel {
 display: none;
 margin-right: 0.6em;
 }

 .listenavi .sortierung .auswahl {
 
 width: 120px;
 line-height: inherit;
 }

 .listenavi .sortierung * {
 white-space: nowrap;
 }
 /******************************************************************************************
 *            *
 * 03.08.2025 21:42 CMS         *
 *            *
 ******************************************************************************************/


 /******************************************************************************************
 * .cmsform          *
 ******************************************************************************************/

 .cmsform {
 position: relative;
 width: auto;
 border: none;
 }

 fieldset.cmsform {
 width: 100%;
 margin: 0 0 2.0rem 0;
 -webkit-flex-direction: column;
 flex-direction: column;
 }

 fieldset.cmsform.unten {
 margin-bottom: 0;
 			}

 fieldset.cmsform fieldset {
 padding: 0;
 }

 fieldset.cmsform.geschlossen div,
 fieldset.cmsform.geschlossen p,
 fieldset.cmsform.geschlossen ul,
 fieldset.cmsform.geschlossen fieldset,
 fieldset.cmsform.geschlossen table {
 
 display: none !important;
 }

 fieldset.cmsform.geschlossen legend:after {
 margin: 0 0 0 0.4em;
 content: "\f107";
 }

 fieldset.cmsform.tabellentitel {
 margin: 0 0 0.4rem 0;
 }

 .cmsform > div,
 .cmsform > p {
 align-items: flex-start;
 position: relative;
 width: 100%;
 height: auto;
 max-height: 100%;
 margin: 0 0 0.4rem 0;
 text-align: left;
 vertical-align: top;
 }

 .cmsform > p,
 body.backend .cmsform > div.formp,
 .cmsform.layout1 > div.formp,
 .cmsform.layout1 > div.formp.checkboxform,
 .cmsform.layout1 > div.formp.pulldownform,
 .cmsform.layout1 > div.formp.radioform {
 display: -webkit-flex;
 display: flex;
 margin: 0 0 0.4rem 0;
 }

 .cmsform.layout2 .freifeld.pd .feldvorbelegung,
 .cmsform.layout2 > p.anrede .feldvorbelegung {
 display: none;
 }

 .cmsform.layout3 > p {
 display: block;
 margin-bottom: 0.6em;
 }

 .cmsform.layout3 > p label {
 display: block;
 }

 .cmsform.layout3 > p.anrede .freifeld,
 .cmsform.layout3 > p.datumerstellung .eingabefeld,
 .cmsform.layout3 > p .eingabefeld.feld1,
 .cmsform.layout3 > p .eingabefeld.feld2,
 .cmsform.layout3 > p .eingabefeld.feld3,
 .cmsform.layout3 > p .freifeld.feld1,
 .cmsform.layout3 > p .freifeld.feld2,
 .cmsform.layout3 > p .freifeld.feld3,
 .cmsform.layout3 > p.spamschutz .freifeld {
 display: inline-block;
 }

 
 .cmsform span.platzhalter,
 .cmsform p.www .http,
 .cmsform input.textfeld,
 .cmsform input.zahlfeld,
 .cmsform select,
 .cmsform textarea {
 position: relative;
 width: 100%;
 text-indent: 0;
 border: none;
 background-color: transparent;
 }

 .cmsform input {
 hyphens: none;
 background-color: transparent;
 }

 .cmsform input.textfeld,
 .cmsform input.zahlfeld,
 .cmsform textarea {
 display: block;
 }

 .cmsform input.platzhalter {
 margin: 0;
 padding: 0 !important;
 height: 1px !important;
 line-height: 1px !important;
 color: transparent;
 }

 .cmsform .bewertung label {
 display: block !important;
 /*
 margin-bottom: 0.4rem;
 */
 }

 .cmsform.dateiform > legend,
 .cmsform.zugangskontrolle > legend {
 margin-bottom: 0.3em;
 }

 .cmsform.dateiform .hinweis,
 .cmsform.zugangskontrolle .hinweis {
 margin-bottom: 0.5em;
 }

 .cmsform.dateiform .hinweis p,
 .cmsform.zugangskontrolle .hinweis p {
 line-height: 1.4em;
 }

 .cmsform.dateiform label {
 display: none;
 }

 fieldset.cmsform.kategorien label .sprachwahl {
 display: none;
 }


 form.meinedatenform .buttons {
 justify-content: space-between;
 }

 form.meinedatenform .buttons .loeschen > .hintergrund {
 background-color: #CC0000;
 }

 form.meinedatenform .buttons .loeschen:hover > .hintergrund {
 background-color: #990000;
 }


 /******************************************************************************************
 * TinyMCE           *
 ******************************************************************************************/

			.tox-tinymce {
				z-index: 1201;
 }

			body.dialogoffen .tox-tinymce,
			body.dialogoffen .tox-tinymce-aux {
				z-index: 9997;
 }

 body.dialogoffen.cmsgenerator .tox-tinymce {
 z-index: 1201;
 }


 /******************************************************************************************
 * Debug           *
 ******************************************************************************************/

 body > .formdebug {
 display: inline-block;
 position: fixed;
 top: auto;
 right: auto;
 bottom: 0;
 left: 0;
 z-index: 9901;
 width: auto;
 line-height: 1.4em;
 margin: 0;
 padding: 0 0.8rem 0 0;
 font-family: verdana, arial;
 font-size: 12px;
 font-weight: normal;
 letter-spacing: 0;
 color: transparent !important;
 cursor: pointer;
 }

 body > .formdebug.musterfrau {
 left: 1.4rem;
			 }


 /******************************************************************************************
 * .cmsform .eingabefeld, .freifeld       *
 ******************************************************************************************/

 .cmsform label,
 .cmsform .checkboxform,
 .cmsform .eingabefeld,
 .cmsform .eingabefeld input,
 .cmsform .eingabefeld.schalter .info,
 .cmsform .eingabefeld .markierung,
 .cmsform .freifeld,
 .cmsform .feldvorbelegung,
 .cmsform .pulldown,
 .cmsform .pulldown span,
 .cmsform .radioform,

 .listenavi .datensaetzeanzahl {
 
 max-width: 100%;
 line-height: inherit;
 margin: 0;
 }

 .cmsform > div,
 .cmsform > p {
 line-height: inherit;
 }

 .cmsform label {
 width: 10rem;
 min-width: 1rem;
 max-width: 10rem;
 }

 .cmsform label a {
 display: inline-block;
 line-height: 1.5rem;
 }
 
 .cmsform label span {
 display: inline-block;
 }

 .cmsform .ohnelabel label {
 display: none;
 }

 .buttons li,
 .button {
 line-height: inherit;
 }

 .cmsform .eingabefeld.hoeheauto,
 .cmsform .freifeld.hoeheauto {
 min-height: 2.0rem;
 }

 .cmsform label,
 .cmsform .eingabefeld,
 .cmsform .eingabefeld input,
 .cmsform .eingabefeld.schalter .info,
 .cmsform .eingabefeld .markierung,
 .cmsform .freifeld,
 .cmsform .feldvorbelegung,
 .cmsform .pulldown,
 .cmsform .pulldown span {
 display: inline-flex;
 vertical-align: top;
 }

 .cmsform .pulldown span,
 .cmsform .eingabefeld input,
 .cmsform .eingabefeld.schalter .info,
 .cmsform .feldvorbelegung {
 padding-left: 0.4em;
 }

 .cmsform .pulldown > .hintergrund {
 display: block;
 position: absolute;
 margin: 0;
 padding: 0;
 }

 .cmsform .textfeld.rechts,
 .cmsform .zahlfeld {
 justify-content: flex-end;
 padding-right: 0.2em;
 padding-left: 0 !important;
 text-align: right;
 }

 .cmsform .eingabefeld input.textfeld,
 .cmsform .eingabefeld input.zahlfeld {
 width: 92%;
 
 margin: 1px;
 /* ; */
 }

 
 .cmsform .eingabefeld input.kennwortfeld {
 width: calc(92% - 2em);
 			}

 .cmsform .eingabefeld textarea {
 padding-top: 0.4em;
 padding-left: 0.4em;
 overflow-y: auto;
 }

 .cmsform .eingabefeld,
 .cmsform .freifeld {
 display: inline-flex;
 -webkit-flex: 1;
 flex: 1;
 align-items: stretch;
 position: relative;
 width: 100%;
 height: auto;
 max-height: 100%;
 }

 .cmsform .freifeld.feld2,
 .cmsform .freifeld.feld3,
 .cmsform .freifeld.feld4,
 .cmsform .freifeld.feld5 {
 -webkit-flex: auto;
 flex: auto;
 }

 .cmsform .eingabefeld.texteditor {
 display: block;
 min-height: 2rem;
 }

 .cmsform .eingabefeld.texteditor .editor,
 .cmsform .eingabefeld.texteditor .editoreinfach {
 width: 100%;
 }

 .eingabefeld.ohnelabel,
 .freifeld.breitevoll {
 margin-left: 0;
 }

 .cmsform.layout2 .eingabefeld,
 .cmsform.layout2 .freifeld,

 .cmsform.layout3 .eingabefeld,
 .cmsform.layout3 .freifeld {
 display: block;
 }

 .cmsform .feld1,
 .cmsform .feld2,
 .cmsform .feld3,
 .cmsform .feld4,
 .cmsform .feld5,
 .cmsform .feld6 {
 -webkit-flex: auto;
 flex: 0 auto;
 }

 .cmsform fieldset p.empfaengerwahl {
 display: none;
 }

 .cmsform.empfaengerwahl1 fieldset p.empfaengerwahl {
 display: block;
 }


 /******************************************************************************************
 * .cmsform .checkboxform, .radioform       *
 ******************************************************************************************/

 .cmsform .checkboxform ul.cms_baumstruktur,
 .cmsform .radioform ul.cms_baumstruktur {
 flex-direction: column;
 }

 .cmsform .checkboxform ul.cms_baumstruktur,
 .cmsform .checkboxform ul.cms_baumstruktur li,

 .cmsform .radioform ul.cms_baumstruktur,
 .cmsform .radioform ul.cms_baumstruktur li {
 display: flex;
 flex-grow: 1;
 margin: 0;
 list-style-type: none;
 }

 .cmsform .checkboxform .schalter,
 .cmsform .radioform .schalter {
 margin-right: 1rem;
 }

 .cmsform .checkboxform .freifeld {
 display: flex;
 align-items: flex-start;
 }


 /******************************************************************************************
 * .cmsform label          *
 ******************************************************************************************/

 .cmsform.layout2 label {
 display: none;
 }

 .cmsform.layout3 label {
 position: relative;
 width: auto;
 margin: 0;
 }


 /******************************************************************************************
 * .cmsform legend          *
 ******************************************************************************************/

 .cmsform legend {
 display: inline-block;
 width: auto;
 cursor: pointer;
 }

 .cmsform legend a {
 font-size: inherit;
 font-weight: inherit;
 font-family: inherit;
 color: inherit;
 }


 /******************************************************************************************
 * .cmsform - Feld-Dimensionen        *
 ******************************************************************************************/

 .cmsform .breiteauto {
 display: block;
 }

 .cmsform .breite100pro {
 /*
 -webkit-flex: 0 0 100% !important;
 flex: 0 0 100% !important;
 */
 width: 100%;
 }

 .breite10 {
 -webkit-flex: 0 0 10px !important;
 flex: 0 0 10px !important;
 width: 10px !important;
 }

 .breite20 {
 -webkit-flex: 0 0 20px !important;
 flex: 0 0 18px !important;
 width: 18px !important;
 }

 .breite30 {
 -webkit-flex: 0 0 30px !important;
 flex: 0 0 30px !important;
 width: 30px !important;
 }

 .breite40 {
 -webkit-flex: 0 0 40px !important;
 flex: 0 0 40px !important;
 width: 40px !important;
 }

 .breite50 {
 -webkit-flex: 0 0 50px !important;
 flex: 0 0 50px !important;
 width: 50px !important;
 }

 .breite60 {
 -webkit-flex: 0 0 60px !important;
 flex: 0 0 60px !important;
 width: 60px !important;
 }

 .breite70 {
 -webkit-flex: 0 0 70px !important;
 flex: 0 0 70px !important;
 width: 70px !important;
 }

 .breite80 {
 -webkit-flex: 0 0 80px !important;
 flex: 0 0 80px !important;
 width: 80px !important;
 }

 .breite90 {
 -webkit-flex: 0 0 90px !important;
 flex: 0 0 90px !important;
 width: 90px !important;
 }

 .breite100 {
 -webkit-flex: 0 0 100px !important;
 flex: 0 0 100px !important;
 width: 100px !important;
 }

 .breite120 {
 -webkit-flex: 0 0 120px !important;
 flex: 0 0 120px !important;
 width: 120px !important;
 }

 .breite130 {
 -webkit-flex: 0 0 130px !important;
 flex: 0 0 130px !important;
 width: 130px !important;
 }

 .breite140 {
 -webkit-flex: 0 0 140px !important;
 flex: 0 0 140px !important;
 width: 140px !important;
 }

 .breite150 {
 -webkit-flex: 0 0 150px !important;
 flex: 0 0 150px !important;
 width: 150px !important;
 }

 .breite160 {
 width: 160px !important;
 }

 .breite180 {
 -webkit-flex: 0 0 180px !important;
 flex: 0 0 180px !important;
 width: 180px !important;
 }

 .breite200 {
 -webkit-flex: 0 0 200px !important;
 flex: 0 0 200px !important;
 width: 200px !important;
 }

 .breite250 {
 -webkit-flex: 0 0 250px !important;
 flex: 0 0 250px !important;
 width: 250px !important;
 }

 .breite300 {
 -webkit-flex: 0 0 300px !important;
 flex: 0 0 300px !important;
 width: 300px !important;
 }

 .breite350 {
 -webkit-flex: 0 0 350px !important;
 flex: 0 0 350px !important;
 width: 350px !important;
 }

 .breite400 {
 -webkit-flex: 0 0 400px !important;
 flex: 0 0 400px !important;
 width: 400px !important;
 }

 .breite500 {
 -webkit-flex: 0 0 500px !important;
 flex: 0 0 500px !important;
 width: 500px !important;
 }

 .breite600 {
 -webkit-flex: 0 0 600px !important;
 flex: 0 0 600px !important;
 width: 600px !important;
 }

 .breite700 {
 -webkit-flex: 0 0 700px !important;
 flex: 0 0 700px !important;
 width: 700px !important;
 }

 .breitevoll {
 -webkit-flex: 0 0 100% !important;
 flex: 0 0 100% !important;
 width: 100% !important;
 }


 .hoehe30 {
 height: 30px !important;
 }

 .hoehe40 {
 height: 40px !important;
 }

 .hoehe50 {
 height: 50px !important;
 }

 .hoehe100 {
 height: 100px !important;
 }

 .hoehe150 {
 height: 150px !important;
 }

 .hoehe200 {
 height: 200px !important;
 }

 .hoehe300 {
 height: 300px !important;
 }

 .hoehe400 {
 height: 400px !important;
 }

 .hoehe500 {
 height: 500px !important;
 }

 .hoeheauto {
 height: auto !important;
 }

 .hoehevoll {
 height: 100% !important;
 }

 .cmsform .feld2,
 .cmsform .feld3,
 .cmsform .feld4,
 .cmsform .feld5,
 .cmsform .feld6,
 .cmsform .feld7,
 .cmsform .feld8,
 .cmsform .feld9,
 .cmsform .feld10,
 .cmsform .feld11,
 .cmsform .feld12,
 .cmsform .feld13,
 .cmsform .feld14,
 .cmsform .feld15,
 .cmsform .feld16,
 .cmsform .feld17,
 .cmsform .feld18,
 .cmsform .feld19,
 .cmsform .feld20 {
 margin-left: 0.6rem !important;
 }

 .cmsform .rechts {
 text-align: right;
 }


 /******************************************************************************************
 * .cmsform .pulldown         *
 ******************************************************************************************/

 .cmsform .pulldown,
 .cmsform .pulldown3 span {
 display: block;
 position: relative;
 width: inherit;
 height: auto;
 margin: 0;
 list-style-type: none;
 /*
 overflow: hidden;
 */
 }

 .cmsform .pulldown {
 display: inline-block;
 height: auto !important;
 
 padding: 0.1rem 0 0.1rem 0;
 cursor: pointer;
 /* */
 overflow-y: hidden;
 /* */
 z-index: 899;
 }

 .cmsform .pulldown.offen {
 position: absolute;
 top: 0;
 bottom: 0;
 box-shadow: 5px 5px 15px 5px rgba(102, 102, 102, 1);
 /* */
 overflow-y: auto;
 /* */
 z-index: 9999;
 }

 .cmsform .pulldown.oben.offen {
 top: auto;
 bottom: 0;
 }

 .cmsform .pulldown.unten.offen {
 top: 0;
 bottom: auto;
 }

 .cmsform .pulldown .gruppe {
 margin-bottom: 1.0em;
 }

 .cmsform .pulldown .gruppe > span {
 padding-left: 1.0em;
 }

 .cmsform .pulldown > span,
 .cmsform .pulldown .gruppe > span {
 display: none;
 position: relative;
 width: auto;
 white-space: nowrap;
 overflow: hidden;
 }


 .cmsform .pulldown.zahl span {
 padding: 0 1.8em 0 0;
 text-align: right;
 }

 .cmsform .pulldown.zahl span.aktiv {
 padding: 0 0 0 0;
 }

 .cmsform .pulldown.zahl.offen > span:first-child:before,
 .cmsform .pulldown.zahl > span.aktiv:before {
 margin-left: 0.4em;
 }


 .cmsform .pulldown.offen span {
 line-height: 1.5rem !important;
 }

 .cmsform .pulldown.offen > span,
 .cmsform .pulldown.offen .gruppe > span,
 .cmsform .pulldown > span.aktiv,
 .cmsform .pulldown > .gruppe > span.aktiv {
 display: block;
 }

 .cmsform .pulldown.multiple1 span {
 display: none;
 }

 .cmsform .pulldown.multiple1.offen span {
 display: block;
 }

 .cmsform .pulldown.multiple1 span.element1 {
 display: block;
 }

 .cmsform .pulldown.offen .gruppe .titel {
 padding-left: 0;
 text-transform: uppercase;
 }

 .cmsform .pulldown.offen > span:first-child:before,
 .cmsform .pulldown > span.aktiv:before {
 
 float: right;
 margin-right: 0.4em;
 content: '\f0d7';
 font-weight: 900;
 opacity: 0.9;
 z-index: 899;
 }

 .cmsform .pulldown.offen > span.aktiv:before,
 .cmsform .pulldown.multiple > span.aktiv:before {
 content: "\f00c";
 }

 .cmsform .pulldown.multiple span.hinweis {
 display: none;
 }

 .cmsform .pulldown.offen span:first-child:before {
 display: none;
 }

 .cmsform .pulldown.offen span.aktiv:first-child:before {
 display: block;
 }

 .cmsform .pulldown.multiple span {
 display: block;
 line-height: 1.5em;
 }


 .cmsform .pulldown.modular {
 padding: 0 0.4rem 0 0;
 }

 .cmsform .pulldown.modular span {
 margin: 0 0 0.4rem 0;
 }


 /******************************************************************************************
 * .cmsform .eingabefeld.schalter        *
 ******************************************************************************************/

 .cmsform .eingabefeld.schalter {
 -webkit-flex: 0 0 1.4rem;
 flex: 0 0 1.4rem;
 display: inline-flex;
 justify-content: center;
 align-content: center;
 flex-wrap: wrap;
 position: relative;
 width: auto;
 /*
 height: 1.4rem;
 max-height: 2.0rem;
 */
 margin: 0 0.4rem 0 0;
 cursor: pointer;
 }

 .cmsform .eingabefeld.schalter.radio,
 .cmsform .eingabefeld.schalter.radio > .hintergrund {
 border-radius: 100%;
 overflow: hidden;
			 }

 body.frontend .cmsform .eingabefeld.schalter {
 line-height: 1.5rem !important;
 
 padding-right: 0;
 }

 .cmsform .eingabefeld.schalter.deaktiviert {
 opacity: 0.3;
 			}

 .cmsform .eingabefeld.schalter .info {
 padding-right: 0.6em;
 }

 .cmsform .eingabefeld.schalter .text {
 display: none;
 position: relative;
 width: auto;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 }


 
 .cmsform .eingabefeld.schalter .icon {
 display: inline-flex;
 position: relative;
 }

 .cmsform .eingabefeld.schalter.ein .icon:before {
 margin: 0;
 content: "\f00c";
 }

 .cmsform .eingabefeld.schalter.aus .icon:before {
 margin: 0;
 content: "\f1ce";
 opacity: 0.1;
 }

 .cmsform .freifeld .eingabefeld.schalter {
 margin-left: 0 !important;
 }


 /******************************************************************************************
 * .cmsform .feldvorbelegung        *
 ******************************************************************************************/

 .cmsform .feldvorbelegung {
 display: none;
 position: absolute;
 top: 0;
 right: 1.4em;
 left: 0;
 width: auto;
 text-align: left;
 font-style: italic;
 white-space: nowrap;
 color: #999999;
 }

 .cmsform.layout2 .feldvorbelegung {
 display: block;
 }


 /******************************************************************************************
 * cmsform - Element-Farben        *
 ******************************************************************************************/

 .cmsform .eingabefeld {
 height: auto;
 max-height: 100%;
 border-radius: 0;
 }

 .cmsform .fehler .eingabefeld > .hintergrund {
 border: 1px solid #FF0000;
 }

 .cmsform .eingabefeld.fehler > .hintergrund {
 outline: 2px solid #FF0000;
 }

 .cmsform .fehler .button > .hintergrund {
 background-color: #FF0000;
 }

 .cmsform .eingabefeld.focus > .hintergrund,
 .cmsform .eingabefeld:hover > .hintergrund,
 .cmsform .eingabefeld.markiert > .hintergrund,
 .cmsform .freifeld.pd:hover > .hintergrund {
 background-color: #FFECCE;
 }

 .cmsform .pulldown.offen span:hover {
 background-color: #FFECCE;
 }

 .cmsform .pulldown.offen > span.gruppe,
 .cmsform .pulldown.offen > span.titel {
 background-color: transparent;
 }


 /******************************************************************************************
 * cmsform .pflichtfeld         *
 ******************************************************************************************/

 .cmsform p label span:after,
 .cmsform p span.feldvorbelegung:after {
 margin: 0 0 0 4px;
 line-height: 1.0em;
 vertical-align: middle;
 font-weight: normal;
 font-style: normal;
 font-size: 0.7em;
 color: #CCCCCC;
 }


 /******************************************************************************************
 * cmsform .markierung         *
 ******************************************************************************************/

 .cmsform .eingabefeld .markierung {
 display: none;
 position: absolute;
 top: 0;
 right: 8px;
 /*
 top: 2px;
 */
 width: auto;
 height: auto;
 padding-top: inherit;
 vertical-align: middle;
 background-color: transparent;
 }

 .cmsform.pfthema-1 .pflichtfeld .markierung,
 .cmsform.pfthema-2 .pflichtfeld .markierung,
 .cmsform.pfthema-3 .pflichtfeld .markierung {
 display: inline-block;
 }

 .cmsform .pflichtfeld .markierung:before {
 font-family: verdana, arial;
 font-weight: normal;
 font-style: normal;
 font-size: 0.9em;
 content: '\f059';
 color: #999999;
 }

 
 .cmsform.pfthema-1 .pflichtfeld .markierung:before {
 content: '\f059';
 }

 
 .cmsform.pfthema-2 .pflichtfeld .markierung:before {
 content: '\f005';
 }

 
 .cmsform.pfthema-3 .pflichtfeld .markierung:before {
 content: '\f304';
 }

 
 .cmsform .pflichtfeld.ok .markierung:before {
 content: '\f00c';
 font-weight: 900;
 color: #00CC00;
 }

 
 .cmsform .pflichtfeld.fehler .markierung:before {
 content: '\f071';
 font-weight: 900;
 color: #CC0000;
 }


 /******************************************************************************************
 * cmsform .pflichtfeld .label        *
 ******************************************************************************************/

 .cmsform.pfthema-21 .pflichtfeld label:after,
 .cmsform.pfthema-22 .pflichtfeld label:after,
 .cmsform.pfthema-23 .pflichtfeld label:after {
 margin-left: 0.4em;
 font-size: 80%;
 opacity: 0.6;
 }

 
 .cmsform.pfthema-21 .pflichtfeld label:after {
 content: '\f059';
 }

 
 .cmsform.pfthema-22 .pflichtfeld label:after {
 content: '\f005';
 }

 
 .cmsform.pfthema-23 .pflichtfeld label:after {
 content: '\f304';
 }


 /******************************************************************************************
 * cmsform.layout2 .pflichtfeld .feldvorbelegung      *
 ******************************************************************************************/

 .cmsform.layout2.pfthema-21 .pflichtfeld .feldvorbelegung:after,
 .cmsform.layout2.pfthema-22 .pflichtfeld .feldvorbelegung:after,
 .cmsform.layout2.pfthema-23 .pflichtfeld .feldvorbelegung:after {
 margin-left: 0.4em;
 font-size: 80%;
 opacity: 0.6;
 }

 
 .cmsform.layout2.pfthema-21 .pflichtfeld .feldvorbelegung:after {
 content: '\f059';
 }

 
 .cmsform.layout2.pfthema-22 .pflichtfeld .feldvorbelegung:after {
 content: '\f005';
 }

 
 .cmsform.layout2.pfthema-23 .pflichtfeld .feldvorbelegung:after {
 content: '\f304';
 }


 /******************************************************************************************
 * .cmsform .datenschutz         *
 ******************************************************************************************/

 .cmsform.layout1.datenschutz > p.legend,
 .cmsform.layout3.datenschutz > p.legend {
 display: none;
 }

 .cmsform.layout1.datenschutz .datenschutzbestaetigung {
 display: flex;
 }


 /******************************************************************************************
 * .cmsform .spamschutz         *
 ******************************************************************************************/

 .cmsform.layout1.spamschutz > p.legend,
 .cmsform.layout3.spamschutz > p.legend {
 display: none;
 }

 .cmsform.layout1.spamschutz .eingabefeld,
 .cmsform.layout3.spamschutz .eingabefeld {
 min-width: 7rem;
 max-width: 7rem;
 }

 .cmsform.layout1.spamschutz .eingabefeld,
 .cmsform.layout1.spamschutz .freifeld,

 .cmsform.layout3.spamschutz .eingabefeld,
 .cmsform.layout3.spamschutz .freifeld {
 display: inline-flex;
 width: auto;
 }

 .cmsform.spamschutz .freifeld.spamcode {
 flex: 0 1 auto;
 align-self: stretch;
 align-items: center;
 width: auto;
 }

 .cmsform .spamcode_fueller,
 .cmsform .spamcode_a,
 .cmsform .spamcode_b,
 .cmsform .spamcode_c,
 .cmsform .spamcode_d {
 width: 0;
 height: 0;
 font-size: 0;
 color: #FFFFFF;
 }


 /******************************************************************************************
 * .dynform          *
 ******************************************************************************************/

 .dynform .formularfelder {
 max-height: none;
 }

 .dynform .bildverwendungszweck {
 text-align: center;
 }

 .frontend .dynform.bilder .formularfeld > .vorschaubild {
 margin: 0.6rem;
 }


 /******************************************************************************************
 * .dynform.dateiform .formularfelder fieldset.formularfeld    *
 ******************************************************************************************/

 .dynform.dateiform {
 margin-top: 0.6em;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld {
 display: none;
 position: relative;
 width: 130px;
 height: 130px;
 margin: 0 0.8rem 0.8rem 0;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld {
 display: block;
 }

 /*
 .dynform.dateiform .formularfelder fieldset.formularfeld .buttons.formularfeldbuttons,
 */
 .dynform.dateiform .formularfelder fieldset.formularfeld label {
 display: none;
 margin: 0;
 }


 /******************************************************************************************
 * .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild   *
 ******************************************************************************************/

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild {
 display: block;
 position: relative;
 width: 100%;
 height: 100%;
 text-align: center;
 outline: 1px solid #EEEEEE;
 overflow: hidden;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild .hintergrund {
 background-color: #FCFCFC;
 }


 /******************************************************************************************
 * .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild .entfernen *
 ******************************************************************************************/

 .dynform.dateiform .formularfelder fieldset.formularfeld .entfernen {
 display: none;
 position: absolute;
 top: -6px;
 right: -6px;
 left: auto;
 width: 30px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 vertical-align: middle;
 font-size: 20px;
 background-color: #F9F9F9;
 color: #CC0000;
 opacity: 0.9;
 cursor: pointer;
 z-index: 999;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld.belegt .entfernen {
 display: block;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .entfernen:before {
 padding-top: 3px;
 content: '\f00d';
 }


 /******************************************************************************************
 * .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild .dateiname *
 ******************************************************************************************/

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild .dateiname {
 display: block;
 position: absolute;
 top: auto;
 bottom: 0.6em;
 left: 0;
 width: 100%;
 height: auto;
 line-height: 1.6em;
 text-align: center;
 font-size: 11px;
 background-color: #FFFFFF;
 color: #333333;
 opacity: 0.8;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld.belegt .vorschaubild .dateiname {
 display: block;
 }


 /******************************************************************************************
 * .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild .icon  *
 ******************************************************************************************/

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild .icon {
 position: absolute;
 top: 40%;
 left: 35%;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild .icon:before {
 font-size: 50px;
 content: '\f574';
 color: #999999;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild.pdf .icon:before {
 content: '\f1c1';
 color: #990000;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild.text .icon:before {
 content: '\f15c';
 color: #009900;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild.audio .icon:before {
 content: '\f1c7';
 color: #000099;
 }


 /******************************************************************************************
 * .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild img  *
 ******************************************************************************************/

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild img {
 display: none;
 position: absolute;
 
 top: -9999px;
 bottom: -9999px;
 left: -9999px;
 right: -9999px;
 width: auto;
 height: 100%;
 margin: 0 auto 0 auto;
 margin: auto;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild.bild img {
 display: block;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild img.breit {
 width: auto;
 height: 100%;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .vorschaubild img.hoch {
 width: 100%;
 height: auto;
 }


 /******************************************************************************************
 * .dynform.dateiform .formularfelder fieldset.formularfeld .eingabefeld   *
 ******************************************************************************************/

 .dynform.dateiform .formularfelder fieldset.formularfeld .eingabefeld,
 .dynform.dateiform .formularfelder fieldset.formularfeld .eingabefeld > input {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 background: transparent;
 color: transparent;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .eingabefeld {
 overflow: hidden;
 }

 .dynform.dateiform .formularfelder fieldset.formularfeld .eingabefeld > input {
 right: 0;
 left: auto;
 width: 2000px;
 cursor: pointer;
 }


 /******************************************************************************************
 * .formularfeldbuttons         *
 ******************************************************************************************/

 .buttons.formularfeldbuttons,
 .cmsform .freifeld.formularfeldbuttons {
 display: -webkit-flex;
 display: flex;
 margin-left: 0;
 visibility: hidden;
 }

 .buttons.formularfeldbuttons.sichtbar,
 body.browser_mobile .buttons.formularfeldbuttons,
 body.browser_mobile .cmsform .freifeld.formularfeldbuttons {
 visibility: visible;
 }

 
 .formularfeld:hover .formularfeldbuttons,
 
 .cmsform.nameundlink:hover .formularfeldbuttons {
 visibility: visible;
 }

 
 .buttons.formularfeldbuttons.inline {
 display: -webkit-inline-flex;
 display: inline-flex;
 -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
 margin-left: 0.4rem;
 }

 .buttons.formularfeldbuttons.inline > li,
 .buttons.formularfeldbuttons.inline > span {
 margin: 0 1px 0 0;
 }

 .buttons.formularfeldbuttons .text {
 display: none;
 }

 .buttons.formularfeldbuttons .icon {
 display: inline-flex;
 }


 /******************************************************************************************
 * .kennwortanzeigen         *
 ******************************************************************************************/

 .button.kennwortanzeigen .icon,
 .button.kennwortanzeigen .icon:before,
 .button.kennwortanzeigen .text,
 .button.kennwortanzeigen .text:before {
 color: inherit;
 }

 .kennwortanzeigen .text {
 display: none;
 }

 .kennwortanzeigen .icon {
 display: inline-flex;
 }


 /******************************************************************************************
 * Formulare - diverse         *
 ******************************************************************************************/

 fieldset.cmsform > h3 {
 margin: 0 0 10px 0;
 }

 .cmsform .bewertung {
 font-size: 8pt;
 }


 /******************************************************************************************
 * .pflichtfeldhinweis         *
 ******************************************************************************************/

 form > p.pflichtfeldhinweis {
 display: inline-block;
 position: absolute;
 right: 1rem;
 left: auto;
 width: auto;
 line-height: normal;
 text-align: right;
 margin: 0;
 font-size: 0.9rem;
 font-weight: 300;
 color: #888888;
 }

 form > p.pflichtfeldhinweis.oben {
 top: 1rem;
 bottom: auto;
 }

 form > p.pflichtfeldhinweis.unten {
 bottom: 1rem;
 }

 form > p.pflichtfeldhinweis:before {
 margin-right: 0.2em;
 content: '\f059';
 color: inherit;
 font-weight: 300;
 }

 
 form > p.pflichtfeldhinweis.pfthema-2:before,
 form > p.pflichtfeldhinweis.pfthema-22:before {
 content: '\f005';
 }

 
 form > p.pflichtfeldhinweis.pfthema-3:before,
 form > p.pflichtfeldhinweis.pfthema-23:before {
 content: '\f304';
 }

 
 .dialog form > p.pflichtfeldhinweis.oben {
 display: none !important;
 }

 .dialog form > p.pflichtfeldhinweis.unten {
 display: inline-block !important;
 }


 /******************************************************************************************
 * .kennwortvergessen         *
 ******************************************************************************************/

 

 body.frontend .loginform .buttons .kennwortvergessen {
 margin-left: 1.0rem;
 }

 form p.kennwortvergessenlink {
 position: relative;
 margin: 1.5em auto 0 auto;
 }

 body.frontend .cmsform.kennwortvergessenform {
 max-width: 600px;
 }

 body.frontend .buttons .kennwortvergessen > .hintergrund {
 background-color: transparent !important;
 }

 body.frontend .buttons .kennwortvergessen > .text {
 text-transform: none;
 color: #007DBD;
 }

 body.frontend .buttons .kennwortvergessen:hover > .text {
 color: #666666;
 }


 /******************************************************************************************
 * .schnellsucheform         *
 ******************************************************************************************/

 .schnellsucheform {
 position: relative;
 width: auto;
 height: auto;
 margin: 0;
 padding: 0;
 background-color: transparent;
 border: none;
 }

 .schnellsucheform fieldset.cmsform {
 margin: 0;
 }

 .schnellsucheform fieldset,
 .schnellsucheform .schnellsuchestring {
 margin: 0;
 }

 .schnellsucheform fieldset.cmsform .schnellsuchestring .eingabefeld {
 overflow: hidden;
 }

 .schnellsucheform fieldset.cmsform .schnellsuchestring .eingabefeld .feldvorbelegung {
 hyphens: none;
 }

 .schnellsucheform fieldset.cmsform.layout2 .schnellsuchestring .eingabefeld {
 width: auto;
 margin: 0 40px 0 0;
 }

 .schnellsucheform .schnellsuchestring .markierung {
 display: none;
 }

 .schnellsucheform .cmsform.layout2 .freifeld {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: auto;
 width: 40px;
 }

 .schnellsucheform .freifeld .button {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 line-height: inherit;
 border: none;
 border-radius: 0;
 background-color: transparent;
 box-shadow: none;
 }

 .schnellsucheform .button .text {
 display: none;
 }

 .schnellsucheform .button .icon {
 display: block;
 line-height: inherit;
 padding: 0;
 text-align: center;
 }

 .schnellsucheform .button .icon:before {
 line-height: 1.0em;
 margin: 0;
 padding: 0;
 font-style: normal;
 content: "\f002";
 }


 /******************************************************************************************
 * .suchdialog          *
 ******************************************************************************************/

 .suchdialog > .rahmen > .inhalt {
 padding: 0;
 			}

 .suchdialog form {
 margin: 0;
 /*
 padding: 0 !important;
 */
 }

 .suchdialog .cmsform.layout1 label {
 flex: 0 0 7rem;
 width: 7rem;
 min-width: 7rem;
 max-width: 7rem;
 }


 /******************************************************************************************
 * .umfragen          *
 ******************************************************************************************/

 body.frontend .umfragen .umfragenform fieldset {
 margin: 0 0 0.6em 0;
 }

 body.frontend .umfragen .umfragenform .antwort {
 display: flex;
 flex-direction: row-reverse;
 justify-content: flex-end;
 margin: 0 0 0.4rem 0;
 }

 body.frontend .umfragen .umfragenform label {
 width: auto;
 margin-left: 0.6em;
 }

 body.frontend .umfragen .antworten {
 margin: 0;
 }

 body.frontend .umfragen .antworten p {
 margin-bottom: 0;
 }

 body.frontend .umfragen .antworten .balken {
 position: relative;
 margin: 0.1em 0 0.9em 0;
 height: auto;
 }

 body.frontend .umfragen .antworten .prozent {
 display: block;
 position: relative;
 padding: 0.2em 0.2em 0.1em 0.4em;
 }

 body.frontend .umfragen .antworten .farbbalken {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 }

 body.frontend .umfragen .ergebnisansehen {
 margin-top: 0.8em;
 }

 body.frontend .umfragen .umfragenform fieldset.ergebnis {
 margin: 2.0rem 0 0 0;
 }

 form.umfragenform.antworten-1 .balken .zaehler,
 form.umfragenform.antworten-1 .summeantworten {
 display: none;
 			}

 body.frontend .umfragen .umfragenform .ergebnis .summeantworten {
 margin: 1.4rem 0 0 0;
 }


 /******************************************************************************************
 * cmsform.kategorien         *
 ******************************************************************************************/

 fieldset.cmsform.kategorien .kategorie .textfeld1 {
 margin-bottom: 0.2rem;
 }


 /******************************************************************************************
 * cmsform.layout4 .pflichtfeld .feldvorbelegung      *
 ******************************************************************************************/

 fieldset.cmsform.layout4 {
 line-height: calc(2.4rem * 1.3);
 }

 fieldset.cmsform.layout4 label {
 display: none;
 width: auto;
 line-height: 1.7rem;
 }


 fieldset.cmsform.layout4 .ansp_geburtsdatum,
 fieldset.cmsform.layout4 .ansp_geburtsdatum label {
 display: block;
 }

 fieldset.cmsform.layout4 .eingabefeld .feldvorbelegung,
 fieldset.cmsform.layout4 .freifeld .feldvorbelegung {
 display: block;
 line-height: 1.4rem;
 font-size: 0.8rem;
 font-style: normal;
 }

 fieldset.cmsform.layout4 .eingabefeld input,
 fieldset.cmsform.layout4 .freifeld .pulldown {
 line-height: calc(2.4rem * 0.8);
 margin-top: 1.1rem;
 }

 fieldset.cmsform.layout4 .eingabefeld textarea {
 margin-top: 1.1rem;
 }

 fieldset.cmsform.layout4 .freifeld.pd .markierung {
 position: absolute;
 right: 0;
 left: auto;
 }

 fieldset.cmsform.layout4 .markierung {
 line-height: 1.4rem;
 }


 fieldset.cmsform.layout4.kategorien .kategorie.checkboxform label,
 fieldset.cmsform.layout4.kategorien .kategorie.radioform label {
 display: block;
 }

 fieldset.cmsform.layout4.kategorien .kategorie {
 margin-bottom: 1.6rem;
 }

 fieldset.cmsform.layout4.kategorien .kategorie label {
 margin-bottom: 0.2rem;
 }

 fieldset.cmsform.layout4.kategorien .kategorie ul li {
 margin-bottom: 0.2rem;
 }

 /******************************************************************************************
 * cmsform.layout5 .pflichtfeld .feldvorbelegung      *
 ******************************************************************************************/

 .cmsform.layout5 {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 /*
 line-height: calc(2.4rem * 1.3);
 */
 }

 .cmsform.layout5 > p {
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
			 }

 .cmsform.layout5 > p > .eingabefeld,
 .cmsform.layout5 > p > .freifeld {
 margin: 1.5rem 0 0.4rem 0;
			 }

 .cmsform.layout5 > p > .freifeld .eingabefeld {
 margin: 0;
			 }

 .cmsform.layout5 > p.preis {
 flex-direction: row;
			 }

 .cmsform.layout5 > p.preis .feldvorbelegung {
 display: inline-flex;
 right: auto;
 width: 100%;
 margin-top: -1.6rem;
 padding: 0;
 font-size: 80%;
 font-style: normal;
			 }

 /******************************************************************************************
 *                       *
 * 18.01.2025 09:22 CMS                 *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * .bilderstapel                   *
 ******************************************************************************************/

 .bilderstapel {
 display: block;
 position: relative;
 margin: 0 0 2rem 0;
 padding: 2rem 0 0 0;
 }

 .bilderstapel.geschlossen {
 display: none;
 			}

 .bilderstapel > .bild {
 display: block;
 position: relative;
 margin: 0 0 2rem 0;
 text-align: center;
 }

 .bilderstapel > .bild img {
 max-width: 100%;
			 }

 .bilderstapel > .bild > .dateiname,
 .bilderstapel > .bild > .lizenzinfo,
 .bilderstapel > .bild > .text {
 display: block;
 position: relative;
 text-align: center;
 }

 .bilderstapel > .bild > .dateiname *,
 .bilderstapel > .bild > .lizenzinfo *,
 .bilderstapel > .bild > .text * {
 text-align: center;
 			}

 .bilderstapel > .bild > .dateiname {
 margin: -3rem 0 2rem 0;
 }

 .bilderstapel > .bild > .dateiname .name {
 color: #F4F4F4;
 font-size: 1.4rem;
 text-shadow: -1px 1px 0 #007DBD,
				 1px 1px 0 #007DBD,
				 1px -1px 0 #007DBD,
				-1px -1px 0 #007DBD;
 }


 /******************************************************************************************
 * .galerie                    *
 ******************************************************************************************/

 .galerie {
 position: relative;
 width: 100%;
 height: auto;
 max-height: 100vh;
 margin: 0 auto 0 auto;
 padding: 0 0 0 0;
 text-align: center;
 }

 
 .galerie.layout-3 {
 max-height: none;
 }

 .galerie.normalansicht > .hintergrund {
 display: none;
 }

 .galerie .filter1,
 .galerie .filter2 {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 background-color: transparent;
 }

 /* */
 body.cssdebug .galerie .bilder > .rahmen > .bild .link a,
 body.cssdebug .galerie .bilder > .rahmen > .bild .link a:active,
 body.cssdebug .buttons.steuerung li {
 outline: 1px solid #0000FF !important;
 opacity: 0.3 !important;
 }
 /* */

 .galerie.vollbild {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 z-index: 1101;
 }

 
 
 .galerie.vollbild > .hintergrund {
 bottom: -500px;
 }

 .galerie.hoeherel-3 > .bilder,
 .galerie.hoeherel-3 > .bilder > .rahmen,
 .galerie.vollbild > .bilder,
 .galerie.vollbild > .bilder > .rahmen {
 height: 100%;
 }

 .galerie.vollbild > .bilder,
 .galerie.vollbild > .bilder > .rahmen {
 max-height: 100% !important;
 }

 .galerie > .bilder,
 .galerie.vollbild.vbskalierung-0 > .bilder,
 .galerie.vollbild.vbskalierung-3 > .bilder {
 top: 0;
 -webkit-transform: none;
 transform: none;
 }

 


 /******************************************************************************************
 * body.galerievollbild                 *
 ******************************************************************************************/

 body.galerievollbild {
 min-height: 0;
 }

 body.galerievollbild #inhalt,
 body.galerievollbild #fuss {
 height: 0;
 overflow: hidden;
 }


 /******************************************************************************************
 * .galerie .swipe                   *
 ******************************************************************************************/

 .galerie .swipe {
 display: none;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 background-color: transparent;
 }

 body.browser_mobile .galerie .swipe {
 display: block;
 }

 .galerie.downloadbutton .swipe {
 bottom: 40px;
 }


 /******************************************************************************************
 * .buttons                    *
 ******************************************************************************************/

 
 .galerie .buttons.steuerung {
 visibility: hidden;
 }

 
 body.drucker .galerie .buttons.steuerung {
 display: none;
 }

 
 body.javascript .galerie .buttons.steuerung {
 visibility: visible;
 }

 
 .galerie .buttons.steuerung {
 position: static;
 }

 .galerie .buttons.steuerung li {
 position: absolute;
 width: auto;
 height: auto;
 margin: 0;
 cursor: pointer;
 
 z-index: 2099;
 }

 
 .galerie .buttons.steuerung li.vorschaubild,
 .galerie .buttons.steuerung li.bildvor,
 .galerie .buttons.steuerung li.zurueck,
 .galerie .buttons.steuerung li.bildtext,
 .galerie .buttons.steuerung li.vollbild,
 .galerie .buttons.steuerung li.vsbilder,
 .galerie .buttons.steuerung li.slideshow,
 .galerie .bildnummer {
 background-color: transparent;
 }

 /*
 .galerie .buttons.steuerung li .hintergrund {
 background-color: #F4F4F4;
 opacity: 0.6;
 }
 */

 .galerie .buttons.steuerung li .text {
 display: none;
 }

 .galerie .buttons.steuerung li .icon {
 display: block;
 }


 .galerie .buttons.steuerung li.bildvor,
 .galerie .buttons.steuerung li.bildzurueck {
 position: absolute;
 top: 50%;
 right: auto;
 bottom: auto;
 left: 0;
 -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 }

 .galerie .buttons.steuerung li.bildvor {
 right: 0;
 left: auto;
 }

 .galerie.endlos-0.start .buttons.steuerung li.bildzurueck {
 display: none;
 }

 .galerie.endlos-0.ende .buttons.steuerung li.bildvor {
 display: none;
 }



 .galerie .buttons.steuerung li.vsbilder {
 top: auto;
 right: auto;
 bottom: 0;
 left: 0;
 }

 @media (max-width: 600px) {

 .galerie .buttons.steuerung li .icon,
 .galerie .buttons.steuerung li .icon:before {
 line-height: 28px !important;
 font-size: 18px !important;
 }

 }


 /******************************************************************************************
 * .galerie .buttons.steuerung.blaettern             *
 ******************************************************************************************/

 .galerie .buttons.steuerung.blaettern {
 display: none;
 position: static;
 }

 .galerie .buttons.steuerung.blaettern li.bildvor,
 .galerie .buttons.steuerung.blaettern li.bildzurueck {
 position: absolute;
 top: 50%;
 right: 0;
 bottom: auto;
 left: auto;
 -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 }

 .galerie .buttons.steuerung.blaettern li.bildzurueck {
 right: auto;
 left: 0;
 }

 .galerie .buttons.steuerung.blaettern li.bildvor .icon:before,
 .galerie .buttons.steuerung.blaettern li.bildzurueck .icon:before {
 font-size: 160%;
 }


 /******************************************************************************************
 * .galerie .button .icon                 *
 ******************************************************************************************/

 
 .galerie .buttons.steuerung li.slideshow.start .icon {
 padding-right: 0.8em;
 padding-left: 0.8em;
 }

 .galerie .buttons.steuerung li.slideshow .icon:before { content: "\f0da"; }

 .galerie.slideshow .buttons.steuerung li.slideshow .icon:before { content: "\f04c"; }


 .galerie .buttons.steuerung li.bilderstapel .icon:before,
 .galerie .buttons.steuerung li.bilderstapel .text:before {
 content: "\f03a";
 }

 .galerie .buttons.steuerung li.bildvor .icon:before { content: "\f054"; }

 .galerie .buttons.steuerung li.bildzurueck .icon:before { content: "\f053"; }


 .galerie .buttons.steuerung li.vollbild .icon:before { content: "\f00e"; }

 .galerie.vollbild .buttons.steuerung li.vollbild .icon:before { content: "\f010"; }


 /******************************************************************************************
 * .galerie.buttongroesse .button .icon - px            *
 ******************************************************************************************/

 .galerie.buttongroesse-14 .buttons.steuerung li .icon,
 .galerie.buttongroesse-14 .buttons.steuerung li .text {
 font-size: 14px;
 }

 .galerie.buttongroesse-15 .buttons.steuerung li .icon,
 .galerie.buttongroesse-15 .buttons.steuerung li .text {
 font-size: 15px;
 }

 .galerie.buttongroesse-16 .buttons.steuerung li .icon,
 .galerie.buttongroesse-16 .buttons.steuerung li .text {
 font-size: 16px;
 }

 .galerie.buttongroesse-17 .buttons.steuerung li .icon,
 .galerie.buttongroesse-17 .buttons.steuerung li .text {
 font-size: 17px;
 }

 .galerie.buttongroesse-18 .buttons.steuerung li .icon,
 .galerie.buttongroesse-18 .buttons.steuerung li .text {
 font-size: 18px;
 }

 .galerie.buttongroesse-19 .buttons.steuerung li .icon,
 .galerie.buttongroesse-19 .buttons.steuerung li .text {
 font-size: 19px;
 }

 .galerie.buttongroesse-20 .buttons.steuerung li .icon,
 .galerie.buttongroesse-20 .buttons.steuerung li .text {
 font-size: 20px;
 }

 .galerie.buttongroesse-21 .buttons.steuerung li .icon,
 .galerie.buttongroesse-21 .buttons.steuerung li .text {
 font-size: 21px;
 }

 .galerie.buttongroesse-22 .buttons.steuerung li .icon,
 .galerie.buttongroesse-22 .buttons.steuerung li .text {
 font-size: 22px;
 }

 .galerie.buttongroesse-23 .buttons.steuerung li .icon,
 .galerie.buttongroesse-23 .buttons.steuerung li .text {
 font-size: 23px;
 }

 .galerie.buttongroesse-24 .buttons.steuerung li .icon,
 .galerie.buttongroesse-24 .buttons.steuerung li .text {
 font-size: 24px;
 }

 .galerie.buttongroesse-25 .buttons.steuerung li .icon,
 .galerie.buttongroesse-25 .buttons.steuerung li .text {
 font-size: 25px;
 }

 .galerie.buttongroesse-26 .buttons.steuerung li .icon,
 .galerie.buttongroesse-26 .buttons.steuerung li .text {
 font-size: 26px;
 }

 .galerie.buttongroesse-27 .buttons.steuerung li .icon,
 .galerie.buttongroesse-27 .buttons.steuerung li .text {
 font-size: 27px;
 }

 .galerie.buttongroesse-28 .buttons.steuerung li .icon,
 .galerie.buttongroesse-28 .buttons.steuerung li .text {
 font-size: 28px;
 }

 .galerie.buttongroesse-29 .buttons.steuerung li .icon,
 .galerie.buttongroesse-29 .buttons.steuerung li .text {
 font-size: 29px;
 }

 .galerie.buttongroesse-30 .buttons.steuerung li .icon,
 .galerie.buttongroesse-30 .buttons.steuerung li .text {
 font-size: 30px;
 }

 .galerie.buttongroesse-31 .buttons.steuerung li .icon,
 .galerie.buttongroesse-31 .buttons.steuerung li .text {
 font-size: 31px;
 }

 .galerie.buttongroesse-32 .buttons.steuerung li .icon,
 .galerie.buttongroesse-32 .buttons.steuerung li .text {
 font-size: 32px;
 }


 /******************************************************************************************
 * .galerie.buttongroesse .button .icon - % rem           *
 ******************************************************************************************/

 .galerie.buttongroesse-100 .buttons.steuerung li .icon,
 .galerie.buttongroesse-100 .buttons.steuerung li .text {
 font-size: 1.0rem;
 }

 .galerie.buttongroesse-110 .buttons.steuerung li .icon,
 .galerie.buttongroesse-110 .buttons.steuerung li .text {
 font-size: 1.1rem;
 }

 .galerie.buttongroesse-120 .buttons.steuerung li .icon,
 .galerie.buttongroesse-120 .buttons.steuerung li .text {
 font-size: 1.2rem;
 }

 .galerie.buttongroesse-130 .buttons.steuerung li .icon,
 .galerie.buttongroesse-130 .buttons.steuerung li .text {
 font-size: 1.3rem;
 }

 .galerie.buttongroesse-140 .buttons.steuerung li .icon,
 .galerie.buttongroesse-140 .buttons.steuerung li .text {
 font-size: 1.4rem;
 }

 .galerie.buttongroesse-150 .buttons.steuerung li .icon,
 .galerie.buttongroesse-150 .buttons.steuerung li .text {
 font-size: 1.5rem;
 }

 .galerie.buttongroesse-160 .buttons.steuerung li .icon,
 .galerie.buttongroesse-160 .buttons.steuerung li .text {
 font-size: 1.6rem;
 }

 .galerie.buttongroesse-170 .buttons.steuerung li .icon,
 .galerie.buttongroesse-170 .buttons.steuerung li .text {
 font-size: 1.7rem;
 }

 .galerie.buttongroesse-180 .buttons.steuerung li .icon,
 .galerie.buttongroesse-180 .buttons.steuerung li .text {
 font-size: 1.8rem;
 }

 .galerie.buttongroesse-190 .buttons.steuerung li .icon,
 .galerie.buttongroesse-190 .buttons.steuerung li .text {
 font-size: 1.9rem;
 }

 .galerie.buttongroesse-200 .buttons.steuerung li .icon,
 .galerie.buttongroesse-200 .buttons.steuerung li .text {
 font-size: 2.0rem;
 }

 .galerie.buttongroesse-210 .buttons.steuerung li .icon,
 .galerie.buttongroesse-210 .buttons.steuerung li .text {
 font-size: 2.1rem;
 }

 .galerie.buttongroesse-220 .buttons.steuerung li .icon,
 .galerie.buttongroesse-220 .buttons.steuerung li .text {
 font-size: 2.2rem;
 }

 .galerie.buttongroesse-230 .buttons.steuerung li .icon,
 .galerie.buttongroesse-230 .buttons.steuerung li .text {
 font-size: 2.3rem;
 }

 .galerie.buttongroesse-240 .buttons.steuerung li .icon,
 .galerie.buttongroesse-240 .buttons.steuerung li .text {
 font-size: 2.4rem;
 }

 .galerie.buttongroesse-250 .buttons.steuerung li .icon,
 .galerie.buttongroesse-250 .buttons.steuerung li .text {
 font-size: 2.5rem;
 }

 .galerie.buttongroesse-260 .buttons.steuerung li .icon,
 .galerie.buttongroesse-260 .buttons.steuerung li .text {
 font-size: 2.6rem;
 }

 .galerie.buttongroesse-270 .buttons.steuerung li .icon,
 .galerie.buttongroesse-270 .buttons.steuerung li .text {
 font-size: 2.7rem;
 }

 .galerie.buttongroesse-280 .buttons.steuerung li .icon,
 .galerie.buttongroesse-280 .buttons.steuerung li .text {
 font-size: 2.8rem;
 }

 .galerie.buttongroesse-290 .buttons.steuerung li .icon,
 .galerie.buttongroesse-290 .buttons.steuerung li .text {
 font-size: 2.9rem;
 }

 .galerie.buttongroesse-300 .buttons.steuerung li .icon,
 .galerie.buttongroesse-300 .buttons.steuerung li .text {
 font-size: 3.0rem;
 }

 .galerie.buttongroesse-310 .buttons.steuerung li .icon,
 .galerie.buttongroesse-310 .buttons.steuerung li .text {
 font-size: 3.1rem;
 }

 .galerie.buttongroesse-320 .buttons.steuerung li .icon,
 .galerie.buttongroesse-320 .buttons.steuerung li .text {
 font-size: 3.2rem;
 }

 .galerie.buttongroesse-330 .buttons.steuerung li .icon,
 .galerie.buttongroesse-330 .buttons.steuerung li .text {
 font-size: 3.3rem;
 }

 .galerie.buttongroesse-340 .buttons.steuerung li .icon,
 .galerie.buttongroesse-340 .buttons.steuerung li .text {
 font-size: 3.4rem;
 }

 .galerie.buttongroesse-350 .buttons.steuerung li .icon,
 .galerie.buttongroesse-350 .buttons.steuerung li .text {
 font-size: 3.5rem;
 }

 .galerie.buttongroesse-360 .buttons.steuerung li .icon,
 .galerie.buttongroesse-360 .buttons.steuerung li .text {
 font-size: 3.6rem;
 }

 .galerie.buttongroesse-370 .buttons.steuerung li .icon,
 .galerie.buttongroesse-370 .buttons.steuerung li .text {
 font-size: 3.7rem;
 }

 .galerie.buttongroesse-380 .buttons.steuerung li .icon,
 .galerie.buttongroesse-380 .buttons.steuerung li .text {
 font-size: 3.8rem;
 }

 .galerie.buttongroesse-390 .buttons.steuerung li .icon,
 .galerie.buttongroesse-390 .buttons.steuerung li .text {
 font-size: 3.9rem;
 }

 .galerie.buttongroesse-400 .buttons.steuerung li .icon,
 .galerie.buttongroesse-400 .buttons.steuerung li .text {
 font-size: 4.0rem;
 }


 /******************************************************************************************
 * .galerie .buttons .bilderstapel               *
 ******************************************************************************************/

 .galerie .buttons.steuerung li.bilderstapel {
 display: none;
 position: absolute;
 right: 4.4rem;
 top: auto;
 bottom: -130px;
 left: auto;
 margin: 0;
 padding: 0;
 }

 .galerie.bilderstapelaus .buttons.steuerung li.bilderstapel.ein {
 display: block;
 }

 .galerie.bilderstapelein .buttons.steuerung li.bilderstapel.aus {
 display: block;
 }

 .galerie .buttons.steuerung li.bilderstapel .text {
 display: block;
 font-size: 1rem;
			 }

 .galerie.vollbild .buttons.steuerung li.bilderstapel {
 display: none;
 }


 /******************************************************************************************
 * .galerie .buttons .herunterladen              *
 ******************************************************************************************/

 .galerie .buttons.steuerung li.herunterladen {
 display: none;
 position: absolute;
 right: 4.4rem;
 top: auto;
 bottom: 0;
 left: auto;
 margin: 0;
 }

 .galerie.vollbild .buttons.steuerung li.herunterladen {
 right: 0;
 top: auto;
 bottom: 130px;
 left: auto;
 margin: 0;
 }

 
 @media (max-height: 599px) {

 .galerie.vollbild .buttons.steuerung li.herunterladen {
 bottom: 90px;
 }

 }

 .galerie .buttons.steuerung li.herunterladen.jpg {
 display: -webkit-inline-flex;
 display: inline-flex;
 }

 .galerie .buttons.steuerung li.herunterladen > .text {
 display: none;
 }

 .galerie .buttons.steuerung li.herunterladen > .icon {
 display: inline-block;
 }


 /******************************************************************************************
 * .galerie .buttons .vollbild                *
 ******************************************************************************************/

 .galerie .bilder .buttons li.vollbild {
 right: 0;
 top: 0;
 bottom: auto;
 }

 

 

 /******************************************************************************************
 * .galerie.buttondesign-1 .buttons              *
 ******************************************************************************************/

 .galerie.buttondesign-1 .buttons.steuerung.allgemein li .hintergrund,
 .galerie.buttondesign-1 .vorschaubilder .buttons.steuerung li .hintergrund {
 opacity: 0.6;
 }

 .galerie.buttondesign-1 .buttons.steuerung.allgemein li .icon {
 padding: 0.5rem;
 }

 

 .galerie.buttondesign-1 .vorschaubilder .buttons.steuerung li .icon {
 padding: 0.8rem 0.5rem 0.8rem 0.5rem;
 }


 /******************************************************************************************
 * .galerie.buttondesign-2 .buttons              *
 ******************************************************************************************/

 
 .galerie.buttondesign-2 .buttons.steuerung li > .hintergrund {
 background-color: #FAFAFA;
 opacity: 0.5;
 }

 
 .galerie.buttondesign-2 .buttons.steuerung li:hover > .hintergrund {
 
 }

 
 .galerie.buttondesign-2 .buttons.steuerung li .icon:before,
 .galerie.buttondesign-2 .buttons.steuerung li.bildnummer .text span {
 color: #007DBD;
 }

 
 .galerie.buttondesign-2 .buttons.steuerung li:hover .icon:before {
 color: #666666;
 opacity: 0.8;
 }

 .galerie.buttondesign-2 .buttons.steuerung {
 display: -webkit-flex;
 display: flex;
 position: absolute;
 top: 0;
 right: auto;
 bottom: auto;
 left: 0;
 width: 100%;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-flex-direction: row;
 flex-direction: row;
 }

 .galerie.buttondesign-2 .buttons.steuerung.blaettern {
 display: block;
 position: static;
 }

 .galerie.buttondesign-2 .buttons.steuerung.blaettern li .icon {
 padding: 0.2em;
 }

 .galerie.buttondesign-2 .buttons.steuerung li,
 .galerie.buttondesign-2 .buttons.steuerung li.herunterladen {
 display: -webkit-inline-flex;
 display: inline-flex;
 position: relative;
 top: 0;
 right: auto;
 bottom: auto;
 left: 0;
 width: 1.8em;
 }

 .galerie.buttondesign-2 .buttons.steuerung li.slideshow.stopp {
 display: none;
 }

 .galerie.buttondesign-2 .buttons.steuerung.allgemein li.bildzurueck {
 display: none;
 order: 1;
 }

 .galerie.buttondesign-2 .buttons.steuerung.allgemein li.bildvor {
 display: none;
 order: 3;
 }

 .galerie.buttondesign-2 .buttons.steuerung li.bildnummer {
 order: 2;
 width: 90px;
 cursor: default;
 }

 
 .galerie.buttondesign-2 .vorschaubilder .buttons.steuerung li .icon {
 padding: 0.2rem 0.4rem 0.2rem 0.4rem;
 }


 
 @media (min-width: 400px) {

 .galerie.buttondesign-2 .buttons.steuerung {
 top: 10px;
 }

 .galerie.buttondesign-2 .buttons.steuerung li,
 .galerie.buttondesign-2 .buttons.steuerung li.herunterladen {
 width: 3em;
 }

 .galerie.buttondesign-2 .buttons.steuerung li.bildnummer {
 width: 110px;
 }

 .galerie.buttondesign-2 .buttons.steuerung.blaettern li .icon {
 padding: 0.6em;
 }

 .galerie.buttondesign-2 .vorschaubilder .buttons.steuerung li .icon {
 padding: 0.8rem 0.5rem 0.8rem 0.5rem;
 }

 .galerie.buttondesign-2 .buttons.steuerung.blaettern li.bildzurueck {
 right: auto;
 left: 10px;
 }

 .galerie.buttondesign-2 .buttons.steuerung.blaettern li.bildvor {
 right: 10px;
 left: auto;
 }

 }


 /******************************************************************************************
 * .galerie.buttondesign-3 .buttons              *
 ******************************************************************************************/

 .galerie.buttondesign-3 .buttons.steuerung.allgemein li .hintergrund,
 .galerie.buttondesign-3 .vorschaubilder .buttons.steuerung li .hintergrund {
 background-color: transparent;
 }

 .galerie.buttondesign-3 .buttons.steuerung.allgemein li .icon {
 padding: 1.0rem;
 }

 .galerie.buttondesign-3 .buttons.steuerung li .icon:before,
 .galerie.buttondesign-3 .buttons.steuerung li.bildnummer .text span {
 color: #F4F4F4;
 text-shadow: -1px 1px 0 #007DBD,
				 1px 1px 0 #007DBD,
				 1px -1px 0 #007DBD,
				-1px -1px 0 #007DBD;
 }

 .galerie.buttondesign-3 .vorschaubilder .buttons.steuerung li .icon {
 padding: 0.8rem 0.5rem 0.8rem 0.5rem;
 }


 /******************************************************************************************
 * .galerie.buttondesign-4 .buttons              *
 ******************************************************************************************/

 .galerie.buttondesign-4 .buttons.steuerung li > .hintergrund,
 .galerie.buttondesign-4 .buttons.steuerung li:hover > .hintergrund {
 background-color: transparent;
 }

 .galerie.buttondesign-4 .buttons.steuerung li .icon:before,
 .galerie.buttondesign-4 .buttons.steuerung li.bildnummer .text span {
 color: #007DBD;
 }

 .galerie.buttondesign-4 .buttons.steuerung li:hover .icon:before {
 opacity: 0.8;
 }

 .galerie.buttondesign-4 .buttons.steuerung.allgemein li,
 .galerie.buttondesign-4 .buttons.steuerung.allgemein li .icon {
 
 padding: 0 0.1em 0 0.1em;
 }

 .galerie.buttondesign-4 .buttons.steuerung li .icon {
 line-height: 1.0em;
 }

 .galerie.buttondesign-4 .buttons.steuerung.allgemein li.bildvor {
 right: 1rem;
 }

 .galerie.buttondesign-4 .buttons.steuerung.allgemein li.bildzurueck {
 left: 1rem;
 }

 .galerie.buttondesign-4 .buttons.steuerung.allgemein li.vollbild {
 top: 1rem;
 right: 1rem;
 }


 /******************************************************************************************
 * .galerie.buttondesign-5 .buttons              *
 ******************************************************************************************/

 .galerie.buttondesign-5 .buttons.steuerung.allgemein li.bildnummer {
 top: 1%;
 }

 .galerie.buttondesign-5 .buttons.steuerung.allgemein li.bildvor {
 right: 1vh;
 }

 .galerie.buttondesign-5 .buttons.steuerung.allgemein li.bildzurueck {
 left: 1vh;
 }

 .galerie.buttondesign-5 .buttons.steuerung.allgemein li.herunterladen {
 right: 1vh;
 bottom: 1vh;
 }

 .galerie.buttondesign-5 .buttons.steuerung.allgemein li.slideshow {
 top: 1%;
 left: 1%;
 }

 .galerie.buttondesign-5 .buttons.steuerung.allgemein li.vollbild {
 top: 1vh;
 right: 1vh;
 }


 .galerie.buttondesign-5 .buttons.steuerung.allgemein li .hintergrund,
 .galerie.buttondesign-5 .vorschaubilder .buttons.steuerung li .hintergrund {
 opacity: 0.6;
 }

 .galerie.buttondesign-5 .buttons.steuerung.allgemein li .icon {
 padding: 0.4em 0.6em 0.4em 0.6em;
 }

 

 /******************************************************************************************
 * .galerie .farbbalken                 *
 ******************************************************************************************/

 .farbbalken {
 position: absolute;
 top: auto;
 right: auto;
 bottom: 0.2rem;
 left: 0.2rem;
 display: flex;
 flex: 1 auto;
 flex-direction: row;
 justify-content: flex-start;
 }

 .farbbalken > span {
 display: inline-flex;
 margin: 1px;
 padding: 0.2rem;
 font-size: 0.8rem;
 }

 .farbbalken span span {
 }


 /******************************************************************************************
 * .galerie .vorschaubilder                *
 ******************************************************************************************/

 .galerie .vorschaubilder {
 display: none;
 
 position: relative;
 width: auto;
 height: auto;
 margin: 0 auto 0 auto;
 text-align: center;
 overflow: hidden;
 -webkit-overflow-scrolling: auto;
 
 line-height: 0;
 font-size: 0;
 }

 .galerie.layout-1 .vorschaubilder,
 .galerie.layout-2 .vorschaubilder,
 .galerie.layout-3 .vorschaubilder {
 
 display: block;
 }

 
 .galerie.layout-1 .vorschaubilder {
 /*
 margin-top: 1.0rem;
 */
 }

 
 .galerie.layout-2 .vorschaubilder {
 /*
 margin-bottom: 1.0rem;
 */
 }

 .galerie.layout-1 .vorschaubilder > .rahmen,
 .galerie.layout-2 .vorschaubilder > .rahmen,
 .galerie.layout-3 .vorschaubilder > .rahmen {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-flow: row wrap;
 flex-flow: row wrap;
 width: auto;
 text-align: left;
 min-width: 100%;
 max-width: 100%;
 overflow: hidden;
 }

 
 .galerie.layout-1 .vorschaubilder > .rahmen,
 .galerie.layout-2 .vorschaubilder > .rahmen {
 width: 100%;
 min-width: 100%;
 height: 110px;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
 overflow-x: auto;
 }

 
 .galerie.layout-1 .vorschaubilder > .rahmen.schmaeleralsgalerie,
 .galerie.layout-2 .vorschaubilder > .rahmen.schmaeleralsgalerie {
 /*
 min-width: 100%;
 width: 100%;
 / *
 max-width: 100%;
 */
 -webkit-justify-content: center;
 justify-content: center;
 }


 
 .galerie.layout-2 .vorschaubilder > .rahmen {
 padding: 0;
 }

 
 .galerie.layout-3 .vorschaubilder > .rahmen.zentriert {
 -webkit-justify-content: center;
 justify-content: center;
 width: 100%;
 }


 
 /*
 .galerie.vsbhoehe-1 .vorschaubilder > .rahmen {
 flex-wrap: wrap;
 justify-content: center;
 }
 */

 .galerie .vorschaubilder > .rahmen > .hintergrund {
 /*
 background-color: #F4F4F4;
 */
 background-color: transparent;
 }

 .galerie.layout-3 .vorschaubilder > .rahmen .bild {
 width: 140px;
 height: 140px;
 }


 /******************************************************************************************
 * .galerie .vorschaubilder .bild               *
 ******************************************************************************************/

 .galerie .vorschaubilder > .rahmen > .bild {
 display: inline-block;
 display: -webkit-inline-flex;
 display: inline-flex;
 position: relative;
 width: auto;
 height: 110px;
 margin: 0 2px 2px 0;
 }

 .galerie.layout-3 .vorschaubilder > .rahmen > .bild {
 overflow: hidden;
 }

 .galerie .vorschaubilder > .rahmen > .bild.ende {
 margin-right: 0;
 }

 
 .galerie.layout-1 .vorschaubilder > .rahmen > .bild,
 .galerie.layout-2 .vorschaubilder > .rahmen > .bild {
 margin-bottom: 0;
 }

 
 @media (max-width: 599px) {

 .galerie.layout-1 .vorschaubilder,
 .galerie.layout-2 .vorschaubilder,
 .galerie.layout-1 .vorschaubilder > .rahmen,
 .galerie.layout-2 .vorschaubilder > .rahmen,
 .galerie.layout-1 .vorschaubilder > .rahmen > .bild,
 .galerie.layout-2 .vorschaubilder > .rahmen > .bild {
 height: 70px !important;
 }

 }

 
 @media (max-height: 599px) {

 .galerie.layout-1 .vorschaubilder,
 .galerie.layout-2 .vorschaubilder,
 .galerie.layout-1 .vorschaubilder > .rahmen,
 .galerie.layout-2 .vorschaubilder > .rahmen,
 .galerie.layout-1 .vorschaubilder > .rahmen > .bild,
 .galerie.layout-2 .vorschaubilder > .rahmen > .bild {
 height: 70px !important;
 }

 }

 .galerie .vorschaubilder > .rahmen > .bild img {
 width: auto;
 height: 100%;
 }

 .galerie .vorschaubilder > .rahmen > .bild.video .filter1 {
 display: block;
 background-color: #333333;
 opacity: 0.3;
 }

 .galerie.layout-1 .vorschaubilder > .rahmen > .bild.aktiv .filter1,
 .galerie.layout-2 .vorschaubilder > .rahmen > .bild.aktiv .filter1 {
 display: block;
 background-color: #333333;
 opacity: 0.8;
 }

 body.browser_desktop .galerie .vorschaubilder > .rahmen > .bild:hover .filter1,
 body.browser_desktop .galerie.layout-1 .vorschaubilder > .rahmen > .bild.aktiv:hover .filter1,
 body.browser_desktop .galerie.layout-2 .vorschaubilder > .rahmen > .bild.aktiv:hover .filter1 {
 display: block;
 background: #333333 url('//www.csu-oberpframmern.de//cms/lib/bilder/datensatz-lupe-ws.png') center center no-repeat;
 background-size: contain;
 opacity: 0.4;
 }


 /******************************************************************************************
 * .galerie.vollbild .vorschaubilder              *
 ******************************************************************************************/

 .galerie.vollbild .vorschaubilder {
 position: fixed;
 top: auto;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 margin: 0;
 z-index: 999;
 }

 .galerie.layout-3.vollbild .vorschaubilder {
 display: none;
 }

 
 .galerie.vollbild .vorschaubilder > .rahmen {
 -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 }

 .galerie.vollbild .vorschaubilder > .rahmen > .bild {
 margin-bottom: 0;
 }


 /******************************************************************************************
 * .galerie .vorschaubilder .aktivsymbol             *
 ******************************************************************************************/

 .galerie .vorschaubilder .bild .aktivsymbol {
 display: none;
 position: absolute;
 top: auto;
 right: 10%;
 bottom: 10%;
 left: auto;
 width: 1rem;
 height: 1rem;
 }

 .galerie.layout-1 .vorschaubilder .bild.aktiv .aktivsymbol,
 .galerie.layout-2 .vorschaubilder .bild.aktiv .aktivsymbol {
 display: block;
 }

 .galerie .vorschaubilder .bild .aktivsymbol:before {
 color: #FAFAFA;
 content: "\f00c";
 opacity: 0.9;
 }


 /******************************************************************************************
 * .galerie .vorschaubilder .bild .bildnummer            *
 ******************************************************************************************/

 .galerie .vorschaubilder .bild .bildnummer {
 display: block;
 position: absolute;
 top: auto;
 right: 0;
 bottom: 3%;
 left: 45%;
 font-family: verdana;
 font-size: 14px;
 font-weight: 300;
 color: #F9F9F9;
 text-shadow: 0 0 2px black;
 opacity: 0.8;
 }


 /******************************************************************************************
 * .galerie .vorschaubilder .videosymbol             *
 ******************************************************************************************/

 .galerie .vorschaubilder .bild .videosymbol {
 display: inline-block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 text-align: center;
 vertical-align: middle;
 }

 .galerie .vorschaubilder .bild.aktiv .videosymbol {
 display: block;
 }

 .galerie .vorschaubilder .bild .videosymbol:before {
 margin: 0;
 font-size: 55px;
 color: #FAFAFA;
 content: "\f144";
 opacity: 0.9;
 }


 /******************************************************************************************
 * .galerie .vorschaubilder .buttons              *
 ******************************************************************************************/

 .galerie .vorschaubilder .buttons.steuerung {
 position: static;
 width: 100%;
 }

 .galerie.layout-1.vsbscroll-1 .vorschaubilder .buttons.steuerung,
 .galerie.layout-2.vsbscroll-1 .vorschaubilder .buttons.steuerung {
 display: block;
 }

 .galerie .vorschaubilder .buttons.steuerung li {
 display: none;
 position: absolute;
 top: 26%;
 right: 0;
 bottom: auto;
 left: auto;
 margin: 0;
 }

 .galerie .vorschaubilder .buttons.steuerung li.zurueck {
 left: 0;
 right: auto;
 }

 .galerie .vorschaubilder.links .buttons.steuerung li.vor,
 .galerie .vorschaubilder.mitte .buttons.steuerung li.vor,

 .galerie .vorschaubilder.rechts .buttons.steuerung li.zurueck,
 .galerie .vorschaubilder.mitte .buttons.steuerung li.zurueck {
 display: block;
 }


 /******************************************************************************************
 * galerie .bilder                   *
 ******************************************************************************************/

 .galerie .bilder {
 display: flex;
 position: relative;
 width: 100%;
 }

 
 .galerie .bilder,
 .galerie .bilder > .rahmen {
 width: 100%;
 max-height: 100vh;
 }

 #inhalt .galerie.layout-3 .bilder {
 display: none;
 }

 .galerie > .bilder,
 .galerie.vollbild.vbskalierung-0 > .bilder,
 .galerie.vollbild.vbskalierung-3 > .bilder {
 top: 0;
 -webkit-transform: none;
 transform: none;
 }

 .galerie .bilder > .rahmen {
 overflow: hidden;
 }


 /******************************************************************************************
 * galerie .bilder .bild                 *
 ******************************************************************************************/

 .galerie .bilder .bild {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 100%;
 width: 100%;
 height: 100%;
 
 overflow: hidden;
 }

 .galerie .bilder .bild.aktiv {
 left: 0;
 }


 /******************************************************************************************
 * galerie .bilder .bild .bildcontainer             *
 ******************************************************************************************/

 .galerie .bilder .bild > .bildcontainer,
 .galerie .bilder .bild > .notcontainer {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 background-color: transparent;
 background-position: center center;
 background-size: contain;
 background-repeat: no-repeat;
 }

 .galerie.skalierung-0 .bilder .bild > .bildcontainer,
 .galerie.skalierung-0 .bilder .bild > .notcontainer,
 .galerie.skalierung-5 .bilder .bild > .bildcontainer,
 .galerie.skalierung-5 .bilder .bild > .notcontainer {
 background-size: cover;
 }


 .galerie.vollbild.vbskalierung-0 .bilder .bild > .bildcontainer,
 .galerie.vollbild.vbskalierung-0 .bilder .bild > .notcontainer,
 .galerie.vollbild.vbskalierung-5 .bilder .bild > .bildcontainer,
 .galerie.vollbild.vbskalierung-5 .bilder .bild > .notcontainer {
 background-size: auto auto;
 }

 .galerie.vollbild.vbskalierung-3 .bilder .bild > .bildcontainer,
 .galerie.vollbild.vbskalierung-3 .bilder .bild > .notcontainer {
 background-size: contain;
 }

 .galerie.vollbild.vbskalierung-100 .bilder .bild > .bildcontainer,
 .galerie.vollbild.vbskalierung-100 .bilder .bild > .notcontainer {
 background-size: cover;
 }


 /******************************************************************************************
 * galerie .bilder .bild - Ausrichtung horizontal           *
 ******************************************************************************************/

 .galerie .bilder .bild.links > .bildcontainer,
 .galerie .bilder .bild.links > .notcontainer {
 background-position-x: left;
 }

 .galerie .bilder .bild.rechts > .bildcontainer,
 .galerie .bilder .bild.rechts > .notcontainer {
 background-position-x: right;
 }


 /******************************************************************************************
 * galerie .bilder .bild - Ausrichtung vertikal           *
 ******************************************************************************************/

 .galerie .bilder .bild.oben > .bildcontainer,
 .galerie .bilder .bild.oben > .notcontainer {
 background-position-y: top;
 }

 .galerie .bilder .bild.unten > .bildcontainer,
 .galerie .bilder .bild.unten > .notcontainer {
 background-position-y: bottom;
 }


 /******************************************************************************************
 * galerie .bilder .bild - Position              *
 ******************************************************************************************/

 .galerie .bilder .bild.fuellend > .bildcontainer,
 .galerie .bilder .bild.fuellend > .notcontainer {
 background-size: cover;
 }

 .galerie .bilder .bild.komplett > .bildcontainer,
 .galerie .bilder .bild.komplett > .notcontainer {
 background-size: contain;
 }

 .galerie .bilder .bild.kachel > .bildcontainer,
 .galerie .bilder .bild.kachel > .notcontainer {
 background-position-x: left;
 background-position-y: top;
 background-size: auto;
 background-repeat: repeat;
 }

 .galerie .bilder .bild.bildgroesse > .bildcontainer,
 .galerie .bilder .bild.bildgroesse > .notcontainer {
 background-size: auto;
 }


 /******************************************************************************************
 * galerie .bilder .bild - Video               *
 ******************************************************************************************/

 
 .galerie .bilder .bild > iframe {
 position: relative;
 }

 .galerie .bilder .bild .ytplayer,
 .galerie .bilder .bild .vimeoplayer {
 width: 100%;
 height: 100%;
 }


 /******************************************************************************************
 * .galerie .bilder .bild .link               *
 ******************************************************************************************/

 .galerie .bilder > .rahmen > .bild .link {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 }

 .galerie.bildtext-2 .bilder > .rahmen > .bild .link {
 bottom: 25%;
 }

 .galerie.bildtext-2 .bilder > .rahmen > .bild.linkueberdemtext .link {
 bottom: 0;
 }

 .galerie .bilder > .rahmen > .bild .link a {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 margin: 0;
 text-decoration: none;
 background-color: #FFFFFF;
 opacity: 0.00;
 }


 .galerie .bilder > .rahmen > .bild .link a.zurueck {
 right: auto;
 width: 25%;
 }

 .galerie.endlos-0.start .bilder > .rahmen > .bild .link a.zurueck {
 display: none;
 }


 .galerie .bilder > .rahmen > .bild .link a.vor {
 left: auto;
 width: 25%;
 }

 .galerie.vollbild .bilder > .rahmen > .bild .link a.vor {
 width: 50%;
 }

 .galerie.endlos-0.ende .bilder > .rahmen > .bild .link a.vor {
 display: none;
 }


 .galerie .bilder > .rahmen > .bild .link a.vollbild {
 right: 0;
 left: 0;
 width: 100%;
 }


 /******************************************************************************************
 * .galerie .bild .dateiname                *
 ******************************************************************************************/

 .galerie .bilder .bild .dateiname {
 display: none;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 text-align: center;
 }

 .galerie .bilder .bild.dateityp-mp3 .dateiname,
 .galerie .bilder .bild.dateityp-pdf .dateiname,
 .galerie .bilder .bild.dateityp-txt .dateiname {
 display: block;
 }

 .galerie .bilder .bild.dateityp-mp3 .dateiname > .hintergrund,
 .galerie .bilder .bild.dateityp-pdf .dateiname > .hintergrund,
 .galerie .bilder .bild.dateityp-txt .dateiname > .hintergrund {
 display: block;
 background-color: #F4F4F4;
 }

 .galerie .bilder .bild .dateiname > .rahmen {
 display: block;
 position: absolute;
 top: auto;
 right: 0;
 bottom: 1.0em;
 left: 0;
 width: auto;
 height: auto;
 margin: auto auto 2.4em auto;
 text-align: center;
 }

 .galerie .bilder .bild .dateiname .icon {
 display: inline-block;
 position: relative;
 height: 60px;
 line-height: 60px;
 font-size: 60px;
 }

 .galerie .bilder .bild.dateityp-mp3 .dateiname .icon:before {
 line-height: 60px;
 color: #0000CC;
 content: "\f001";
 }

 .galerie .bilder .bild.dateityp-pdf .dateiname .icon:before {
 color: #CC0000;
 content: "\f1c1";
 }

 .galerie .bilder .bild.dateityp-txt .dateiname .icon:before {
 color: #00CC00;
 content: "\f15c";
 }

 .galerie .bilder .bild.dateityp-mp3 .dateiname .name,
 .galerie .bilder .bild.dateityp-pdf .dateiname .name,
 .galerie .bilder .bild.dateityp-txt .dateiname .name {
 display: block;
 position: relative;
 text-align: center;
 }

 @media (max-width: 399px) {

 .galerie .bilder .bild .dateiname .icon {
 font-size: 40px;
 }

 .galerie .bilder .bild .dateiname .name {
 margin-top: 0.6em;
 }

 }


 /******************************************************************************************
 * .galerie .buttons .bildnummer               *
 ******************************************************************************************/

 .galerie .buttons li.bildnummer {
 position: absolute;
 top: 0;
 left: 45%;
 width: auto;
 height: auto;
 }

 /*
 .galerie .buttons .bildnummer > .hintergrund {
 opacity: 0.4;
 }
 */

 .galerie .buttons li.bildnummer > .text {
 display: -webkit-inline-flex;
 display: inline-flex;
 position: relative;
 text-align: center;
 }

 .galerie .buttons li.bildnummer .text .trenner {
 margin: 0 0.4em 0 0.4em;
 }

 .galerie .buttons li.bildnummer .text * {
 color: #FAFAFA;
 }


 /******************************************************************************************
 * .galerie - Slideshow - Navigation              *
 ******************************************************************************************/

 .galerie .bilder .buttons.steuerung li.slideshow {
 display: none;
 top: 0;
 right: auto;
 bottom: auto;
 left: 0;
 }

 .galerie.buttonss-1 .bilder .buttons li.slideshow {
 display: -webkit-inline-flex;
 display: inline-flex;
 }

 /*
 .galerie.slideshow .bilder .buttons li.slideshow {
 display: none;
 }
 */

 /******************************************************************************************
 * .galerie.bildtext-4/5 - Text links, Bild rechts / Text rechts, Bild links    *
 ******************************************************************************************/

 .galerie.bildtext-4 .bilder > .rahmen,
 .galerie.bildtext-5 .bilder > .rahmen {
 text-align: left;
 }

 .galerie.bildtext-4 .bilder .bild,
 .galerie.bildtext-5 .bilder .bild {
 display: flex;
 justify-content: flex-start;
 flex-direction: row-reverse;
 }

 .galerie.bildtext-4 .bilder .bild .notcontainer,
 .galerie.bildtext-4 .bilder .bild .bildcontainer,
 .galerie.bildtext-4 .bilder .bild .hintergrund.blurcontainer,
 .galerie.bildtext-4 .bilder .bild > .video,
 .galerie.bildtext-4 .bilder .bild > .text,

 .galerie.bildtext-5 .bilder .bild .notcontainer,
 .galerie.bildtext-5 .bilder .bild .bildcontainer,
 .galerie.bildtext-5 .bilder .bild .hintergrund.blurcontainer,
 .galerie.bildtext-5 .bilder .bild > .video,
 .galerie.bildtext-5 .bilder .bild > .text {
 display: inline-flex !important;
 flex: 1 1 50% !important;
 width: 50% !important;
 max-width: 50% !important;
 }

 .galerie.bildtext-4 .bilder .bild .notcontainer,
 .galerie.bildtext-4 .bilder .bild .bildcontainer,
 .galerie.bildtext-4 .bilder .bild > .video,
 .galerie.bildtext-4 .bilder .bild .hintergrund.blurcontainer {
 right: 0 !important;
 left: auto !important;
 }

 .galerie.bildtext-5 .bilder .bild .notcontainer,
 .galerie.bildtext-5 .bilder .bild .bildcontainer,
 .galerie.bildtext-5 .bilder .bild > .video,
 .galerie.bildtext-5 .bilder .bild .hintergrund.blurcontainer {
 right: auto !important;
 left: 0 !important;
 }

 .galerie.bildtext-4 .bilder .bild > .text {
 right: auto !important;
 height: 100%;
 }

 .galerie.bildtext-5 .bilder .bild > .text {
 right: 0 !important;
 left: auto !important;
 height: 100%;
 }

 .galerie.bildtext-4 .bilder .bild > .text > .rahmen,
 .galerie.bildtext-5 .bilder .bild > .text > .rahmen {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 align-content: center;
 align-items: center;
 top: 0 !important;
 bottom: 0 !important;
 width: 100%;
 padding: 6%;
 }


 /******************************************************************************************
 * .galerie > .texte > .text                *
 ******************************************************************************************/

 .galerie > .texte {
 height: auto;
 margin-top: 0.4em !important;
 }

 .galerie > .texte > .text {
 display: none;
 position: relative;
 margin-top: 0.4rem;
 /*
 white-space: nowrap;
 */
 }

 .galerie > .texte > .text.aktiv {
 display: block;
 }

 
 /******************************************************************************************
 * .galerie .bilder .bild > .text               *
 ******************************************************************************************/

 .galerie .bilder .bild > .text {
 display: none;
 position: absolute;
 top: auto;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 max-height: 90px;
 overflow-y: auto;
 line-height: 0;
 text-align: left;
 font-size: 0;
 }

 .galerie.bildtext-2 .bilder .bild > .text,
 .galerie.bildtext-3 .bilder .bild > .text {
 margin: 0 1.0rem 0 0;
 }

 
 .galerie.bildtext-2 .bilder .bild > .text {
 display: block;
 }

 .galerie .bilder .bild > .text *,
 .galerie .bilder .bild > .text p,
 .galerie .bilder .bild > .text p * {
 line-height: 1.1rem;
 font-size: 0.8rem;
 color: inherit;
 }

 
 /*
 .galerie.layout-1.vollbild .bilder .bild > .text {
 bottom: 80px;
 }
 * /
 }

 / * niedriger Viewport * /
 @media (max-height: 599px) {

 
 /*
 .galerie.layout-1.vollbild .bilder .bild > .text {
 bottom: 80px;
 }
 * /
 }
 */

 .galerie .bilder .bild > .text > .rahmen {
 display: inline-block;
 position: relative;
 height: auto;
 margin: 0;
 padding: 0.2rem 0.4rem 0.2rem 0.4rem;
 
 overflow: hidden;
 }

 .galerie.bildtext-2 .bilder .bild > .text > .rahmen > .hintergrund {
 opacity: 0.85;
 }

 
 @media (min-width: 599px) {

 .galerie.bildtext-2 .bilder .bild > .text,
 .galerie.bildtext-3 .bilder .bild > .text {
 bottom: 0.6rem;
 left: 0.8rem;
 }

 .galerie .bilder .bild > .text p,
 .galerie .bilder .bild > .text p * {
 font-size: 1.0rem;
 }

 }


 /******************************************************************************************
 * .galerie .direktwahl                 *
 ******************************************************************************************/

 .galerie .buttons.direktwahl {
 display: none;
 position: absolute;
 top: auto;
 right: 20px;
 left: 20px;
 bottom: 20px;
 width: auto;
 height: auto;
 margin: 0 auto 0 auto;
 text-align: center;
 
 z-index: 2099;
 }

 .galerie.buttonsdw-1 .buttons.direktwahl {
 display: block;
 }

 .galerie .buttons.direktwahl {
 display: inline-block;
 margin: 0;
 text-align: center;
 }

 .galerie .buttons.direktwahl li {
 margin-right: 0.9rem;
 }

 .galerie .buttons.direktwahl li .icon {
 padding: 0;
 }

 .galerie .buttons.direktwahl li .text {
 padding: 0 0.4rem 0 0.4rem;
 }

 .galerie .buttons.direktwahl li .icon:before {
 color: #007DBD;
 opacity: 0.9;
 }

 .galerie .buttons.direktwahl li.aktiv .icon:before {
 color: #FAFAFA;
 }


 /******************************************************************************************
 * .galerie .direktwahl - Kreis               *
 ******************************************************************************************/

 .galerie .buttons.direktwahl.symbol1 li .hintergrund {
 background-color: transparent;
 }

 .galerie .buttons.direktwahl.symbol1 li .text {
 display: none;
 }

 .galerie .buttons.direktwahl.symbol1 li .icon {
 display: block;
 }

 .galerie .buttons.direktwahl.symbol1 li .icon:before {
 content: "\f111";
 /*
 font-weight: 300 !important;
 */
 }

 .galerie .buttons.direktwahl.symbol1 li.aktiv .icon:before,
 .galerie .buttons.direktwahl.symbol1 li:hover .icon:before {
 content: "\f111";
 /*
 font-weight: 900 !important;
 */
 }


 /******************************************************************************************
 * .galerie .direktwahl - Rechteck leer             *
 ******************************************************************************************/

 .galerie .buttons.direktwahl.symbol2 li .hintergrund {
 background-color: transparent;
 }

 .galerie .buttons.direktwahl.symbol2 li .text {
 display: none;
 }

 .galerie .buttons.direktwahl.symbol2 li .icon {
 display: block;
 }

 .galerie .buttons.direktwahl.symbol2 li .icon:before {
 content: "\f0c8";
 /*
 font-weight: 300 !important;
 */
 }

 .galerie .buttons.direktwahl.symbol2 li.aktiv .icon:before,
 .galerie .buttons.direktwahl.symbol2 li:hover .icon:before {
 content: "\f0c8";
 /*
 font-weight: 900 !important;
 */
 }


 /******************************************************************************************
 * .galerie .direktwahl - Rechteck voll             *
 ******************************************************************************************/

 .galerie .buttons.direktwahl.symbol5 li .hintergrund {
 background-color: transparent;
 }

 .galerie .buttons.direktwahl.symbol5 li .text {
 display: none;
 }

 .galerie .buttons.direktwahl.symbol5 li .icon {
 display: block;
 }

 .galerie .buttons.direktwahl.symbol5 li .icon:before {
 content: "\f0c8";
 }

 .galerie .buttons.direktwahl.symbol5 li.aktiv .icon:before,
 .galerie .buttons.direktwahl.symbol5 li:hover .icon:before {
 content: "\f0c8";
 }


 /******************************************************************************************
 * .galerie .direktwahl - Punkt               *
 ******************************************************************************************/

 .galerie .buttons.direktwahl.symbol4 li {

 }

 .galerie .buttons.direktwahl.symbol4 li .hintergrund {
 background-color: transparent;
 border: none;
 }

 .galerie .buttons.direktwahl.symbol4 li .text {
 display: none;
 }

 .galerie .buttons.direktwahl.symbol4 li .icon {
 display: block;
 font-size: 1.3rem;
 }

 .galerie .buttons.direktwahl.symbol4 li .icon:before {
 content: "\f111";
 }


 /******************************************************************************************
 * .galerie .direktwahl - Bild-Nummer              *
 ******************************************************************************************/

 .galerie .buttons.direktwahl.symbol3 li .text {
 display: inline-flex;
 }

 .galerie .buttons.direktwahl.symbol3 li .icon {
 display: none;
 }


 /******************************************************************************************
 * .galerie .lizenzinfo                 *
 ******************************************************************************************/

 .galerie div.lizenzinfo {
 position: absolute;
 left: auto;
 right: 10px;
 top: auto;
 bottom: 10px;
 }

 .galerie .lizenzinfo .hintergrund {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #FFFFFF;
 opacity: 0.9;
 }

 .galerie .lizenzinfo .text {
 position: relative;
 margin: 0;
 padding: 3px 6px 3px 6px;
 }

 .galerie .lizenzinfo,
 .galerie .lizenzinfo *,
 .galerie .lizenzinfo a,
 .galerie .lizenzinfo p {
 line-height: 1.3em;
 font-size: 12px !important;
 color: #444444;
 }


 /******************************************************************************************
 * .galerie .vjs                   *
 ******************************************************************************************/

 .video.video-js {
 width: 100%;
 height: 100%;
 }

 .video-js * {
 font-size: 0.7rem !important;
 }

 .video-js .vjs-play-progress:before,
 .video-js .vjs-volume-level:before {
 font-family: 'VideoJS' !important;
 font-weight: 400 !important;
 }

 
 .liste .datensatz div.vjs-control-bar {
 position: absolute;
 }

 .video-js .vjs-big-play-button,
 .video.video-js .vjs-control-bar {
 z-index: 1999;
 }

 .video.video-js.steuerung0 .vjs-control-bar {
 display: none;
 }

 .video-js .vjs-poster {
 
 background-size: 100% !important;
 z-index: 1998;
 }

 .vjs-remaining-time-display,
 .video-js .vjs-icon-circle:before,
 .video-js .vjs-icon-placeholder:before,
 .video-js .vjs-play-progress:before,
 .video-js .vjs-volume-level:before {
 color: #F6F6F6;
 }

 /*
 .video-js .vjs-play-progress:before,
 .video-js .vjs-volume-level:before {
 top: -0.63em;
 }
 */

 .video.video-js .vjs-control-bar .vjs-button {
 cursor: pointer;
 }

 
 .vjs-icon-play:before, 
 .video-js .vjs-big-play-button .vjs-icon-placeholder:before, 
 .video-js .vjs-play-control .vjs-icon-placeholder:before {
 content: "\f144";
 }

 
 .vjs-icon-pause:before, 
 .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
 content: "\f28b";
 }

 
 .vjs-icon-pause:before, 
 .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
 content: "\f01e";
 }

 
 .vjs-icon-fullscreen-enter:before, 
 .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
 content: "\f065";
 }

 
 .vjs-icon-fullscreen-exit:before, 
 .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
 content: "\f066";
 }

 
 .vjs-icon-volume-mute:before, 
 .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
 content: "\f026";
 }

 
 .vjs-icon-volume-low::before, 
 .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder::before {
 content: "\f027";
 }

 
 .vjs-icon-volume-mid:before, 
 .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
 content: "\f027";
 }

 
 .vjs-icon-volume-high:before, 
 .video-js .vjs-mute-control .vjs-icon-placeholder:before {
 content: "\f028";
 }

 .video-js .vjs-big-play-button {
 left: 50% !important;
 top: 50% !important;
 width: 20%; width: auto;
 height: 20%; height: auto;
 margin: -60px 0 0 -60px;
 border: none;
 border-radius: 0;
 background: transparent;
 }

 .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
 margin-top: 40px;
 font-size: 120px;
 }

 
 .video-js .vjsplayer.vollbildbutton0 .vjs-fullscreen-control {
 display: none;
 }

 
 .video-js .vjs-remaining-time-display {
 margin-top: 0.5em;
 }

 /******************************************************************************************
 *                                             *
 *  09.02.2025 17:53 CMS                                 *
 *                                             *
 ******************************************************************************************/


 /******************************************************************************************
 * .kommentare                                       *
 ******************************************************************************************/

  .kommentare {
  position: relative;
  max-width: 600px;
  margin: 2rem auto 0 auto;
  text-align: center;
  }

  .modul-kommentare > .bearbeiten {
  margin-top: 2.0em;
  }

  .modul-kommentare > .bearbeiten fieldset > legend {
  margin-bottom: 0.6em;
  }


 /******************************************************************************************
 * .kommentare .liste                                   *
 ******************************************************************************************/

  .kommentare.liste,
  .kommentare.formular {
  position: relative;
  margin: 2.0em auto 0 auto;
  }

  .kommentare.liste .liste {
  margin-top: 1.0em;
  }


 /******************************************************************************************
 * .kommentare .datensatz                                 *
 ******************************************************************************************/

  .kommentare .datensatz {
  margin: 1rem 0 0 auto;
  }

  .kommentare .datensatz1 {
  margin-top: 0.6rem;
  }

  .kommentare .datensatz.wirdbeantwortet {
  margin-bottom: 1.0rem;
  }

  .kommentare .datensatz.wirdbeantwortet > .rahmen {
  padding: 0.4rem;
  border: 1px dashed #999999;
  }

  .kommentare .datensatz .rahmen {
  flex-flow: column;
  width: auto;
  margin-left: 0;
  padding: 0.3rem;
  }

  .kommentare .datensatz.ebene2 {
  width: 90%;
  }

  .kommentare .datensatz.ebene3 {
  width: 80%;
  }

  .kommentare .datensatz.ebene4 {
  width: 70%;
  }

  .kommentare .datensatz.ebene5 {
  width: 60%;
  }

  .kommentare .datensatz.ebene6 {
  width: 50%;
  }

  .kommentare .datensatz.ebene7 {
  width: 40%;
  }

  .kommentare .datensatz.ebene8 {
  width: 30%;
  }

  .kommentare .datensatz.ebene9 {
  width: 20%;
  }

  .kommentare .datensatz.ebene10 {
  width: 10%;
  }


  .frontend .kommentare .liste .datensatz .kopf {
  display: flex;
  margin: 0 0 0.4rem 0;
  padding: 0 0 0.2rem 0;
  border-bottom: 1px solid #666666;
  }

  .kommentare .datensatz .kopf .datumuhrzeit {
  position: absolute;
  top: 0;
  right: 1.8rem;
  left: auto;
  margin: 0;
  }

  .kommentare .datensatz .kopf .datumuhrzeit .uhrzeit {
  margin-left: 0.6rem;
  }

  .kommentare .datensatz .kopf .datumuhrzeit * {
  color: #888888;
  }

  .kommentare .datensatz .kopf .link {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  margin: 0;
  }

  .kommentare .datensatz .kopf .link .icon:before {
  font-size: 0.8rem;
  content: "\f0c1";
  }

  .kommentare .datensatz > .rahmen > .text {
  position: relative;
  overflow: hidden;
  }

  .kommentare .datensatz p.antworten {
  text-align: right;
  margin: 0.1rem 0 0 0;
  }

  .kommentare .datensatz p.antworten .textlink:before {
  content: "\f4ad";
  }

  .kommentare.liste.berechtigungdb1 .datensatz p.antworten,
  .kommentare.liste.berechtigungds1 .datensatz p.antworten {
  display: none;
  }


  .kommentare .bearbeiten {
  margin-bottom: 2.0rem;
  }

  body.drucker .kommentare .bearbeiten {
  display: none;
  }

  .kommentare form textarea {
  height: 80px;
  }

  .kommentare .liste .bearbeiten .rahmen {
  padding: 0.4rem;
  border: 1px dashed #999999;
  }


 /******************************************************************************************
 *                                             *
 *  17.12.2024 09:00 CMS                                 *
 *                                             *
 ******************************************************************************************/


 /******************************************************************************************
 * .dynform                                        *
 ******************************************************************************************/

  
  fieldset.cmsform.dynform920 {
  margin-top: 4px;
  }

  
  .dynform.maxfelder0 {
  display: none;
  }

  .dynform textarea {
  min-height: 100px;
  }


 /******************************************************************************************
 * .dynform .formularfeld                                 *
 ******************************************************************************************/

  .dynform .formularfelder .formularfeld {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  top: 0;
  left: 0;
  max-width: 100%;
  margin-bottom: 0.2rem;
  overflow: hidden; overflow: visible;
  vertical-align: top;
  }

  .dynform .formularfeld.platzhalter {
  display: inline-block;
  position: relative;
  background-color: transparent;
  }

  .dynform .formularfeld.inbewegung {
  position: absolute;
  left: 0;
  top: 0;
  border: 2px dotted #DDDDDD;
  z-index: 9999;
  }

  .dynform .formularfelder .formularfeld > p {
  flex-wrap: wrap;
 			}

  .dynform .formularfelder .formularfeld .titel,
  .dynform .formularfelder .formularfeld .titel * {
  font-size: 90%;
  opacity: 0.6;
  }

  /*
  .dynform .formularfelder .formularfeld .eingabefeld {
  margin-bottom: 0.4rem;
 			}
  */

  .dynform .formularfelder .formularfeld option.selecttitel {
  margin: 0.6em 0 0 0.2em;
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
  }

  .dynform .formularfelder .formularfeld .transportgriff {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  cursor: pointer;
  z-index: 995;
  }

  .dynform .formularfelder .formularfeld .formularfeldbuttons {
  z-index: 997;
  }

  .dynform .formularfelder .formularfeld .formularfeldbuttons .verschieben p:before {
  display: none;
  }


 /******************************************************************************************
 * .dynform.bilder                                     *
 ******************************************************************************************/

  .dynform.bilder {
  position: relative;
  }

  .dynform.bilder .formularfeld {
  display: inline-block;
  margin: 0 0.8em 0.8em 0;
  padding: 0;
  
  }

  .dynform.bilder .formularfeld .buttons.formularfeldbuttons {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  }

  .dynform.bilder .formularfeld .formularfeldbuttons.unten {
  position: absolute;
  top: auto;
  width: 100%;
  bottom: 0;
  }

  .dynform.bilder .formularfeld .formularfeldbuttons li {
  width: 32.66%; width: 24.5%;
  margin: 0;
  }

  .dynform.bilder .formularfeld .formularfeldbuttons.unten li {
  width: 32.66%;
  margin: 0;
  }

  .frontend .dynform.bilder .vorschaubild .bildeigenschaften,
  .frontend .dynform.bilder .vorschaubild .filter,
  .frontend .dynform.bilder .buttons .formularfeldneu,
  .frontend .dynform.bilder .formularfeld .formularfeldbuttons,
  .frontend .dynform.bilder .formularfeld .formularfeldbuttons li.bearbeiten,
  .frontend .dynform.bilder .formularfeld .formularfeldbuttons li.loeschen,
  .frontend .dynform.bilder .formularfeld .formularfeldbuttons li.nachoben,
  .frontend .dynform.bilder .formularfeld .formularfeldbuttons li.nachunten,
  .frontend .dynform.bilder .transportgriff,
  .dynform.bilder .formularfeld .formularfeldbuttons li.verschieben {
  display: none;
  }

  .frontend .dynform.bilder .vorschaubild {
  text-align: center;
  cursor: pointer;
  }

  .frontend .dynform.bilder .formularfeld input.textfeld.url {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 2000px;
  height: 100%;
  cursor: pointer;
  }


  .dynform.bilder .formularfeld .formularfeldbuttons li .icon {
  padding: 0;
  }

  .dynform.bilder .formularfeld .formularfeldbuttons li.nachoben .icon:before {
  content: "\f104";
  }

  .dynform.bilder .formularfeld .formularfeldbuttons li.nachunten .icon:before {
  content: "\f105";
  }

  .frontend .dynform.bilder .formularfeld label {
  position: absolute;
  top: auto;
  bottom: 0.1rem;
  width: 100%;
  text-align: center;
 			}


 /******************************************************************************************
 * .dynform.bilder .vorschaubild                              *
 ******************************************************************************************/

  .dynform.bilder .vorschaubild {
  position: relative;
  width: 200px;
  height: 180px;
  overflow: hidden;

  
  user-select: none;
  }

  .dynform.bilder .vorschaubild .bildeigenschaften {
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  margin: 0;
  }

  .dynform.bilder .vorschaubild .bildeigenschaften > .hintergrund {
  background-color: #FCFCFC;
  opacity: 0.85;
  }

  .bildeigenschaften {
  margin: 0 0 0.8rem 0;
  }

  .bildeigenschaften p {
  line-height: 1.2rem;
  padding: 0.2em 0 0.2em 0;
  text-align: center;
  font-size: 0.8rem;
  }

  .og-image-1 .bildeigenschaften p:after,
  .og-image-2 .bildeigenschaften p:after {
  margin-left: 0.4em;
  font-family: 'fontawesome-brands' !important;
  font-weight: 400 !important;
  content: '\f082';
  }

  .dynform.bilder .vorschaubild > .bild,
  .dynform.bilder .vorschaubild .filter,
  .dynform.bilder .vorschaubild .videosymbol {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  }

  .dynform.bilder .vorschaubild .videosymbol {
  bottom: auto;
  left: auto;
  width: 60px !important;
  height: 60px;
  background-color: #FFFFFF;
  opacity: 0.7;
  }

  .dynform.bilder .vorschaubild .videosymbol:before {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0;
  font-size: 30px;
  content: "\f03d";
  color: #333333;
  }

  .dynform.bilder .bildnummer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 196px;
  text-align: center;
  vertical-align: top;
  font-size: 260%;
  opacity: 0.80;
  color: #333333;
  text-shadow: 0px 0px 3px #CCCCCC, -1px -1px #CCCCCC, 1px 1px #CCCCCC;
  }

  .dynform.bilder .vorschaubild:hover .filter,
  .dynform.bilder .vorschaubild.aktiv .filter {
  background-color: #FFECCE;
  opacity: 0.50;
  }

  .dynform.bilder .dialog.bildform .bildeigenschaften {
  margin-bottom: 0.8rem;
  }


  .dynform.bilder .vorschaubild > video {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0 auto 0 auto;
  }
/*!
 * shariff - v3.2.1 - Mon, 27 May 2019 08:23:32 GMT
 * https://github.com/heiseonline/shariff
 * Copyright (c) 2019 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
 * Licensed under the MIT license
 */
.shariff:after,.shariff:before{content:" ";display:table}.shariff:after{clear:both}.shariff ul{padding:0;margin:0;list-style:none}.shariff li{overflow:hidden}.shariff li,.shariff li a{height:35px;-webkit-box-sizing:border-box;box-sizing:border-box}.shariff li a{color:#fff;position:relative;display:block;text-decoration:none}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}.shariff li .fab,.shariff li .far,.shariff li .fas{width:35px;line-height:35px;text-align:center;vertical-align:middle}.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}.shariff .orientation-horizontal li{-webkit-box-flex:1}.shariff .orientation-horizontal .info{-webkit-box-flex:0}.shariff .orientation-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;-webkit-box-flex:0;-ms-flex:none;flex:none;width:35px;margin-right:3%;margin-bottom:10px}.shariff .orientation-horizontal li:last-child{margin-right:0}.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;padding-left:3px}.shariff .orientation-horizontal li .share_count{display:none}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical.button-style-icon{min-width:35px}.shariff .orientation-vertical.button-style-icon-count{min-width:80px}.shariff .orientation-vertical.button-style-standard{min-width:110px}.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}.shariff .orientation-vertical.button-style-icon-count li .share_count,.shariff .orientation-vertical.button-style-standard li .share_count{width:24px;text-align:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%}.shariff .orientation-horizontal.button-style-icon-count li,.shariff .orientation-horizontal.button-style-standard li{min-width:80px}.shariff .orientation-horizontal.button-style-icon-count li .share_count,.shariff .orientation-horizontal.button-style-standard li .share_count{display:block}.shariff .orientation-horizontal.button-style-standard li{width:auto;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li .share_text,.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media only screen and (min-width:640px){.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li .share_text{text-indent:0;display:inline}}@media only screen and (min-width:768px){.shariff .orientation-horizontal.button-style-standard li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}}@media only screen and (min-width:1024px){.shariff li,.shariff li a{height:30px}.shariff li .fab,.shariff li .far,.shariff li .fas{width:30px;line-height:30px}.shariff li .share_count,.shariff li .share_text{line-height:30px}.shariff li .share_count{height:28px}}.shariff .addthis a{background-color:#f8694d}.shariff .addthis a:hover{background-color:#f75b44}.shariff .addthis .fa-plus{font-size:14px}.shariff .addthis .share_count{color:#f8694d;background-color:#f1b8b0}.shariff .theme-white .addthis a{color:#f8694d}@media only screen and (min-width:600px){.shariff .addthis .fa-plus{font-size:14px;position:relative;top:1px}}.shariff .buffer a{background-color:#3a3a3a}.shariff .buffer a:hover{background-color:#555}.shariff .buffer .fa-buffer{font-size:22px}.shariff .buffer .share_count{color:#3a3a3a;background-color:#ddd}.shariff .theme-white .buffer a{color:#3a3a3a}@media only screen and (min-width:600px){.shariff .buffer .fa-buffer{font-size:19px;position:relative;top:1px}}.shariff .diaspora a{background-color:#999}.shariff .diaspora a:hover{background-color:#b3b3b3}.shariff .diaspora .fa-times-circle{font-size:17px}.shariff .theme-white .diaspora a{color:#999}@media only screen and (min-width:600px){.shariff .diaspora .fa-times-circle{font-size:16px}}.shariff .facebook a{background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook-f{font-size:22px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}@media only screen and (min-width:600px){.shariff .facebook .fa-facebook-f{font-size:19px}}.shariff .flattr a{background-color:#7ea352}.shariff .flattr a:hover{background-color:#f67c1a}.shariff .flattr a:hover .share_count{color:#d56308;background-color:#fab47c}.shariff .flattr .fa-money-bill-alt{font-size:22px}.shariff .flattr .share_count{color:#648141;background-color:#b0c893}.shariff .theme-white .flattr a{color:#f67c1a}@media only screen and (min-width:600px){.shariff .flattr .fa-money-bill-alt{font-size:19px}}.shariff .flipboard a{background-color:#e12828}.shariff .flipboard a:hover{background-color:#ff2e2e}.shariff .flipboard .fa-flipboard{font-size:22px}.shariff .theme-white .flipboard a{color:#e12828}@media only screen and (min-width:600px){.shariff .flipboard .fa-flipboard{font-size:19px}}.shariff .info{border:1px solid #ccc}.shariff .info a{color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:20px;width:33px}.shariff .info .share_text{display:block!important;text-indent:-9999px!important}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .orientation-vertical .info{width:35px;float:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important;width:35px;min-width:35px!important}}@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}.shariff .orientation-horizontal .info{width:25px;min-width:25px!important}.shariff .orientation-vertical .info{width:25px}}.shariff .linkedin a{background-color:#0077b5}.shariff .linkedin a:hover{background-color:#0369a0}.shariff .linkedin .fa-linkedin-in{font-size:22px}.shariff .linkedin .share_count{color:#004785;background-color:#33aae8}.shariff .theme-white .linkedin a{color:#0077b5}@media only screen and (min-width:600px){.shariff .linkedin .fa-linkedin-in{font-size:19px}}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:21px}.shariff .theme-white .mail a{color:#999}@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}}.shariff .print a{background-color:#999}.shariff .print a:hover{background-color:#a8a8a8}.shariff .print .fa-print{font-size:21px}.shariff .theme-white .print a{color:#999}@media only screen and (min-width:600px){.shariff .print .fa-print{font-size:18px}}.shariff .pinterest a{background-color:#bd081c}.shariff .pinterest a:hover{background-color:#d50920}.shariff .pinterest .fa-pinterest-p{font-size:22px}.shariff .pinterest .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .pinterest a{color:#bd081c}@media only screen and (min-width:600px){.shariff .pinterest .fa-pinterest-p{font-size:19px;position:relative;top:1px}}.shariff .pocket a{background-color:#ef4056}.shariff .pocket a:hover{background-color:#ff5066}.shariff .pocket .fa-get-pocket{font-size:22px}.shariff .theme-white .pocket a{color:#ef4056}@media only screen and (min-width:600px){.shariff .pocket .fa-get-pocket{font-size:19px}}.shariff .reddit a{background-color:#ff4500}.shariff .reddit a:hover{background-color:#ff6a33}.shariff .reddit .fa-reddit{font-size:17px}.shariff .theme-white .reddit a{color:#ff4500}@media only screen and (min-width:600px){.shariff .reddit .fa-reddit{font-size:16px}}.shariff .stumbleupon a{background-color:#eb4924}.shariff .stumbleupon a:hover{background-color:#ef7053}.shariff .stumbleupon .fa-stumbleupon{font-size:17px}.shariff .theme-white .stumbleupon a{color:#eb4924}@media only screen and (min-width:600px){.shariff .stumbleupon .fa-stumbleupon{font-size:16px}}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:28px}.shariff .twitter .share_count{color:#0174a4;background-color:#96d4ee}.shariff .theme-white .twitter a{color:#55acee}@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:28px}.shariff .theme-white .whatsapp a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}}.shariff .xing a{background-color:#126567}.shariff .xing a:hover{background-color:#29888a}.shariff .xing .fa-xing{font-size:22px}.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}.shariff .theme-white .xing a{color:#126567}@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}}.shariff .tumblr a{background-color:#36465d}.shariff .tumblr a:hover{background-color:#44546b}.shariff .tumblr .fa-tumblr{font-size:28px}.shariff .theme-white .tumblr a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .tumblr .fa-tumblr{font-size:22px}}.shariff .threema a{background-color:#333}.shariff .threema a:hover{background-color:#1f1f1f}.shariff .threema .fa-lock{font-size:28px}.shariff .theme-white .threema a{color:#333}@media only screen and (min-width:600px){.shariff .threema .fa-lock{font-size:22px}}.shariff .weibo a{background-color:#f56770}.shariff .weibo a:hover{background-color:#fa7f8a}.shariff .weibo .fa-weibo{font-size:28px}.shariff .weibo .share_count{color:#0174a4;background-color:#f56770}.shariff .theme-white .weibo a{color:#f56770}@media only screen and (min-width:600px){.shariff .weibo .fa-weibo{font-size:24px}}.shariff .tencent-weibo a{background-color:#26ace0}.shariff .tencent-weibo a:hover{background-color:#38bbeb}.shariff .tencent-weibo .fa-tencent-weibo{font-size:28px}.shariff .tencent-weibo .share_count{color:#0174a4;background-color:#26ace0}.shariff .theme-white .tencent-weibo a{color:#26ace0}@media only screen and (min-width:600px){.shariff .tencent-weibo .fa-tencent-weibo{font-size:24px}}.shariff .telegram a{background-color:#08c}.shariff .telegram a:hover{background-color:#007dbb}.shariff .telegram .fa-telegram{font-size:28px}.shariff .theme-white .telegram a{color:#08c}@media only screen and (min-width:600px){.shariff .telegram .fa-telegram{font-size:22px}}.shariff .qzone a{background-color:#2b82d9}.shariff .qzone a:hover{background-color:#398fe6}.shariff .qzone .fa-qq{font-size:28px}.shariff .qzone .share_count{color:#0174a4;background-color:#2b82d9}.shariff .theme-white .qzone a{color:#2b82d9}@media only screen and (min-width:600px){.shariff .qzone .fa-qq{font-size:24px}}.shariff .vk a{background-color:#5d7fa4}.shariff .vk a:hover{background-color:#678eb4}.shariff .vk .fa-vk{font-size:22px}.shariff .vk .share_count{color:#55677d;background-color:#fff}.shariff .theme-white .vk a{color:#3b5998}@media only screen and (min-width:600px){.shariff .vk .fa-vk{font-size:19px}}



/*
.shariff > ul { justify-content: center; -webkit-justify-content: center; }
.shariff .theme-standard a *,.shariff .theme-standard a:hover *,.shariff .theme-standard a:visited *,
.shariff .theme-grey a *,.shariff .theme-grey a:hover *,.shariff .theme-grey a:visited *,.shariff-button span.fab:before { font-weight:400 !important; font-family: 'Font Awesome 5 Brands' !important; }
.shariff .theme-standard a *,.shariff .theme-grey a * { color:#FFFFFF; }
.shariff .shariff-button a { line-height: 1.2em; vertical-align: middle; }
.shariff .shariff-button a > span { margin-left: 0.2em; }
*/


.shariff > ul { justify-content: center; -webkit-justify-content: center; }
.shariff-button span.fa:before, .shariff-button span.fab:before { font-weight:400 !important; font-family: 'fontawesome-brands' !important; }
.shariff .theme-standard a *,.shariff .theme-grey a * { color:#FFFFFF; }
.shariff .shariff-button a { line-height: 1.2em; vertical-align: middle; }
.shariff .shariff-button a > span { margin-left: 0.2em; }


.fa-facebook-f:before {
 content: "\f39e"; }

.fa-twitter:before {
 content: "\e61b"; }

.fa-square-twitter:before {
 content: "\f081"; }

.fa-twitter-square:before {
 content: "\f081"; }

.fa-linkedin:before {
 content: "\f08c"; }

.fa-linkedin-in:before {
 content: "\f0e1"; }

.fa-whatsapp:before {
 content: "\f232"; }

.fa-pinterest-p:before {
 content: "\f231"; }

.fa-square-pinterest:before {
 content: "\f0d3"; }

.fa-pinterest-square:before {
 content: "\f0d3"; }

.fa-xing:before {
 content: "\f168"; }

.fa-telegram:before {
 content: "\f2c6"; }

.fa-telegram-plane:before {
 content: "\f2c6"; }


 /******************************************************************************************
 *                       *
 * 10.06.2025 22:13 (c) atimedia, www.atimedia.de          *
 *                       *
 ******************************************************************************************/


 /******************************************************************************************
 * Reset                     *
 ******************************************************************************************/

 
 
 /******************************************************************************************
 *            *
 * 06.06.2025 15:41 CMS         *
 *            *
 ******************************************************************************************/


 /******************************************************************************************
 * Diverse Elemente         *
 ******************************************************************************************/
 
 
 
 /******************************************************************************************
 *      *
 * 10.07.2025 20:32 CMS     *
 *      *
 ******************************************************************************************/


 /******************************************************************************************
 * -      *
 ******************************************************************************************/

 body {
 overflow-x: hidden;
 }


 
 .fokus {
 outline: 1px solid red; 
 }


 /******************************************************************************************
 * Schriftgrösse     *
 ******************************************************************************************/

 html {
 font-size: 17px; 
 }

 
 @media (max-width: 600px) {

 html {
 font-size: 90%;
 }

 }


 /******************************************************************************************
 * Zurücksetzen der Standard-Elemente    *
 ******************************************************************************************/

 /* */
 body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 input, select, textarea {
 padding: 0;
 text-align: left;
 border: none;
 box-sizing: border-box;
 font-size: 1rem;
 }
 /* */

 a, em, span, strong, sup {
 font-size: inherit;
 color: inherit;
 }


 /******************************************************************************************
 * Diverse Elemente     *
 ******************************************************************************************/

 
 .modul-bildergalerie > .datensatz.ohnetext > .rahmen > .daten {
 display: none;
 margin: 0;
 }

 
 .modul-login.modul-bearbeiten .buttons.logout {
 display: none;
 }


 /******************************************************************************************
 * #abstandzuminhalt     *
 ******************************************************************************************/

 /* #bildbalken hinter #kopf, fixiert */
 
 body.bb-pos-2.bb-scroll-2 #abstandzuminhalt {
 height: 0%;
 }


 /******************************************************************************************
 * .bewertung     *
 ******************************************************************************************/

 .bewertung .stern {
 display: inline-block;
 color: #CCCCCC;
 }

 form .bewertung .stern {
 font-size: 2rem;
 cursor: pointer;
 }

 .bewertung .stern:before {
 content: '\f005';
 color: inherit;
 }

 .bewertung.wert-1 .stern-1,

 .bewertung.wert-2 .stern-1,
 .bewertung.wert-2 .stern-2,

 .bewertung.wert-3 .stern-1,
 .bewertung.wert-3 .stern-2,
 .bewertung.wert-3 .stern-3,

 .bewertung.wert-4 .stern-1,
 .bewertung.wert-4 .stern-2,
 .bewertung.wert-4 .stern-3,
 .bewertung.wert-4 .stern-4,

 .bewertung.wert-5 .stern {
 color: #FFCC66;
 }


 /******************************************************************************************
 * #bildbalken     *
 ******************************************************************************************/

 #bildbalken {
 position: relative;
 width: 100%;
 margin: 0 auto 0 auto;
 text-align: center;
 overflow: hidden;
 z-index: 21;
 }

 
 #bildbalken.position2 {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 z-index: auto;
 }

 
 body.bb-scroll-2 #bildbalken {
 position: fixed;
 top: 0;
 right: 0;
 bottom: auto;
 left: 0;
 }

 
 body.bildbalken0 #bildbalken {
 display: none;
 }


 #bildbalken > .rahmen {
 height: 100%;
 }

 #bildbalken > .hintergrund,
 #bildbalken > .rahmen > .hintergrund {
 
 }

 #bildbalken > .filter1,
 #bildbalken .modul-bildbalken .galerie .detailbilder .bilder .bild .filter1 {
 
 
 }

 #bildbalken .modul-bildbalken,
 #bildbalken .modul-bildbalken .galerie,
 #bildbalken .modul-bildbalken .galerie .detailbilder,
 #bildbalken .modul-bildbalken .galerie .detailbilder .bilder {
 height: 100%;
 }


 /******************************************************************************************
 * #bildbalken - Viewport schmal oder mobil   *
 ******************************************************************************************/

 
 @media (max-width: 1050px) {

 
 body.bb-pos-1.kopf-pos-1 #bildbalken,
 
 body.bb-pos-0.kopf-pos-1 #bildbalken {
 
 padding: 44px 0 0 0;
 }

 /* #bildbalken zwischen #kopf und #inhalt */
 body.bb-pos-0.kopf-pos-0 #bildbalken {
 
 
 padding-top: 44px;
 }

 }


 /* #bildbalken wischen #kopf und #inhalt */
 body.browser_mobile.bb-pos-0.kopf-pos-0 #bildbalken {
 
 
 padding-top: 44px;
 }


 /* #bildbalken vor (über) #kopf */
 body.browser_mobile.bb-pos-1.kopf-pos-1 #bildbalken,
 
 body.browser_mobile.bb-pos-0.kopf-pos-1 #bildbalken {
 
 padding: 44px 0 0 0;
 }


 /******************************************************************************************
 * #bildbalken     *
 ******************************************************************************************/

 
 @media (min-width: 1050px) {

 body.browser_desktop.bb-pos-0.kopf-pos-0 #bildbalken {
 
 padding: 70px 0 0 0;
 }

 body.browser_desktop.bb-pos-0.kopf-pos-0.vertikalgescrollt #bildbalken {
 
 padding: 44px 0 0 0;
 }

 }

 body.bb-bmodus-1 #bildbalken > .rahmen {
 width: 1000px;
 max-width: 100%;
 margin: 0 auto 0 auto;
 }

 @media (max-width: 1050px) {

 body.bb-bmodus-1 #bildbalken > .rahmen,
 #bildbalken .galerie .detailbilder .bilder .bild .text {
 width: 98%;
 margin-left: 1%;
 }

 }


 
 #kopf #bildbalken .modul-bildbalken > .datensatz {
 height: 100%;
 }


 /******************************************************************************************
 * #bildbalken / #inhalt     *
 ******************************************************************************************/

 
 body.bildbalken0.kopf-pos-0 #inhalt {
 padding-top: 44px;
 }

 
 @media (min-width: 1050px) {

 
 body.bildbalken0.kopf-pos-0 #inhalt {
 padding-top: 70px;
 }

 
 body.bildbalken1 #inhalt > .rahmen {
 top: -;
 /*
 right: -;
 left: -;
 */
 }

 }

 @media (max-width: 1050px) {

 
 body.bildbalken0.kopf-pos-1 #inhalt {
 margin-top: 44px;
 padding-top: 1.2rem;
 }

 }

 
 body.browser_mobile.bildbalken0.kopf-pos-1 #inhalt {
 margin-top: 44px;
 padding-top: 1.2rem;
 }


 /******************************************************************************************
 * #bildbalken - hinter #kopf    *
 ******************************************************************************************/

 /* #bildbalken nicht fixiert */
 body.bb-pos-2.bb-scroll-0 #bildbalken,
 body.bb-pos-2.bb-scroll-1 #bildbalken {
 position: relative;
 }

 
 body.bb-pos-2.kopf-pos-1 #bildbalken {
 margin-top: -70px;
 }

 body.bb-pos-2 #bildbalken {
 z-index: 1;
 }

 body.bb-pos-2 #bildbalken .galerie {
 z-index: 21;
 }


 /******************************************************************************************
 * #bildbalken - in #kopf     *
 ******************************************************************************************/

 /* #bildbalken nicht fixiert */
 body.bb-pos-5.bb-scroll-0 #bildbalken,
 body.bb-pos-5.bb-scroll-1 #bildbalken {
 position: absolute;
 height: 100%;
 }

 
 body.bb-pos-5.kopf-pos-1 #bildbalken {
 }

 body.bb-pos-5 #bildbalken {
 z-index: 1;
 }

 body.bb-pos-5 #bildbalken .galerie {
 z-index: 21;
 }


 /******************************************************************************************
 * #bildbalken .galerie .text (innen)    *
 ******************************************************************************************/

 #bildbalken .galerie.bildtext-2 .bilder .bild > .text,
 #bildbalken .galerie.bildtext-3 .bilder .bild > .text {
 right: 0;
 left: 0;
 width: auto;
 margin: 0;
 padding: 0;
 text-align: left;
 }

 #bildbalken .galerie.bildtext-2 .bilder .bild > .text,
 #bildbalken .galerie.bildtext-3 .bilder .bild > .text {
 width: 1000px;
 max-width: 100%;
 margin: 0 auto 0 auto;
 padding: 0;
 }

 @media (max-width: 1000px) {

 #bildbalken .galerie.bildtext-2 .bilder .bild > .text,
 #bildbalken .galerie.bildtext-3 .bilder .bild > .text {
 width: 100%;
 }

 }

 #bildbalken .galerie.bildtext-2 .bilder .bild > .text,
 #bildbalken .galerie.bildtext-3 .bilder .bild > .text {
 display: inline-block;
 padding: 1.0em;
 }

 #bildbalken .galerie .bilder .bild > .text > .rahmen {
 margin-left: 1rem;
 }


 /******************************************************************************************
 * #bildbalken .blende     *
 ******************************************************************************************/

 
 #bildbalken.blende1 > .blende {
 display: block;
 position: absolute;
 top: auto;
 bottom: 0;
 width: 100%;
 height: 12%;
 background: transparent url('//www.csu-oberpframmern.de//cms/lib/bilder/keil.png') left bottom no-repeat;
 background-size: 100% 100% !important;
 z-index: 999;
 }


 /******************************************************************************************
 * #bildbalken .modul-bildbalken .datensatz .text   *
 ******************************************************************************************/

 #bildbalken .modul-bildbalken .datensatz > .text {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 z-index: 99;
 }


 /******************************************************************************************
 * #cookiehinweis     *
 ******************************************************************************************/

 #cookiehinweis {
 position: fixed;
 top: auto;
 bottom: 0;
 left: 0;
 width: 100%;
 height: auto;
 margin: 0 auto 0 auto;
 text-align: center;
 
 font-size: 0;
 line-height: 0;
 z-index: 9899;
 }

 @media print {

 #cookiehinweis {
 display: none;
 }

 }

 body.prinfo-2 #cookiehinweis {
 bottom: 4.4rem;
 }

 #cookiehinweis > .rahmen > .hintergrund {
 background-color: #FFF5E9;
 opacity: 0.85;
 }

 #cookiehinweis > .rahmen {
 display: inline-block;
 width: auto;
 margin: 0 auto 0 auto;
 text-align: center;
 }

 #cookiehinweis > .rahmen p {
 display: block;
 line-height: 1.3em;
 padding: 0.6em;
 text-align: center;
 font-size: 0.8rem !important;
 font-weight: normal;
 color: #333333;
 }

 #cookiehinweis > .rahmen a {
 font-size: inherit;
 font-weight: inherit;
 color: #007DBD;
 }

 #cookiehinweis .button {
 height: auto;
 margin: 0 0 0 0.4rem !important;
 vertical-align: middle;
 /*
 border-radius: 0;
 */
 }

 #cookiehinweis .button > .text {
 padding: 0.1em 1.0em 0.1em 1.0em;
 font-size: 0.8rem;
 }


 /******************************************************************************************
 * #fuss      *
 ******************************************************************************************/

 #fuss {
 z-index: 31;
 }

 #fuss .navigation > ul.cms_baumstruktur > li,
 #fuss .navigation > ul.cms_baumstruktur.horizontal > li {
 display: block;
 }

 #fuss .navigation > ul.cms_baumstruktur > li ul {
 margin-left: 0.6rem;
 }


 /******************************************************************************************
 * .modul-liste.moduldbtab-gaestebuch    *
 ******************************************************************************************/

 .modul-liste.moduldbtab-gaestebuch .datensatz .titel .autor,
 .modul-liste.moduldbtab-gaestebuch .datensatz .titel .link {
 margin: 0 0 0 0.6em;
 }


 /******************************************************************************************
 * .gaestebuchform     *
 ******************************************************************************************/

 .gaestebuchform {
 max-width: 600px;
 margin: 0 auto;
 }


 /******************************************************************************************
 * #hintergrundbilder     *
 ******************************************************************************************/

 #hintergrundbilder {
 z-index: 11;
 }


 /******************************************************************************************
 * #inhalt      *
 ******************************************************************************************/

 #inhalt {
 bottom: auto;
 z-index: 41;
 }


 /******************************************************************************************
 * #konsempf - Konsum-Empfehlungen    *
 ******************************************************************************************/

 .konsempfhinweis {
 display: flex;
 }

 .konsempfhinweis:before {
 margin-right: 0.4em !important;
 content: '\f164';
 }

 .konsempfhinweis p,
 .konsempfhinweis:before {
 line-height: 1.3rem;
 font-size: 0.7rem;
 font-weight: 300;
 }

 .konsempfhinweis:before {
 opacity: 0.8;
 			}


 /******************************************************************************************
 * .konsempf     *
 ******************************************************************************************/

 .konsempf.datensatz {
 position: relative;
 /*
 margin-right: 3%;
 */
 margin-bottom: 0;
 }

 .konsempf.datensatz > .rahmen {
 flex-flow: column;
 }

 .liste.modul-konsempf .datensatz > .hintergrund {
 background-color: transparent !important;
 			}
/*
 .liste.modul-konsempf.anzahl-1 .datensatz {
 width: 100%;
 margin-right: 0;
 }

 .liste.modul-konsempf.spalten-3.anzahl-3 .datensatz {
 width: 31.2%;
 }

 .liste.modul-konsempf.spalten-3.anzahl-3 .datensatz.datensatz3 {
 margin-right: 0;
 }

 .liste.modul-konsempf .datensatz .galerie {
 margin: 0;
		 	}
*/

 .konsempf.ohnebilder.mitlinks > .hintergrund {
 background-color: #00CC00 !important;
 opacity: 0.05;
 }

 .konsempf.ohnebilder.mitlinks > .rahmen {
 padding: 0.4em;
 }

 .konsempf.ohnebilder.mitlinks .links .linkurl {
 margin-bottom: 0.4em;
 }

 .konsempf.ohnebilder.mitlinks .links .linkurl.ende {
 margin-bottom: 0;
 }


 /******************************************************************************************
 * .modul-gaestebuch     *
 ******************************************************************************************/

 .liste.modul-gaestebuch .datensatz .titel {
 margin-bottom: 0.4rem;
 }

 .liste.modul-gaestebuch .datensatz .datum {
 margin: 0 0 0 0.6em;
 }

 .liste.modul-gaestebuch .datensatz .datum,
 .liste .modul-gaestebuch.datensatz .uhrzeit {
 font-weight: normal;
 }

 .liste.modul-gaestebuch .datensatz .uhrzeit {
 display: none;
 }

 .liste.modul-gaestebuch .datensatz .galerie {
 margin-top: 1rem;
 }


 /******************************************************************************************
 * .modul-newsletter     *
 ******************************************************************************************/

 .modul-newsletter > .datensatz > .rahmen {
 max-width: 600px;
 margin: 0 auto 0 auto;
 }

 .modul-newsletter > .datensatz > .rahmen .textfelder > .textfeld {
 margin: 0 0 2.4rem 0;
			 }


 /******************************************************************************************
 * #rahmen      *
 ******************************************************************************************/

 #rahmen {
 max-width: 100%;
 min-height: 100%;
 }

 #hintergrundbilder > .rahmen,
 #fuss > .rahmen,
 #inhalt > .rahmen,
 #kopf > .rahmen,
 #statusleiste > .rahmen { 
 position: relative;
 width: 100%;
 margin: 0 auto 0 auto;
 max-width: 1000px;
 }

 #hintergrundbilder > .rahmen {
 max-width: 100%;
 }

 
 @media (max-width: 1000px) {

 #rahmen {
 overflow: hidden;
 }

 #fuss > .rahmen,
 #inhalt > .rahmen,
 #kopf > .rahmen,
 #statusleiste > .rahmen { 
 width: 98%;
 margin-left: 1%;
 }

 }

 #rahmen.ausrichtungx1 #fuss > .rahmen,
 #rahmen.ausrichtungx1 #inhalt > .rahmen,
 #rahmen.ausrichtungx1 #kopf > .rahmen {
 margin-left: 0;
 }

 #rahmen.ausrichtungx2 #fuss > .rahmen,
 #rahmen.ausrichtungx2 #inhalt > .rahmen,
 #rahmen.ausrichtungx2 #kopf > .rahmen {
 margin-right: 0;
 }


 /******************************************************************************************
 * #seitenleiste     *
 ******************************************************************************************/

 #seitenleiste {
 /*
 display: inline-block;
 */
 display: none;
 position: relative;
 width: 0;
 min-width: 0;
 min-height: 0;
 /*
 min-height: 100vh;
 */
 z-index: 45;
 }

 
 @media (max-width: 1050px) {

 #seitenleiste {
 display: none;
 }

 }


 /******************************************************************************************
 * .shariff     *
 ******************************************************************************************/

 .shariff .theme-buttons .shariff-button {
 
 
 
 
 }

 .shariff .theme-buttons .shariff-button a {
 line-height: 1.2em;
 vertical-align: middle;
 }


 
 .shariff.buttonlayout-1 .theme-buttons .shariff-button a {
 text-align: center;
 }

 
 .shariff.buttonlayout-1 .shariff-button a > span {
 margin: 0;
 }


 .shariff .theme-buttons .shariff-button a:link,
 .shariff .theme-buttons .shariff-button a:visited {
 background-color: #007DBD !important;
 }

 .shariff .theme-buttons .shariff-button a span {
 color: #FAFAFA !important;
 }

 .shariff .theme-buttons .shariff-button a:hover {
 background-color: #666666 !important;
 }

 .shariff .theme-buttons .shariff-button a:hover span {
 color: transparent !important;
 }


 
 .dunkelhell-1 .shariff .theme-buttons .shariff-button a:link,
 .dunkelhell-1 .shariff .theme-buttons .shariff-button a:visited {
 background-color: #007DBD !important;
 }

 .dunkelhell-1 .shariff .theme-buttons .shariff-button a span {
 
 }

 .dunkelhell-1 .shariff .theme-buttons .shariff-button a:hover {
 background-color: #444444 !important;
 }

 .dunkelhell-1 .shariff .theme-buttons .shariff-button a:hover span {
 
 }


 
 @media (prefers-color-scheme: dark) {

 .dunkelhell-2 .shariff .theme-buttons .shariff-button a:link,
 .dunkelhell-2 .shariff .theme-buttons .shariff-button a:visited {
 background-color: #007DBD !important;
 }

 .dunkelhell-2 .shariff .theme-buttons .shariff-button a span {
 
 }

 .dunkelhell-2 .shariff .theme-buttons .shariff-button a:hover {
 background-color: #444444 !important;
 }

 .dunkelhell-2 .shariff .theme-buttons .shariff-button a:hover span {
 
 }

			 }
 
 
 
 /******************************************************************************************
 *      *
 * 08.02.2025 09:57 CMS     *
 *      *
 ******************************************************************************************/


 /******************************************************************************************
 * Reset      *
 ******************************************************************************************/

 
 
 /******************************************************************************************
 *   *
 * 11.07.2025 17:11 CMS   *
 *   *
 ******************************************************************************************/


 /******************************************************************************************
 * #kopf   *
 ******************************************************************************************/

 #kopf {
 position: absolute;
 top: 0;
 right: 0;
 bottom: auto;
 left: 0;
 width: auto;
 height: 70px;
 min-height: ;
 text-align: center;
 overflow: visible !important;
 z-index: 51;
 }

 
 body.browser_desktop.kopf-pos-1 #kopf,
 body.browser_desktop.bb-pos-1 #kopf {
 position: relative;
 }

 
 body.browser_mobile.kopf-pos-1 #kopf,
 body.kopf-pos-0 #kopf {
 position: fixed;
 }


 body.kopf-pos-1 #kopf,
 body.bb-pos-1 #kopf {
 position: relative;
 }

 
 body.kopf-pos-0 #kopf {
 position: fixed;
 }


 /* #bildbalken hinter dem Kopf, Kopf-Inhalt über dem Bildbalken */
 body.bb-pos-2 #kopf > .rahmen {
 z-index: 61;
 }

 
 body.vertikalgescrollt #kopf {
 height: 44px;
 }

 
 body.browser_mobile #kopf {
 position: fixed;
 height: 44px;
 }

 @media (max-width: 1050px) {

 #kopf,
 body.kopf-pos-1 #kopf,
 body.bb-pos-1 #kopf {
 position: fixed;
 }

 #kopf,
 body.vertikalgescrollt #kopf,
 body.browser_mobile #kopf {
 height: 44px;
 }
 /*
 #kopf > .hintergrund {
 background-color: #FFFFFF !important;
 }
 */
 }

 #rahmen > .hintergrund.kopf {
 height: 70px;
 }


 #kopf .rahmen,
 #kopf .inhalt,
 #kopf .navigation1 {
 position: relative;
 height: 100%;
 text-align: center;
 }

 #kopf > .rahmen,
 #kopf > .rahmen > .boxen {
 position: relative;
 height: 100%;
 margin: 0 auto 0 auto;
 text-align: center;
 }

 #kopf > .rahmen > .boxen {
 display: flex;
 flex-flow: row wrap;
 justify-content: flex-start;
 			}


 /******************************************************************************************
 * #kopf Buttons   *
 ******************************************************************************************/

 
 #kopf .button .icon,
 #kopf .buttons .icon {
 display: inline-flex;
 }

 #kopf .button .text,
 #kopf .buttons .text {
 display: none;
 }

 
 @media (min-width: 650px) {

 #kopf .button .icon,
 #kopf .buttons .icon {
 display: none;
 }

 #kopf .button .text,
 #kopf .buttons .text {
 display: inline-flex;
 }

 			}


			#kopf .inhalt > .button .hintergrund,
			#kopf .inhalt > .buttons .hintergrund {
				background-color: transparent;
				}


 /******************************************************************************************
 * .kopfbox   *
 ******************************************************************************************/

 .kopfbox {
 display: inline-flex;
 flex: 0 1 auto;
 position: relative;
 width: auto;
 height: 100%;
 }

 .kopfbox .inhalt {
 width: 100%;
 }

 .kopfbox > .rahmen,
 .kopfbox > .rahmen > .inhalt {
 display: inline-flex;
 align-items: center;
 overflow: visible;
 }


 /******************************************************************************************
 * #kopfbox1 - Logo   *
 ******************************************************************************************/

 #kopfbox1 {
 flex: 1 1;
 order: 2;
 z-index: 41;
 			}


 /******************************************************************************************
 * #kopfbox2 .navigation1   *
 ******************************************************************************************/

 #kopfbox2 {
 display: none;
 flex: 1 0;
 order: 10;
 
 z-index: 42;
 }
 
 #kopfbox2,
 #kopfbox2 > .rahmen {
 overflow: visible;
 }

 #kopfbox2 > .rahmen > .inhalt {
 width: 100%;
 }

 @media (min-width: 1050px) {

 body.browser_desktop #kopfbox2 {
 display: inline-flex;
 }

 }


 /******************************************************************************************
 * #kopfbox2 .navigation1   *
 ******************************************************************************************/

 
 #kopf.naviausrichtung-0 #kopfbox2 > .rahmen > .inhalt {
 justify-content: left;
 text-align: left;
 }

 
 #kopf.naviausrichtung-1 #kopfbox2 > .rahmen > .inhalt {
 justify-content: right;
 text-align: right;
 }

 
 #kopf.naviausrichtung-2 #kopfbox2 > .rahmen > .inhalt {
 justify-content: center;
 text-align: center;
 }


 
 #kopf.naviausrichtung-3 #kopfbox2 > .rahmen > .inhalt > .navigation1 {
 width: 100%;
 }

 #kopf.naviausrichtung-3 #kopfbox2 > .rahmen > .inhalt > .navigation1 .cms_baumstruktur {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 }

 #kopfbox2 > .rahmen > .inhalt > .navigation1 ul,
 #kopfbox2 > .rahmen > .inhalt > .navigation1 ul.ebene1 > li {
 display: flex;
 /*
 align-items: center;
 */
 height: 100%;
 }

 #kopfbox2 > .rahmen > .inhalt > .navigation1 ul.ebene1 > li {
 
 display: inline-block;
			 }

 /*
 #kopfbox2 > .rahmen > .inhalt > .navigation1 ul.ebene2 {
 top: ;
 			}
 */

 /******************************************************************************************
 * #kopfbox3 .button.fonnavi  *
 ******************************************************************************************/

 #kopfbox3 > .rahmen > .inhalt {
 height: 100%;
 }

 
 #kopfbox3 .button.fonnavi {
 line-height: normal;
 border-radius: 0;
 }

 

 
 @media (min-width: 600px) {

 
 body.fonnavioeffnertext-0 #kopfbox3 .button.fonnavi .text {
 display: none;
 }

 
 body.fonnavioeffnertext-0 #kopfbox3 .button.fonnavi .icon {
 display: inline-flex;
 }

 
 body.fonnavioeffnertext-1 #kopfbox3 .button.fonnavi .text {
 display: inline-flex;
 }

 
 body.fonnavioeffnertext-1 #kopfbox3 .button.fonnavi .icon {
 display: none;
 }

 }

 /*
 #kopfbox3 .button.fonnavi .text:before {
 margin-right: 0.2em;
 }
 */

 /******************************************************************************************
 * #kopfbox6 .schnellsuche   *
 ******************************************************************************************/

 #kopfbox6 {
 order: 6;
 flex: 0 1 1px;
 max-width: 25%;
 margin: 0 0 0 auto;
 			}

 #kopfbox6 .inhalt {
 justify-content: flex-end;
 }

 

 /*
 #kopfbox6 {
 position: absolute;
 display: inline-block;
 top: 0;
 right: 0;
 bottom: auto;
 left: auto;
 width: auto;
 min-width: min-content;
 max-width: 200px;
 height: 100%;
 }
 * /
 #kopfbox6 > .rahmen,
 #kopfbox6 > .rahmen > .inhalt {
 height: 70px;
 line-height: 70px;
 vertical-align: middle;
 font-size: 0;
 }

 / * vertikal gescrollt * /
 body.vertikalgescrollt #kopfbox6 > .rahmen,
 body.vertikalgescrollt #kopfbox6 > .rahmen > .inhalt {
 height: 44px;
 line-height: 44px;
 }

 / * mobil * /
 body.browser_mobile #kopfbox6 > .rahmen,
 body.browser_mobile #kopfbox6 > .rahmen > .inhalt,
 body.browser_mobile.vertikalgescrollt #kopfbox6 > .rahmen,
 body.browser_mobile.vertikalgescrollt #kopfbox6 > .rahmen > .inhalt{
 height: 44px;
 line-height: 44px;
 }

 / * Viewport schmal/mobil * /
 @media (max-width: 1050px) {

 #kopfbox6 > .rahmen,
 #kopfbox6 > .rahmen > .inhalt,
 body.vertikalgescrollt #kopfbox6 > .rahmen,
 body.vertikalgescrollt #kopfbox6 > .rahmen > .inhalt,
 body.browser_mobile #kopfbox6 > .rahmen,
 body.browser_mobile #kopfbox6 > .rahmen > .inhalt {
 height: 44px;
 line-height: 44px;
 }

 }
*/
 #kopfbox6 form.schnellsucheform {
 
 display: inline-flex;
 align-items: center;
 min-width: 100px;
 padding: 0;
 vertical-align: middle;
 }
/* */

 #kopfbox6 .button.suchdialog {
 margin: 0;
 }

 #kopfbox6 .button.suchdialog .icon {
 padding: 0 0.4rem 0 0.4rem;
			 }


 /******************************************************************************************
 * #kopfbox10 .dunkelhell   *
 ******************************************************************************************/

 #kopfbox10 {
 order: 5;
 }


 /******************************************************************************************
 * #kopfbox11 .navipfad   *
 ******************************************************************************************/

 /* [1700][height] = Höhe von #kopfbox11 in Administration / Thema */

 #kopfbox11 {
 flex: 1 0 100%;
 order: 11;
 height: auto;
 z-index: 41;
 			}

 
 body.inhaltid_startseite #kopfbox11 {
 display: none;
 }

 #kopfbox11 > .rahmen {
 width: auto;
 padding: 0.6rem 0.4rem 0.6rem 0;
 }


 /******************************************************************************************
 * #kopf      *
 ******************************************************************************************/
 /*
 #kopf {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: 70px;
 text-align: center;
 overflow: visible !important;
 z-index: 51;
 }
*/
 /* * /
 .kopfbox {
 display: flex;
 flex: 0 1 1%;
 justify-content: space-between;
 max-width: none;
 /* * /
 outline: 1px solid #FF0000;
 /* * /
 }

 .kopfbox > .rahmen,
 .kopfbox > .rahmen > .inhalt {
 display: inline-flex;
 }
 /* */


 /******************************************************************************************
 * #kopfbox3 .fonnavi     *
 ******************************************************************************************/

 #kopfbox3 {
 flex: 0 1 auto;
 order: 0;
 			}

 #kopfbox3 > .rahmen {
 align-items: stretch;
 font-size: 0;
 }

 
 #kopfbox3 .button.fonnavi .text:before {
 font-size: inherit;
 }

 #kopfbox3 .button.fonnavi .icon {
 padding-top: 0;
 padding-bottom: 0;
 }


 /******************************************************************************************
 * #kopfbox4 .sprachwahl     *
 ******************************************************************************************/

 
 @media (max-width: 450px) {

 #kopfbox4 .buttons.sprachwahl .text {
 display: none;
 }

 #kopfbox4 .buttons.sprachwahl .text.kuerzel {
 display: inline-block;
 }

 }


 /******************************************************************************************
 * #kopfbox6 .schnellsuche     *
 ******************************************************************************************/
/*
 #kopfbox6 {
 order: 6;
 flex: 1 0;
 			}

 / * Viewport schmal * /
 @media (max-width: 450px) {

 #kopfbox6 .button.suchdialog .text {
 display: none;
 }

 #kopfbox6 .button.suchdialog .icon {
 display: inline-flex;
 }

 }
*/

 /******************************************************************************************
 * #kopfbox8 .warenkorb     *
 ******************************************************************************************/

 #kopfbox8 {
 flex: 0 1;
 order: 5;
 margin-right: 2rem;
 			}

 .feldvorbelegung,
 input,
 textarea {
 hyphens: manual;
 }

 .buttons.sozialelinks li.text1591 .text,
 .buttons.sozialelinks li.text1591 .icon:before {
 font-family: 'Sulphurpoint', 'verdana', 'arial' !important;
 text-transform: lowercase;
 }

 .buttons.sozialelinks li.text1591 .icon:before {
 line-height: 1.1em;
 font-weight: 300 !important;
 content: "am";
 }

 
 /******************************************************************************************
 * #bildbalken          *
 ******************************************************************************************/
 
 
 body.browser_mobile #bildbalken {
 margin-top: 44px;
 }
 
 body.browser_mobile #bildbalken > .rahmen,
 body.browser_mobile.bb-bmodus-1 #bildbalken > .rahmen {
 width: 100%;
 margin-right: 0;
 margin-left: 0;
 }
 
 
 @media (max-width: 1050px) {
 
 
 body.browser_desktop #bildbalken {
 margin-top: 44px;
 }
 
 #bildbalken > .rahmen,
 body.bb-bmodus-1 #bildbalken > .rahmen {
 width: 100%;
 margin-right: 0;
 margin-left: 0;
 }
 
 }
 
 
 /******************************************************************************************
 * #bildbalken .text (innen)        *
 ******************************************************************************************/
 
 #bildbalken .galerie .bilder .bild {
 text-align: center;
 }
 
 @media (min-width: 1050px) {
 
 #bildbalken .galerie .bilder .bild > .text {
 width: 1050px
 }
 
 }

 
 /******************************************************************************************
 * #bildbalken .galerie .texte (aussen)       *
 ******************************************************************************************/
 
 #bildbalken .galerie > .texte > .bildtext > .hintergrund {
 background-color: transparent;
 }
 
 #bildbalken .galerie > .texte {
 position: absolute;
 top: auto;
 right: auto;
 bottom: 0.6em;
 left: -0.4em;
 margin: 0;
 padding: 0;
 }
 
 
 @media (max-width: 1050px) {
 
 #bildbalken .galerie > .texte {
 left: 0;
 }
 
 }
 
 #bildbalken .galerie > .texte > .bildtext {
 margin: 0;
 padding: 0;
 }
 
 #bildbalken .galerie > .texte > .bildtext > .hintergrund {
 background-color: transparent;
 }
 
 #bildbalken .galerie > .texte h2,
 #bildbalken .galerie > .texte p {
 line-height: 1.1em;
 margin-bottom: 0.25em;
 padding: 0.3em 0.4em 0.3em 0.4em;
 background-color: #666666;
 color: #FCFCFC;
 opacity: 0.90;
 }
 
 #bildbalken .galerie > .texte,
 #bildbalken .galerie > .texte h2,
 #bildbalken .galerie > .texte p {
 font-size: 180%;
 font-weight: 300;
 }
 
 #bildbalken .galerie > .texte a {
 font-size: inherit;
 color: inherit;
 }
 
 #bildbalken .galerie > .texte h2 {
 margin: 0 0 4px 0;
 padding: 0.3em;
 font-size: 240%;
 }
 
 @media (max-width: 620px) {
 
 #bildbalken .galerie > .texte,
 #bildbalken .galerie > .texte h2,
 #bildbalken .galerie > .texte p {
 font-size: 130%;
 }
 
 }


 /******************************************************************************************
 * #fuss           *
 ******************************************************************************************/
 
 #fuss {
 z-index: 11;
 }

 #fuss .navigation3 ul.cms_baumstruktur li {
 margin-bottom: 0.1em;
 }


 /******************************************************************************************
 * .galerie          *
 ******************************************************************************************/
 
 .galerie .detailbilder .steuerelemente .bildnummer {
 top: 0;
 }
 
 .galerie .detailbilder .steuerelemente .bildnummer > .text {
 padding: 0.6em 0.9em 0.6em 0.9em;
 }
 
 .galerie .detailbilder .steuerelemente .button .hintergrund {
 opacity: 0.6;
 }
 
 #inhalt .galerie .detailbilder .bilder .bild > .text {
 bottom: 0;
 left: 0;
 }
 
 #inhalt .galerie .detailbilder .bilder .bild > .text > .bildtext > .hintergrund {
 opacity: 0.95;
 }
 
 #inhalt .galerie .detailbilder .bilder .bild > .text .button {
 margin: 1.0em auto 1.0em auto;
 }
 
 #inhalt .galerie.bildtext-2 > .texte {
 margin: 0;
 background-color: #FFFFFF;
 }
 
 #inhalt .galerie > .texte > .bildtext {
 margin: 0;
 padding: 0.4em 0.4em 0.3em 0.6em;
 }
 
 @media (max-width: 620px) {
 
 .galerie .direktwahl {
 display: none !important;
 }
 
 }
 
 
 @media (max-width: 500px) {
 
 #bildbalken .galerie > .texte {
 bottom: 0.1rem;
 }
 
 #bildbalken .galerie > .texte,
 #bildbalken .galerie > .texte h2,
 #bildbalken .galerie > .texte p {
 font-size: 1.0rem;
 }
 
 }
 
 
 /******************************************************************************************
 * .galerie.vollbild         *
 ******************************************************************************************/
 
 body.browser_mobile .galerie.vollbild {
 top: 44px;
 }
 
 
 /******************************************************************************************
 * #inhalt           *
 ******************************************************************************************/
 
 #inhalt {
 width: 100%;
 padding: 0;
 text-align: center;
 vertical-align: top;
 z-index: 21;
 }

 body.browser_mobile body.bildbalken0 #inhalt {
 margin-top: 0.6rem;
 }
 
 #inhalt > .hintergrund {
 display: none;
 }
 
 #inhalt > .rahmen > .hintergrund {
 margin: 0 auto 0 auto;
 }
 
 #inhalt .navigation3 ul.cms_baumstruktur {
 display: inline-block;
 }
 
 
 /******************************************************************************************
 * #inhalt .box          *
 ******************************************************************************************/
 
 #inhalt > .rahmen > .boxen > .box,
 #inhalt > .rahmen > .boxen > .box > .rahmen,
 #inhalt > .rahmen > .boxen > .box > .rahmen > .inhalt {
 overflow: visible;
 }
 
 
 /******************************************************************************************
 * #kopf           *
 ******************************************************************************************/

 #kopf {
 z-index: 41;
 }
 
 body.browser_mobile #kopf {
 position: fixed;
 }

 #kopf > .rahmen {
 height: 100% !important;
 text-align: center;
 }


 /******************************************************************************************
 * #kopfbox2 .navigation1         *
 ******************************************************************************************/

 #kopfbox2 {
 flex: 1 0 100%;
 height: auto;
 			}


 /******************************************************************************************
 * .liste           *
 ******************************************************************************************/
 
 .datensatznavi.oben,
 .listenavi.oben {
 margin-bottom: 1.0rem;
 }
 
 .listenavi.oben,
 .listenavi.unten {
 text-align: center;
 }
 
 .listenavi .sortierung .auswahl {
 width: 12.0rem;
 }


 /******************************************************************************************
 * .modul-warenkorb         *
 ******************************************************************************************/
 
 #inhalt .modul-warenkorb .listeleer {
 margin: 6.0em 0 6.0em 0;
 }
 
 #inhalt .modul-warenkorb .listeleer p {
 text-align: center;
 }
 
 #inhalt .modul-warenkorb .datensatz .daten {
 margin: 0;
 }
 
 #inhalt .modul-warenkorb .warenkorb form .button.bestellen.oben {
 display: none;
 }
 
 #inhalt .bestellvorschau .button.bestellungversenden.schwach,
 #inhalt .bestellvorschau .button.bestellungversenden.schwach .hintergrund {
 background-color: transparent;
 border: none;
 }
 
 #inhalt .bestellvorschau .button.bestellungversenden.schwach .text,
 #inhalt .bestellvorschau .button.bestellungversenden.schwach .text:before {
 color: #DDDDDD !important;
 }
 
 
 /******************************************************************************************
 * .modul-galerie          *
 ******************************************************************************************/
 
 #inhalt .modul-galerie .datensatz .texte .kurztext {
 margin: 0;
 }
 

 /******************************************************************************************
 * .modul-sammelsurium         *
 ******************************************************************************************/
 
 .modul-sammelsurium .datensatz.keinebilder .daten > .texte {
 padding-top: 2.0rem;
 }
 
 
 /******************************************************************************************
 * .schnellsucheform         *
 ******************************************************************************************/

 .schnellsucheform,
 .schnellsucheform fieldset {
 margin: 0;
 padding: 0 !important;
 }
 
 
 /******************************************************************************************
 * .sucheergebnis          *
 ******************************************************************************************/

 .sucheergebnis .liste > .datensatz {
 border: none !important;
 }
 
 .sucheergebnis .liste > .datensatz > h3 {
 margin: 0 0 0.1em 0;
 font-size: 120%;
 }


 /******************************************************************************************
 * #inhalt                     *
 ******************************************************************************************/

 body #inhalt > .rahmen {
 
 padding-top: -webkit-calc(44px + 5rem);
 padding-top: calc(44px + 5rem);
 }

 
 @media (min-width: 1050px) {

 body.browser_desktop #inhalt > .rahmen {
 
 padding-top: -webkit-calc(70px + 5rem);
 padding-top: calc(70px + 5rem);
 }

body.browser_desktop #inhalt > .rahmen > .hintergrund {
 top: calc(70px + 3.4rem);
}

 body.browser_desktop.vertikalgescrollt #inhalt > .rahmen {
 
 padding-top: -webkit-calc(44px + 5rem);
 padding-top: calc(44px + 5rem);
 }

body.browser_desktop.vertikalgescrollt > .rahmen > .hintergrund {
 top: calc(44px + 3.4rem);
}

 }

 body.bildbalken0.kopf-pos-0 #inhalt {
 padding: 0;
 }


 /******************************************************************************************
 * #fonnavi                    *
 ******************************************************************************************/

 
 @media (min-width: 1050px) {

 
 body.browser_desktop.vertikalnichtgescrollt #fonnavi > .rahmen {
 top: -webkit-calc(70px + 3rem);
 top: calc(70px + 3rem);
		 	}

 
 body.browser_desktop.vertikalgescrollt #fonnavi > .rahmen {
 top: -webkit-calc(44px + 3rem);
 top: calc(44px + 3rem);
		 	}

			 }
 /******************************************************************************************
 *                                             *
 *  10.02.2025 14:18 CMS                                 *
 *                                             *
 ******************************************************************************************/

 
 /******************************************************************************************
 * Druck                                          *
 ******************************************************************************************/

  body.drucker,
  body.drucker #rahmen {
  height: auto;
  min-height: 100%;
  margin: 0;
  }

  body.drucker { 
  width: 100%;
  text-align: left;
  background-image: none;
  }
  
  body.drucker {
  background: #FFFFFF;
  background-image: none;
  }
  
  body.drucker #inhalt {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  }
 
  body.drucker #inhalt > .rahmen {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  }
  
  body.drucker > p,
  body.drucker #inhalt > .rahmen .inhaltbox {
  margin: 0;
  }
  
  body.drucker img {
  max-width: 100% !important;
  height: auto !important;
  }


 /******************************************************************************************
 * .drucklayout                                      *
 ******************************************************************************************/

  .box.drucklayout-0 {
  display: none;
  }

  .box.drucklayout-2 {
  display: block !important;
  flex: 1 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  } div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, p span, blockquote, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, a, ul, li, .button {font-family:'Roboto', verdana, arial, serif;line-height:1.5em;font-weight:400;-webkit-hyphens:auto;hyphens:auto;color:#222222;}
 h1, h1:before, h1 a, h1 span, h1 u, h1 strong, h1 a.textlink {font-weight:400;line-height:1em;text-align:center;margin-right:auto;margin-left:auto;}
 h2, h2:before, h2 a, h2 span, h2 u, h2 strong, h2 a.textlink {font-size:1.4rem;margin-bottom:0.4em;font-weight:400;}
 h3, h3:before, h3 a, h3 span, h3 u, h3 strong, h3 a.textlink {font-size:1.1rem;font-weight:600;line-height:1.2em;margin-bottom:0.4em;}
 a:active, a:link, a:visited, a:hover, a span, h1 a:active, h1 a:link, h1 a:visited, h1 a:hover, .textlink {color:#007DBD;text-transform:none;}
 a:hover, a:hover span, .textlink:hover, h1 a:hover, .datensatz:hover .link-details .textlink {color:#666666;}
 .textlink:before {content:'\f138';}
 html, body {background-color:#F0F0F0;}
 #bildbalken {margin-top:4rem;}
 #statusleiste > .rahmen {width:98%;}
 .buttons.navipfad > .lihintergrund {background-color:#FFFFFF;}
 #kopf .buttons.navipfad li .text, #kopf .buttons.navipfad li.aktiv .text, #kopf .buttons.navipfad li.inaktiv .text {color:#222222;font-size:0.9rem;}
 #kopf .buttons.navipfad li:hover .text,										#kopf .buttons.navipfad li:hover.aktiv .text,										#kopf .buttons.navipfad li:hover.inaktiv .text {color:#666666;}
 #inhalt .navigation1 ul.cms_baumstruktur > li, #kopf .navigation1 ul.cms_baumstruktur > li, #seitenleiste .navigation1 ul.cms_baumstruktur > li {margin-right:1px;}
 #inhalt .navigation1 ul.cms_baumstruktur > li > p, #kopf .navigation1 ul.cms_baumstruktur > li > p, #seitenleiste .navigation1 ul.cms_baumstruktur > li > p {padding-right:1em;padding-left:1em;text-transform:uppercase;line-height:2rem;font-weight:400;color:#007DBD;}
 #inhalt .navigation1 ul.cms_baumstruktur > li:hover > p, #inhalt .navigation1 ul.cms_baumstruktur > li.aktiv:hover > p, #kopf .navigation1 ul.cms_baumstruktur > li:hover > p, #kopf .navigation1 ul.cms_baumstruktur > li.aktiv:hover > p, #seitenleiste .navigation1 ul.cms_baumstruktur > li:hover > p, #seitenleiste .navigation1 ul.cms_baumstruktur > li.aktiv:hover > p {color:#222222;}
 #inhalt .navigation1 ul.cms_baumstruktur > li.aktiv > p, #inhalt .navigation1 ul.cms_baumstruktur > li.astaktiv > p, #kopf .navigation1 ul.cms_baumstruktur > li.aktiv > p, #kopf .navigation1 ul.cms_baumstruktur > li.astaktiv > p, #seitenleiste .navigation1 ul.cms_baumstruktur > li.aktiv > p, #seitenleiste .navigation1 ul.cms_baumstruktur > li.astaktiv > p {color:#222222;}
 #inhalt .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund, #kopf .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund, #seitenleiste .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund {background-color:#F7CD46;}
 #inhalt .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, #kopf .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, #seitenleiste .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, #inhalt .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund, #kopf .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund, #seitenleiste .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund {background-color:#F7CD46;}
 form.cmsform {background-color:#EEEEEE;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem;}
 fieldset.cmsform {margin-bottom:1.0rem;line-height:2.4rem;}
 .cmsform legend, fieldset.cmsform > legend, .cmsform .legend {text-transform:uppercase;margin-bottom:0.8em;line-height:1.4em;}
 .cmsform .eingabefeld > .hintergrund,										.cmsform .freifeld.pd > .hintergrund,										.cmsform .pulldown.offen > .hintergrund,										.frontend .dynform.bilder .formularfeld > .hintergrund {background-color:#FFFFFF;padding-top:0;padding-left:0;}
 #inhalt > .rahmen {padding-top:7rem;width:98%;}
 #inhalt > .rahmen > .hintergrund {background-color:#FFFFFF;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;}
 .inhaltbox {margin-bottom:3.0rem;}
  #fuss
  {margin-bottom:4rem;}
 #fuss > .rahmen {padding-top:3rem;padding-bottom:1rem;width:98%;}
 #fuss .rahmen > .hintergrund {background-color:#FFFFFF;right:-1rem;left:-1rem;}
  .fussbox
  {margin-bottom:3rem;}
 #kopf > .rahmen {width:98%;}
 #kopf > .hintergrund {background-color:#FFFFFF;}
 body.browser_mobile #kopf > .hintergrund {background-color:#FFFFFF;border-bottom-style:solid;border-bottom-color:#EEEEEE;border-bottom-width:1px;}
  #kopfbox2
  {height:2.2rem;}
 #kopfbox2 > .hintergrund {background-color:#FFFFFF;right:-6000px;left:-6000px;border-bottom-style:solid;border-bottom-color:#469B1B;border-bottom-width:0.1rem;}
  #kopfbox9
  {min-width:15%;order:4;}
 #kopfbox11 {height:auto;}
 .buttons li, .button {margin-right:0.4rem;}
 .buttons li .text, .button .kuerzel, .button .text {padding-right:0.6em;padding-left:0.6em;color:#FAFAFA;font-size:0.9rem;padding-top:0.4em;padding-bottom:0.4em;}
 .galerie div.direktwahl p.symbol3.aktiv .text, .galerie div.direktwahl p.symbol3:hover .text, .buttons li:hover .text, .button:hover .text, .button:hover .text:after, .button:hover .text:before {color:transparent;}
 .buttons .icon, .galerie .bildnummer .icon, .button .icon {color:#FAFAFA;padding-right:0.4em;padding-left:0.4em;font-size:0.9rem;}
 .buttons .aktiv .icon, .button.aktiv .icon {color:#007DBD;}
 .buttons li .hintergrund, .buttons > span .hintergrund, .galerie .bildnummer .hintergrund, .button .hintergrund {background-color:#007DBD;border-style:none;border-color:transparent;border-width:0;}
 .buttons li:hover .hintergrund, .buttons > span:hover .hintergrund, .button:hover .hintergrund {background-color:#666666;}
 .buttons li.aktiv .hintergrund, .buttons span.aktiv .hintergrund, .button.aktiv .hintergrund {background-color:#666666;}
 .buttons.sozialelinks li {margin-right:0.4rem;height:inherit;}
 .buttons.sozialelinks li .text, .buttons.sozialelinks li .text:before, .buttons.sozialelinks.text-2 li .text {color:#007DBD;font-size:0.7rem;padding-top:0em;}
 .buttons.sozialelinks li:hover .text, .buttons.sozialelinks li:hover .text:before, .buttons.sozialelinks.text-2 li:hover .text {color:#666666;}
 .buttons.sozialelinks li .icon, .buttons.sozialelinks li .icon:before {font-size:1.5rem;color:#007DBD;}
 .buttons.sozialelinks li:hover .icon, .buttons.sozialelinks li:hover .icon:before {color:#666666;}
 #fonnavi > .hintergrund {background-color:#FFFFFF;}
 #fonnavi .navigation1 > ul.cms_baumstruktur li p, #fonnavi .navigation1 > ul.cms_baumstruktur li h2, #fonnavi .navigation2 > ul.cms_baumstruktur li p, #fonnavi .navigation2 > ul.cms_baumstruktur li h2, #fonnavi .navigation3 > ul.cms_baumstruktur li p, #fonnavi .navigation3 > ul.cms_baumstruktur li h2 {text-transform:uppercase;font-size:1.4rem;line-height:3.1rem;}
 .button.fonnavi .icon {padding-right:1rem;padding-left:0;font-size:1.8rem;color:#333333;}
 .button.fonnavi .text {text-align:center;font-size:1.2rem;padding-left:0;text-transform:uppercase;}
 .button.fonnavi .hintergrund {opacity:0.00;}
 .datensatz.eindatensatz > .hintergrund {background-color:#FF2CE3;opacity:0.05;}
 .liste .datensatz > .hintergrund,.liste .datensatz.layout-44 .daten > .hintergrund {background-color:#FCFCFC;border-style:solid;border-color:#469B1B1E;border-width:1px;}
 .liste .datensatz .hover .hintergrund {background-color:#469B1B;opacity:0.05;}
 .liste .datensatz .hover .icon:before {color:#469B1B;font-size:10rem;opacity:0.20;content:'\f138';}
 .galerie.bildtext-2 .bilder .bild > .text > .rahmen > .hintergrund {background-color:#ED4AD5;}
 .galerie.bildtextfarben-1 .bilder .bild > .text p {color:#FCFFB0;}
 #kopf .buttons li .text, #kopf .button .kuerzel, #kopf .button .text {color:#007DBD;font-size:1rem;}
 #kopf .galerie div.direktwahl p.symbol3.aktiv .text, #kopf .galerie div.direktwahl p.symbol3:hover .text, #kopf .buttons li:hover .text, #kopf .button:hover .text, #kopf .button:hover .text:after, #kopf .button:hover .text:before {color:#666666;}
 #kopf .buttons .icon, #kopf .galerie .bildnummer .icon, #kopf .button .icon {color:#007DBD;}
 #kopf .buttons li:hover .icon, #kopf .buttons span:hover .icon, #kopf .buttons li:hover .icon:before, #kopf .buttons span:hover .icon:before, #kopf .button:hover .icon, #kopf .button:hover .icon:before {color:#666666;}
 .dunkelhell-1  div, .dunkelhell-1 applet, .dunkelhell-1 object, .dunkelhell-1 iframe, .dunkelhell-1 h1, .dunkelhell-1 h2, .dunkelhell-1 h3, .dunkelhell-1 h4, .dunkelhell-1 h5, .dunkelhell-1 h6, .dunkelhell-1 p, .dunkelhell-1 p span, .dunkelhell-1 blockquote, .dunkelhell-1 pre, .dunkelhell-1 fieldset, .dunkelhell-1 form, .dunkelhell-1 label, .dunkelhell-1 legend, .dunkelhell-1 table, .dunkelhell-1 caption, .dunkelhell-1 tbody, .dunkelhell-1 tfoot, .dunkelhell-1 thead, .dunkelhell-1 tr, .dunkelhell-1 th, .dunkelhell-1 td, .dunkelhell-1 input, .dunkelhell-1 select, .dunkelhell-1 textarea, .dunkelhell-1 a, .dunkelhell-1 ul, .dunkelhell-1 li, .dunkelhell-1 .button {color:#F6F6F6;}
 .dunkelhell-1  a:active, .dunkelhell-1 a:link, .dunkelhell-1 a:visited, .dunkelhell-1 a:hover, .dunkelhell-1 a span, .dunkelhell-1 h1 a:active, .dunkelhell-1 h1 a:link, .dunkelhell-1 h1 a:visited, .dunkelhell-1 h1 a:hover, .dunkelhell-1 .textlink {color:#007DBD;}
 html.dunkelhell-1, body.dunkelhell-1 {background-color:#4C4B48;}
 .dunkelhell-1  .buttons.navipfad > .lihintergrund {background-color:#4C4B48;}
 .dunkelhell-1  #kopf .buttons.navipfad li .text, .dunkelhell-1 #kopf .buttons.navipfad li.aktiv .text, .dunkelhell-1 #kopf .buttons.navipfad li.inaktiv .text {color:#F6F6F6;}
 .dunkelhell-1  #kopf .buttons.navipfad li:hover .text, .dunkelhell-1										#kopf .buttons.navipfad li:hover.aktiv .text, .dunkelhell-1										#kopf .buttons.navipfad li:hover.inaktiv .text {color:#999999;}
 .dunkelhell-1  #inhalt .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund, .dunkelhell-1 #kopf .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund, .dunkelhell-1 #seitenleiste .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund {background-color:#F7CD46;}
 .dunkelhell-1  #inhalt .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, .dunkelhell-1 #kopf .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, .dunkelhell-1 #seitenleiste .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, .dunkelhell-1 #inhalt .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund, .dunkelhell-1 #kopf .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund, .dunkelhell-1 #seitenleiste .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund {background-color:#F7CD46;}
 .dunkelhell-1  form.cmsform {background-color:#686763;}
 .dunkelhell-1  .cmsform .eingabefeld > .hintergrund, .dunkelhell-1										.cmsform .freifeld.pd > .hintergrund, .dunkelhell-1										.cmsform .pulldown.offen > .hintergrund, .dunkelhell-1										.frontend .dynform.bilder .formularfeld > .hintergrund {background-color:#393836;}
 .dunkelhell-1  .cmsform .eingabefeld.focus > .hintergrund, .dunkelhell-1										.cmsform .eingabefeld:hover > .hintergrund, .dunkelhell-1										.cmsform .eingabefeld.markiert > .hintergrund, .dunkelhell-1										.cmsform .freifeld.pd:hover > .hintergrund, .dunkelhell-1 .cmsform .pulldown.offen span:hover {background-color:#444341;}
 .dunkelhell-1  #inhalt > .rahmen > .hintergrund {background-color:#333333;}
 .dunkelhell-1  #fuss .rahmen > .hintergrund {background-color:#393836;}
 .dunkelhell-1  #kopf > .hintergrund {background-color:#393836;}
 body.dunkelhell-1.browser_mobile #kopf > .hintergrund {background-color:#393836;border-color:#434240;}
 .dunkelhell-1  #kopfbox2 > .hintergrund {background-color:#393836;}
 .dunkelhell-1  .buttons li .hintergrund, .dunkelhell-1 .buttons > span .hintergrund, .dunkelhell-1 .galerie .bildnummer .hintergrund, .dunkelhell-1 .button .hintergrund {background-color:#007DBD;}
 .dunkelhell-1  .buttons li:hover .hintergrund, .dunkelhell-1 .buttons > span:hover .hintergrund, .dunkelhell-1 .button:hover .hintergrund {background-color:#444444;}
 .dunkelhell-1  .buttons li.aktiv .hintergrund, .dunkelhell-1 .buttons span.aktiv .hintergrund, .dunkelhell-1 .button.aktiv .hintergrund {background-color:#444444;}
 .dunkelhell-1  #fonnavi > .hintergrund {background-color:#393836;}
 .dunkelhell-1  .button.fonnavi .icon {color:#F9F9F9;}
 .dunkelhell-1  .liste .datensatz > .hintergrund, .dunkelhell-1.liste .datensatz.layout-44 .daten > .hintergrund {background-color:#575853;}

@media (prefers-color-scheme: dark) { .dunkelhell-2  div, .dunkelhell-2 applet, .dunkelhell-2 object, .dunkelhell-2 iframe, .dunkelhell-2 h1, .dunkelhell-2 h2, .dunkelhell-2 h3, .dunkelhell-2 h4, .dunkelhell-2 h5, .dunkelhell-2 h6, .dunkelhell-2 p, .dunkelhell-2 p span, .dunkelhell-2 blockquote, .dunkelhell-2 pre, .dunkelhell-2 fieldset, .dunkelhell-2 form, .dunkelhell-2 label, .dunkelhell-2 legend, .dunkelhell-2 table, .dunkelhell-2 caption, .dunkelhell-2 tbody, .dunkelhell-2 tfoot, .dunkelhell-2 thead, .dunkelhell-2 tr, .dunkelhell-2 th, .dunkelhell-2 td, .dunkelhell-2 input, .dunkelhell-2 select, .dunkelhell-2 textarea, .dunkelhell-2 a, .dunkelhell-2 ul, .dunkelhell-2 li, .dunkelhell-2 .button {color:#F6F6F6;}
 .dunkelhell-2  a:active, .dunkelhell-2 a:link, .dunkelhell-2 a:visited, .dunkelhell-2 a:hover, .dunkelhell-2 a span, .dunkelhell-2 h1 a:active, .dunkelhell-2 h1 a:link, .dunkelhell-2 h1 a:visited, .dunkelhell-2 h1 a:hover, .dunkelhell-2 .textlink {color:#007DBD;}
 html.dunkelhell-2, body.dunkelhell-2 {background-color:#4C4B48;}
 .dunkelhell-2  .buttons.navipfad > .lihintergrund {background-color:#4C4B48;}
 .dunkelhell-2  #kopf .buttons.navipfad li .text, .dunkelhell-2 #kopf .buttons.navipfad li.aktiv .text, .dunkelhell-2 #kopf .buttons.navipfad li.inaktiv .text {color:#F6F6F6;}
 .dunkelhell-2  #kopf .buttons.navipfad li:hover .text, .dunkelhell-2										#kopf .buttons.navipfad li:hover.aktiv .text, .dunkelhell-2										#kopf .buttons.navipfad li:hover.inaktiv .text {color:#999999;}
 .dunkelhell-2  #inhalt .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund, .dunkelhell-2 #kopf .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund, .dunkelhell-2 #seitenleiste .navigation1 ul.cms_baumstruktur li:hover > .lihintergrund {background-color:#F7CD46;}
 .dunkelhell-2  #inhalt .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, .dunkelhell-2 #kopf .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, .dunkelhell-2 #seitenleiste .navigation1 ul.cms_baumstruktur li.aktiv > .lihintergrund, .dunkelhell-2 #inhalt .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund, .dunkelhell-2 #kopf .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund, .dunkelhell-2 #seitenleiste .navigation1 ul.cms_baumstruktur li.astaktiv > .lihintergrund {background-color:#F7CD46;}
 .dunkelhell-2  form.cmsform {background-color:#686763;}
 .dunkelhell-2  .cmsform .eingabefeld > .hintergrund, .dunkelhell-2										.cmsform .freifeld.pd > .hintergrund, .dunkelhell-2										.cmsform .pulldown.offen > .hintergrund, .dunkelhell-2										.frontend .dynform.bilder .formularfeld > .hintergrund {background-color:#393836;}
 .dunkelhell-2  .cmsform .eingabefeld.focus > .hintergrund, .dunkelhell-2										.cmsform .eingabefeld:hover > .hintergrund, .dunkelhell-2										.cmsform .eingabefeld.markiert > .hintergrund, .dunkelhell-2										.cmsform .freifeld.pd:hover > .hintergrund, .dunkelhell-2 .cmsform .pulldown.offen span:hover {background-color:#444341;}
 .dunkelhell-2  #inhalt > .rahmen > .hintergrund {background-color:#333333;}
 .dunkelhell-2  #fuss .rahmen > .hintergrund {background-color:#393836;}
 .dunkelhell-2  #kopf > .hintergrund {background-color:#393836;}
 body.dunkelhell-2.browser_mobile #kopf > .hintergrund {background-color:#393836;border-color:#434240;}
 .dunkelhell-2  #kopfbox2 > .hintergrund {background-color:#393836;}
 .dunkelhell-2  .buttons li .hintergrund, .dunkelhell-2 .buttons > span .hintergrund, .dunkelhell-2 .galerie .bildnummer .hintergrund, .dunkelhell-2 .button .hintergrund {background-color:#007DBD;}
 .dunkelhell-2  .buttons li:hover .hintergrund, .dunkelhell-2 .buttons > span:hover .hintergrund, .dunkelhell-2 .button:hover .hintergrund {background-color:#444444;}
 .dunkelhell-2  .buttons li.aktiv .hintergrund, .dunkelhell-2 .buttons span.aktiv .hintergrund, .dunkelhell-2 .button.aktiv .hintergrund {background-color:#444444;}
 .dunkelhell-2  #fonnavi > .hintergrund {background-color:#393836;}
 .dunkelhell-2  .button.fonnavi .icon {color:#F9F9F9;}
 .dunkelhell-2  .liste .datensatz > .hintergrund, .dunkelhell-2.liste .datensatz.layout-44 .daten > .hintergrund {background-color:#575853;}
}#kopf .navigation1 ul.ebene1 > li > .lihintergrund.ebene1,#kopf .navigation1 ul.ebene1 > li > a { top: -0.1rem; bottom: -0.4rem; }#kopfbox9 .hintergrund2 { top: 0.2rem; bottom: 0.2rem; }  #kopf .buttons.dunkelhell .text { padding-right: 0; }@media (max-width: 800px) {#kopf h1 { font-size: 0.9rem; } }