@charset "UTF-8"; 
 @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src:  url('https://www.atisblog.de/cms/lib/schriftarten/roboto/roboto-regular.woff2') format('woff2'); font-display: swap; }
 @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 500; src:  url('https://www.atisblog.de/cms/lib/schriftarten/roboto/roboto-500.woff2') format('woff2'); font-display: swap; }
 @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 700; src:  url('https://www.atisblog.de/cms/lib/schriftarten/roboto/roboto-700.woff2') format('woff2'); font-display: swap; }
 @font-face { font-family: 'RobotoCondensed'; font-style: normal; font-display: swap; font-weight: 400; src:  url('https://www.atisblog.de/cms/lib/schriftarten/roboto-condensed/roboto-condensed-regular.woff2') format('woff2'); font-display: swap; }
 @font-face { font-family: 'RobotoCondensed'; font-style: normal; font-display: swap; font-weight: 700; src:  url('https://www.atisblog.de/cms/lib/schriftarten/roboto-condensed/roboto-condensed-700.woff2') format('woff2'); font-display: swap; }/******************************************************************************************
 * *
 * 18.04.2026 21:25 CMS *
 * *
 ******************************************************************************************/


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

@font-face {
font-family: 'fontawesome';
font-style: normal;
font-weight: 900;
font-display: block;
src: url('https://www.atisblog.de/cms/lib/schriftarten/fontawesome/cms/fa-solid-900.am_20260810214337.woff2') format('woff2');
 /*
 font-display: swap;
 */
 }

@font-face {
font-family: 'fontawesome-brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url('https://www.atisblog.de/cms/lib/schriftarten/fontawesome/cms/fa-brands-400.am_20260810214337.woff2') format('woff2');

}

 /*
@font-face {
font-family: 'fontawesome-brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url("https://www.atisblog.de/cms/lib/schriftarten/fontawesome/webfonts/fa-brands-400.am_20260810214337.woff2") format("woff2");
font-display: swap;
}
 */


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

 html,
 body {
 width: auto;
 min-height: 100%;
 min-height: 100vh;
 margin: 0;
 padding: 0;
 text-align: left;
 border: none;
 color: #222222;
 overflow-x: hidden;
 }

 html {
 font-size: 16px; 
 }

 
 @media (max-width: 600px) {

 html {
 
 
 font-size: 16px;
 }

 }


 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;
 font-size: inherit;
 
 color: inherit;
 }

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

 :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;
 }

 hr {
 height: 1px;
 margin-top: 25px;
 margin-bottom: 25px;
 }

 sup {
 font-size: 0.6em;
 }


 /******************************************************************************************
 * .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;
 }
 */

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

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


 /******************************************************************************************
 * .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;
 }


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

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


 /******************************************************************************************
 * #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;
 }


 /******************************************************************************************
 * .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;
 }


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

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

 /******************************************************************************************
 * *
 * 06.05.2026 13:45 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;
 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;
 }


 .frontend .box.layout-121,
 .frontend .box.layout-122,
 .frontend .inhaltlayout .box.layout-101 {
width: 100vw;
min-width: 100vw;
position: relative;
margin-left: calc(-50vw + 50%);
 }


 
 .inhaltlayout .box.layout-121 {
 flex-shrink: 0;
 flex-basis: 100vw;
 max-width: none;
 }

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


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

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

 #datensatz.dbtabelle_webinhalte .box.layout-117,
 .inhaltlayout .box.layout-117,

 #datensatz.dbtabelle_webinhalte .box.layout-123,
 .inhaltlayout .box.layout-123 {
 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,

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

 #datensatz.dbtabelle_webinhalte .box.layout-123 > .rahmen,
 .inhaltlayout .box.layout-123 > .rahmen {

 width: 699px;
 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: 699px) {

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

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

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

 }


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

 
 #datensatz.dbtabelle_webinhalte .box.layout-117 > .rahmen,
 .inhaltlayout .box.layout-117 > .rahmen {
 width: 599px;
 }


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

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


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

 @media (min-width: 649px) {

 
 #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: 1100px;
 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 > .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-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: 649px) {

 .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-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: 649px) {

 .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: 649px) {

 .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: 649px) {

 .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: #0055BB;
 }

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

 .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: #FFFFFF;
 }

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

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

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


 /******************************************************************************************
 * .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: 649px) {

 .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: 649px) {

 .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: 649px) {

 .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: 649px) {

 .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;
 }

 }

 /******************************************************************************************
 * *
 * 10.08.2026 21:42 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * .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.hoeherel-3 > .bilder,
 .galerie.hoeherel-3 > .bilder > .rahmen,
 .galerie.vollbild > .bilder,
 .galerie.vollbild > .bilder > .rahmen {
 height: 100%;
 }

 .galerie.vollbild.vorschauunten > .bilder {
 position: absolute;
 bottom: 0;
 height: auto;
 }


 .galerie > .bilder,
 .galerie.vollbild.vbskalierung-0 > .bilder,
 .galerie.vollbild.vbskalierung-3 > .bilder {
 top: 0;
 -webkit-transform: none;
 transform: none;
 }

 .galerie img {
 position: relative;
 }

 figure {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 }

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

 picture {
 display: block;
 width: 100%;
 height: 100%;
 }



 /******************************************************************************************
 * .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;
 }


@media screen and (max-height: 600px) {

.galerie.vollbild .vorschaubilder {
display: none;
}
}

 .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 {
 -webkit-justify-content: center;
 justify-content: center;
 }


 
 .galerie.layout-2 .vorschaubilder > .rahmen {
 padding: 0;
 }

 .galerie .vorschaubilder > .rahmen > .hintergrund {
 /*
 background-color: #F4F4F4;
 */
 background-color: transparent;
 }

 

.galerie.layout-3 .vorschaubilder > .rahmen {
display: grid;
 
 }

.galerie.layout-3 .vorschaubilder > .rahmen .bild {
width: 100%;
height: 140px; 
object-fit: cover;
display: block;
 }

@supports (aspect-ratio: 1 / 1) {

.galerie.layout-3 .vorschaubilder > .rahmen .bild {
height: auto; 
aspect-ratio: 1 / 1;
}

 }


 /******************************************************************************************
 * .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.atisblog.de//cms/lib/bilder/datensatz-lupe-ws.png') center center no-repeat;
 background-size: contain;
 opacity: 0.4;
 }



 /******************************************************************************************
 * galerie .bilder *
 ******************************************************************************************/

 .galerie .bilder {
 display: flex;
 flex-flow: column;
 position: relative;
 width: 100%;
 }

 
 .galerie .bilder,
 .galerie .bilder > .rahmen {
 width: 100%;
 max-height: 100vh;
 }

 #inhalt .galerie.layout-3.normalansicht .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;
 height: 100%;
 }


 /******************************************************************************************
 * 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;
 overflow: hidden;
 }

 
 .bildcontainer {
 transition: transform 0.4s ease-in-out, top 0.4s ease-in-out;
 transform: scale(1);
 }

 
 .bildcontainer {
 transform: scale(var(--zoom));
 }


 .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 img {
 object-position: top;
 }

 .galerie .bilder .bild.unten .bildcontainer img {
 object-position: 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;
 }


 /******************************************************************************************
 * *
 * 23.01.2026 07:58 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * Reset *
 ******************************************************************************************/

 
 
 /******************************************************************************************
 * *
 * 10.08.2026 16:17 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * Diverse Elemente *
 ******************************************************************************************/
 
 
 
 /******************************************************************************************
 * *
 * 16.05.2026 13:01 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * 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%;
 }


 /******************************************************************************************
 * #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 {
 background-color: #FFFFFF;
 }

 #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: 1099px) {

 
 body.bb-pos-1.kopf-pos-1 #bildbalken,
 
 body.bb-pos-0.kopf-pos-1 #bildbalken {
 
 padding: 35px 0 0 0;
 }

 /* #bildbalken zwischen #kopf und #inhalt */
 body.bb-pos-0.kopf-pos-0 #bildbalken {
 
 padding-top: 35px;
 }

 }


 /* #bildbalken wischen #kopf und #inhalt */
 body.browser_mobile.bb-pos-0.kopf-pos-0 #bildbalken {
 
 padding-top: 35px;
 }


 /* #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: 35px 0 0 0;
 }


 /******************************************************************************************
 * #bildbalken *
 ******************************************************************************************/

 
 @media (min-width: 1099px) {

 body.browser_desktop.bb-pos-0.kopf-pos-0 #bildbalken {
 
 padding: 50px 0 0 0;
 }

 body.browser_desktop.bb-pos-0.kopf-pos-0.vertikalgescrollt #bildbalken {
 
 padding: 35px 0 0 0;
 }

 }

 body.bb-bmodus-1 #bildbalken > .rahmen {
 width: 1100px;
 max-width: 100%;
 margin: 0 auto 0 auto;
 }

 @media (max-width: 1099px) {

 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: 35px;
 }

 
 @media (min-width: 1099px) {

 
 body.bildbalken0.kopf-pos-0 #inhalt {
 padding-top: 50px;
 }

 
 body.bildbalken1 #inhalt > .rahmen {
 top:0;
 }

 }

 @media (max-width: 1099px) {

 
 body.bildbalken0.kopf-pos-1 #inhalt {
 margin-top: 35px;
 padding-top: 1.2rem;
 }

 }

 
 body.browser_mobile.bildbalken0.kopf-pos-1 #inhalt {
 margin-top: 35px;
 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: -50px;
 }

 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 #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: 1100px;
 max-width: 100%;
 margin: 0 auto 0 auto;
 padding: 0;
 }

 @media (max-width: 1100px) {

 #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.atisblog.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: #0055BB;
 }

 #cookiehinweis .button {
 height: auto;
 margin: 0 0 0 0.4rem !important;
 vertical-align: middle;
 }

 #cookiehinweis .button > .text {
 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-bottom: 0;
 }

 .konsempf.datensatz > .rahmen {
 flex-flow: column wrap !important;
 align-content: flex-start;
 justify-content: flex-start;
 }

 .liste.modul-konsempf .datensatz > .hintergrund {
 background-color: transparent !important;
 }

 .konsempf.ohnebilder.mitlinks {
 margin: 0 0 0.2rem 0;
 }

 .konsempf.ohnebilder.mitlinks > .hintergrund {
 background-color: #00CC00 !important;
 opacity: 0.05;
 }

 .konsempf.ohnebilder.mitlinks > .rahmen {
 padding: 0.4em;
 }

 .links .link.ohnebutton {
 margin: 0.1rem 0 0.2rem 0;
 }

 .links .link.mitbutton {
 margin: 0.4rem 0 0.8rem 0;
 }

 .links .link.ohnebutton .linktitel,
 .links .link.ohnebutton .linkurl {
 display: block;
 }

 .links .link .linktitel {
 margin: 0 0.6em 0 0;
 }

 .link .button .icon:before { 
 content: "\f35a";
 }

 
 .link .button.text-902 .icon:before { 
 content: "\f07a";
 }

 
 .link .button.text-903 .icon:before { 
 content: "\f002";
 }

 
 .link .button.text-904 .icon:before { 
 content: "\f0a4";
 }

 .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;
 }


 /******************************************************************************************
 * #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: 1100px;
 }

 #hintergrundbilder > .rahmen {
 max-width: 100%;
 }

 
 @media (max-width: 1100px) {

 #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: none;
 position: relative;
 width: 0;
 min-width: 0;
 min-height: 0;
 z-index: 45;
 }

 
 @media (max-width: 1099px) {

 #seitenleiste {
 display: none;
 }

 }
 
 
 
 /******************************************************************************************
 * *
 * 01.04.2026 15:25 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * Reset *
 ******************************************************************************************/

 
 
 /******************************************************************************************
 * *
 * 19.07.2026 17:21 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * #kopf *
 ******************************************************************************************/

 #kopf {
 position: absolute;
 top: 0;
 right: 0;
 bottom: auto;
 left: 0;
 width: auto;
 height: 50px;
 
 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: 35px;
 }

 
 body.browser_mobile #kopf {
 position: fixed;
 height: 35px;
 }

 @media (max-width: 1099px) {

 #kopf,
 body.kopf-pos-1 #kopf,
 body.bb-pos-1 #kopf {
 position: fixed;
 }

 #kopf,
 body.vertikalgescrollt #kopf,
 body.browser_mobile #kopf {
 height: 35px;
 }

 }

 #rahmen > .hintergrund.kopf {
 height: 50px;
 }


 #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 .text,
 #kopf .buttons .text {
 display: none;
 }

 
 @media (min-width: 580px) {

 #kopf .button .text,
 #kopf .buttons .text {
 display: inline-flex;
 }

 }


 /******************************************************************************************
 * .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: 1099px) {

 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;
 height: 100%;
 }

 #kopfbox2 > .rahmen > .inhalt > .navigation1 ul.ebene1 > li {
 
 display: inline-block;
 }


 /******************************************************************************************
 * #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-1 #kopfbox3 .button.fonnavi .text {
 display: inline-flex;
 }

 }


 /******************************************************************************************
 * #kopfbox4 .sprachwahl *
 ******************************************************************************************/

 #kopfbox4 {
 order: 4;
 }


 /******************************************************************************************
 * #kopfbox6 .schnellsuche *
 ******************************************************************************************/

 #kopfbox6 {
 order: 6;
 flex: 0 1 1px;
 max-width: 25%;
 margin: 0 0 0 auto;
 }

 #kopfbox6 .inhalt {
 justify-content: flex-end;
 }

 #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: 10;
 }


 /******************************************************************************************
 * #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 *
 ******************************************************************************************/
 
 /******************************************************************************************
 * #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;
 }

 }


 /******************************************************************************************
 * #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: 35px;
 }
 
 body.browser_mobile #bildbalken > .rahmen,
 body.browser_mobile.bb-bmodus-1 #bildbalken > .rahmen {
 width: 100%;
 margin-right: 0;
 margin-left: 0;
 }
 
 
 @media (max-width: 1099px) {
 
 
 body.browser_desktop #bildbalken {
 margin-top: 35px;
 }
 
 #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: 1099px) {
 
 #bildbalken .galerie .bilder .bild > .text {
 width: 1099px
 }
 
 }

 
 /******************************************************************************************
 * #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: 1099px) {
 
 #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: 35px;
 height: calc(100% - 35px);
 }
 
 
 /******************************************************************************************
 * #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%;
 }


 /******************************************************************************************
 * Diverse *
 ******************************************************************************************/

 .shopkategorien .button {
 margin: 0 0.4rem 0.4rem 0 !important;
 }

 .modelldaten td {
 min-width: 9em;
 }

 
 sup {
 font-size: 0.7rem;
 }


 /******************************************************************************************
 * #bildbalken *
 ******************************************************************************************/

 body.bb-pos-4 #bildbalken {
 margin: 0 0 3.0rem 0;
 }


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

 #fuss h2,
 #fuss h4 {
 font-size: 1.3rem;
 }


 /******************************************************************************************
 * .galerie *
 ******************************************************************************************/

 .galerie.vollbild {
 top: 50px;
 }

 .body.vertikalgescrollt.galerie.vollbild {
 top: 35px;
 }

 
 @media (max-width: 1099px) {

 .body.galerie.vollbild {
 top: 35px;
 }

 }

 .galerie > .bilder,
 .galerie.vollbild.vbskalierung-0 > .bilder,
 .galerie.vollbild.vbskalierung-3 > .bilder {
 top: 0;
 -webkit-transform: none;
 transform: none;
 }


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

 body #inhalt > .rahmen {
 
 padding-top: -webkit-calc(35px + 40px);
 padding-top: calc(35px + 40px);
 }

 
 @media (min-width: 1099px) {

 body.browser_desktop #inhalt > .rahmen {
 
 padding-top: -webkit-calc(50px + 50px + 40px);
 padding-top: calc(50px + 50px + 40px);
 }

 body.browser_desktop.vertikalgescrollt #inhalt > .rahmen {
 
 padding-top: -webkit-calc(35px + 40px);
 padding-top: calc(35px + 40px);
 }

 }

 
 body.bildbalken0.kopf-pos-0 #inhalt {
 padding: 0;
 }


 /******************************************************************************************
 * #kopfbox1 *
 ******************************************************************************************/

 #kopfbox1 {
 
 justify-content: center;
 }

 #kopfbox1 > .hintergrund2 {
 top: 15%;
 bottom: 15%;
 }

 
 #kopfbox1 > .boxlink {
 left: auto;
 right: auto;
 width: 240px;
 max-width: 80%;
 }


 /******************************************************************************************
 * #kopfbox2 *
 ******************************************************************************************/

 
 body.vertikalgescrollt #kopfbox2 {
 display: none;
 }

 
 body.fonnavi #kopfbox2 {
 display: none;
 }

 #kopf .navigation1 ul.baum13 ul.ebene2 {
 padding-bottom: 0.6rem !important;
 }

 #kopf .navigation1 ul.baum13 ul.ebene2 li.element1 p {
 padding-top: 0.6em;
 }


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

 .datensatz .modulinfo {
 display: none;
 top: 0;
 left: 0;
 }

 .liste.modul-sammelsurium.spalten-3 .datensatz .modulinfo {
 display: flex;
 }

 .datensatz .modulinfo > .hintergrund {
 background-color: #F0F0F0;
 opacity: 0.8;
 }

 .liste .datensatz .modulinfo > .text {
 color: #222222;
 }


 /******************************************************************************************
 * .moduldbtab-adressen *
 ******************************************************************************************/

 .datensatz.moduldbtab-adressen .texte {
 margin: 0;
 }

 .liste .datensatz.moduldbtab-adressen .daten {
 overflow: hidden;
 }

 .liste .datensatz.moduldbtab-adressen .daten .adresse {
 width: 100%;
 padding: 0;
 }

 .datensatz.moduldbtab-adressen .daten .textfelder,
 .datensatz.moduldbtab-adressen .daten .adresse {
 margin: 2rem 0 0 0;
 }

 .datensatz.moduldbtab-adressen .daten .adresse {
 display: inline-block;
 position: relative;
 padding: 0.6rem;
 }

 .datensatz.moduldbtab-adressen .daten .adresse > .hintergrund {
 background-color: #00CC00;
 opacity: 0.05;
 }

 .liste .datensatz.moduldbtab-adressen .daten .adresse > .hintergrund {
 top: -0.8rem;
 right: -2rem;
 bottom: -3rem;
 left: -1rem;
 }

 .datensatz.moduldbtab-adressen.eindatensatz .adresse .firma {
 margin: 0 0 0.2em 0;
 font-size: 1.3rem;
 font-weight: 500;
 }


 /******************************************************************************************
 * .modul-kurzmeldungen *
 ******************************************************************************************/

 @media (min-width: 1099px) {

 body.browser_desktop #inhalt .liste.modul-kurzmeldungen {
 margin-left: -15px;
 }

 }

 #inhalt .liste.modul-kurzmeldungen .datensatz {
 display: block;
 width: auto;
 
 min-width: 0;
 max-width: 100%;
 }

 body.browser_desktop #inhalt .modul-kurzmeldungen .datensatz > .rahmen {
 padding-left: 5px;
 border-left: 5px solid transparent;
 }

 body.browser_desktop #inhalt .modul-kurzmeldungen .datensatz:hover > .rahmen {
 border-left-color: #999999;
 }/******************************************************************************************
 * *
 * 28.04.2026 20:44 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%;
 }

 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.fonnavimitkopf-1 #fonnavi {
 max-height: 100vh;
 overflow: auto;
 }

 
 body.fonnavimitkopf-1 #fonnavi > .rahmen {
 top: calc(50px + 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 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 .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;
 }


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

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


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

 .navigation .icon {
 display: none;
 }

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

 .navigation1 ul {
 display: block;
 }

 .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;
 }

 .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 .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: 1099px) {

 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;
 padding: 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;
 margin: 0 0.3em 0 0;
 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;
 }
 /******************************************************************************************
 * *
 * 05.07.2026 23:42 CMS *
 * *
 ******************************************************************************************/


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

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

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

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

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

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

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

 .datensatz.layout-33 .kurztext,
 .datensatz.mitkurztext.mittext .kurztext {
 margin-bottom: 1.5rem;
 }

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

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

 .datensatz .texte > .links {
 margin: 1.5rem 0 0 0;
 }

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

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

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

 .liste .datensatz .dateidownload,
 .datensatz.ohnetexte .daten .texte,
 .datensatz .bestellung .texte,
 .datensatz.layout-51 .daten .texte .termin,
 .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.modul-newsletter *
 ******************************************************************************************/

 .daensatz.modul-newsletter > .rahmen {
 max-width: 600px;
 margin: 0 auto 0 auto;
 }

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

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

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

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


 /******************************************************************************************
 * .datensatz .buttons.anfrage *
 ******************************************************************************************/

 .datensatz .buttons.anfrage {
 justify-content: flex-end;
 position: absolute;
 width: 100%;
 bottom: 0;
 padding: 0.4em;
 }

 .datensatz.eindatensatz.mitanfrage > .rahmen {
 padding-bottom: 2rem;
 }

 .datensatz.eindatensatz .buttons.anfrage {
 justify-content: center;
 padding-top: 1.4rem;
 }

 .datensatz.eindatensatz .buttons.anfrage li.anfragen {
 width: 90%;
 max-width: 300px;
 }


 /******************************************************************************************
 * .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- *
 ******************************************************************************************/

 .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: 649px) {

 .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-27 (nur Bild, kein Text) *
 ******************************************************************************************/

 .datensatz.layout-27 .daten {
 display: none;
 }


 /******************************************************************************************
 * .datensatz.layout-31/32 (Galerie oben/unten) *
 ******************************************************************************************/

 .liste.layout-31,
 .liste.layout-32,
 .liste.layout-33 {
 display: flex;
 flex-flow: row;
 flex-wrap: wrap;
 justify-content: space-between;
 }

 .datensatz.layout-31 > .rahmen,
 .datensatz.layout-32 > .rahmen,
 .datensatz.layout-33 > .rahmen {
 flex-flow: column;
 }

 .datensatz.eindatensatz.layout-31 .galerie,
 .datensatz.eindatensatz.layout-32 .galerie,
 .datensatz.eindatensatz.layout-33 .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-33 (Titel, Kurztext, Galerie, Text) *
 ******************************************************************************************/

 .datensatz.eindatensatz.layout-33 .galerie {
 margin-bottom: 2rem;
 }


 /******************************************************************************************
 * .datensatz.layout-44 (Text im Bild, Teaser) *
 ******************************************************************************************/

 .datensatz.layout-44 {
 width: 100%;
 max-width: 100%;
 margin: 0 !important;
 }

 .datensatz.layout-44 > .rahmen {
 flex-direction: column;
 }

 .datensatz.layout-44 .daten .texte .kurztext {
 max-height: 260px;
 overflow-y: auto;
 }


 
 @media (min-width: 1099px) {

 .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 .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.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 .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;
 }


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

 .datensatz.modul-gaestebuch .texte .titel .autor,
 .datensatz.modul-gaestebuch .texte .titel .datum,
 .datensatz.modul-gaestebuch .texte .titel .link {
 margin-left: 0.6rem;
 }


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

 .datensatz .modulinfo {
 display: flex;
 position: absolute !important;
 top: 0;
 left: 0;
 height: auto;
 z-index: 1999;
 }

 .datensatz .modulinfo .icon {
 display: none;
 }

 .datensatz.keinebilder .modulinfo {
 top: 0.5rem;
 }

 .liste .datensatz .modulinfo > .text {
 margin: 0;
 padding: 0;
 }


 /******************************************************************************************
 * .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;
 }
 /******************************************************************************************
 * *
 * 10.05.2026 10:14 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.hintergrund-0 {
 padding: 1rem;
 }


 /******************************************************************************************
 * .liste.sucheergebnis .datensatz *
 ******************************************************************************************/

 .liste.sucheergebnis .datensatz {
 flex-flow: column;
 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-0 (Fluss) *
 ******************************************************************************************/

 .liste.spaltenlayout-0 {
 display: flex;
 flex-wrap: wrap;
 }

 .liste.spaltenlayout-0 .datensatz {
 display: inline-flex;
 }


 /******************************************************************************************
 * .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;
 }

 .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%;
 }

 }


 /******************************************************************************************
 * .layout-3 - Collage 1+4 *
 ******************************************************************************************/

 .liste.spaltenlayout-3 {
 display: grid;
 grid-gap: 2rem;
 }

 
 @media (min-width: 800px) {

 .liste.spaltenlayout-3 {
 display: grid;
 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-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: 649px) {

 .liste.layout-23.spalten-3 .datensatz {
 flex: 48%;
 min-width: 48%;
 max-width: 48%;
 }

 }

 
 @media (max-width: 649px) {

 .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: 649px) {

 .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;
 }


 /******************************************************************************************
 * .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 0.2rem 0.2rem 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,
.buttons.seitennavi li .icon,
.buttons.seitennavi li .text {
 margin: 0;
 padding: 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.6rem;
 padding-left: 0.6rem;
 }

 .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 > .text,
 .buttons.seitennavi li.blaettern.vor > .text,

 .buttons.seitennavi .icon,
 .buttons.seitennavi li.blaettern .text:before {
 display: none;
 }

 .buttons.seitennavi li.blaettern > .icon {
 display: inline-block;
 }

 .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.8em;
 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;
 }/******************************************************************************************
 * *
 * 05.07.2026 12:25 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * Allgemeines CSS für Frontend und Backend *
 ******************************************************************************************/


 /******************************************************************************************
 * 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;
 }


 /******************************************************************************************
 * .bewertung *
 ******************************************************************************************/

 .bewertung {
 display: flex;
 position: relative;
 align-self: flex-start;
 margin: 0.4em 0 0 0;
 }

 .bewertung .elemente,
 .bewertung .vorne,
 .bewertung .hinten,
 .bewertung .element {
 line-height: inherit;
 }

 .bewertung .elemente {
 display: block;
 position: relative;
 align-self: flex-start;
 }

 .bewertung .vorne {
 position: absolute;
 top: 0;
 right: auto;
 left: 0;
 white-space: nowrap;
 overflow: hidden;
 width: 0; 
 }

 .bewertung .element {
 display: inline-block;
 color: #CCCCCC;
 }

 .bewertung .vorne .element {
 color: #FFCC66;
 }

 form .bewertung .element {
 font-size: 2rem;
 cursor: pointer;
 }

 
 .bewertung .element:before {
 content: '\f005';
 color: inherit;
 }

 
 .bewertung.layout-2 .element:before,
 .bewertung.layout-3 .element:before {
 content: '\f238';
 }

 
 .bewertung.layout-4 .element:before,
 .bewertung.layout-5 .element:before {
 margin-right: 0.5em;
 content: '\f058';
 }


 
 .bewertung.layout-31,
 .bewertung.layout-32 {
 width: 20rem;
 }

 
 .bewertung.layout-31 .elemente,
 .bewertung.layout-32 .elemente {
 width: 100%;
 }

 
 .bewertung.layout-31 .element,
 .bewertung.layout-32 .element {
 display: none;
 }

 
 .bewertung.layout-31 .element-1,
 .bewertung.layout-32 .element-1 {
 display: block;
 width: 100%;
 }

 
 .bewertung.layout-31 .element-1:before,
 .bewertung.layout-32 .element-1:before {
 content: '';
 }


.bewertung.wert-1 .vorne { width: 20%; }
.bewertung.wert-1-5 .vorne { width: 29%; }
.bewertung.wert-2 .vorne { width: 40%; }
.bewertung.wert-2-5 .vorne { width: 49%; }
.bewertung.wert-3 .vorne { width: 60%; }
.bewertung.wert-3-5 .vorne { width: 68.5%; } 
.bewertung.wert-4 .vorne { width: 80%; }
.bewertung.wert-4-5 .vorne { width: 88.5%; }
.bewertung.wert-5 .vorne { width: 100%; }

 .bewertung .anzahl {
 margin: 0 0 0 0.4em;
 white-space: nowrap;
 }


 /******************************************************************************************
 * 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;
 }

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

 
 .fokus {
 outline: 1px solid red; 
 }

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

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

 hr {
 color: #CCCCCC;
 background-color: #CCCCCC;
 border: none;
 }

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

 .parameter,
 .parameter2 {
 display: none;
 }

 .ausgeblendet,
 .versteckt {
 /* */
 display: none !important;
 /* */
 /*
 position: absolute !important;
 width: 1px !important;
 height: 1px !important;
 opacity: 0 !important;
 z-index: -1 !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;
 }

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


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


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

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

 :root {
 color-scheme: light dark;
 }


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

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

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


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

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

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

 /*
 body.symbole1 :before,
 body.symbole1 :after {
 font-weight: normal !important;
 }

 body.symbole2 :before,
 body.symbole2 :after {
 font-weight: 300 !important;
 }
 */


 /******************************************************************************************
 * .formdebug *
 ******************************************************************************************/

 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;
 }


 /******************************************************************************************
 * #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;
 }


 /******************************************************************************************
 * #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;
 }


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

 #meldung {
 display: block;
 position: fixed;
 top: -200px;
 right: 0;
 left: 0;
 width: auto;
 height: auto;
 text-align: center;
 border-bottom-right-radius: 0.4rem;
 border-bottom-left-radius: 0.4rem;
 overflow: hidden;
 z-index: 9999;
 }

 @media (min-width: 699px) {

 #meldung {
 right: 5rem;
 left: 5rem;
 }

}

 #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: 0.9rem;
 }

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

 #meldung > .rahmen > .text:before {
 margin-right: 0.4em;
 font-size: 1.2rem;
 content: "\f05a";
 color: #FAFAFA;
 }

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

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


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

 #meldung .button.schliesser {
 position: absolute;
 top: 0;
 right: 0.6rem;
 left: auto;
 width: auto;
 height: 100%;
 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: 1.1rem;
 color: #F4F4F4;
 }


 /******************************************************************************************
 * #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;
 }

 }

 .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: #0055BB !important;
 }

 .shariff .theme-buttons .shariff-button a span {
 color: #F0F0F0 !important;
 }

 .shariff .theme-buttons .shariff-button a:hover {
 background-color: #444444 !important;
 }

 .shariff .theme-buttons .shariff-button a:hover span {
 color: #F0F0F0 !important;
 }

 .dunkelhell-1 .shariff .theme-buttons .shariff-button a:hover span {
 color: #F0F0F0 !important;
 }


 
 @media (prefers-color-scheme: dark) {

 .dunkelhell-2 .shariff .theme-buttons .shariff-button a:hover span {
 color: #F0F0F0 !important;
 }

 }


 /******************************************************************************************
 * .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;
 }
 */

 #statusleiste .buttons {
 margin-top: 0.3rem;
 margin-bottom: 0.3rem;
 }

 #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: #0055BB;
 }

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


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

 .textlink {
 position: relative;
 }

 .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.tickerrahmen > .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: flex;
 justify-content: center;
 position: fixed;
 top: 0;
 bottom: auto;
 left: 0;
 width: 100%;
 height: auto;
 text-align: center;
 z-index: 9999;
 }

 .backend #wartungshinweis {
 top: auto;
 bottom: 0;
 }


 #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: 0.1em;
 }

 .frontend #wartungshinweis.modus5 .rahmen {
 padding: 1rem;
 }

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

 .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: 0.6rem;
 bottom: 0;
 left: auto;
 width: auto;
 height: 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";
 color: #F4F4F4;
 }

 /******************************************************************************************
 * *
 * 23.06.2026 20:23 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,
 .cmsform > .button,
 .button,
 li.button {
 display: -webkit-inline-flex;
 display: inline-flex;
 flex-flow: row;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
 position: relative;
 width: auto;
 height: auto;
 line-height: inherit;
 margin: 0 1px 1px 0;
 text-align: center;
 vertical-align: middle;
 overflow: hidden;
 cursor: pointer;
 }

 .buttons .ende {
 margin-right: 0;
 }
/*
 .buttons li:before,
 .buttons span:before,
 .button .icon: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;
 }

 .icon,
 .icon:before,
 .icon: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;
 position: relative;
 align-items: center;
 line-height: inherit;
 hyphens: none;
 }

 .buttons *,
 .button * {
 color: inherit;
 }

 .navigation ul.cms_baumstruktur li > .icon {
 display: none;
 }

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

 .icon:before,
 .icon:after {
 display: inline-flex;
 margin: 0 ;
 padding: 0;
 align-items: center;
 }

 /*
 .buttons .text:before,
 .button .text:before {
 margin: 0 0.4em 0 0;
 / * Damit kleine Symbole nicht abgeschnitten werden * /
 padding: 0 0 0 0.1em !important;
 color: inherit;
 }

 .buttons .text:after,
 .button .text:after {
 margin-left: 0.2em;
 }
*/
 .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: flex;
 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;
 }

 }


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

 
 .icon:before {
 content: "\f07b";
 }

 .abbrechen .icon:before {
 content: "\f00d";
 }

 .abbrechen.verwerfen .icon:before {
 content: "\f00d";
 }

 .abbrechen.zummenue .icon:before { 
 content: "\f00c";
 }

 .abbrechen.zurliste .icon:before {
 content: "\f00c";
 }

 .abmelden .icon:before {
 content: "\f023";
 }

 .abstimmen .icon:before {
 content: "\f00c";
 }

 .dekoder .icon:before {
 content: "\f12b";
 }

 .adressen > .icon:before {
 content: "\f2b9";
 }

 .adressinfo .icon:before {
 content: "\f129";
 }

 .aktivieren .icon:before {
 content: "\f00c";
 }

 .aktualisieren .icon:before {
 content: "\f01e";
 }

 .alleauswaehlen .icon:before {
 content: "\f14a";
 }

 .anfragen .icon:before { 
 content: "\f27a";
 }

 .anmelden .icon:before {
 content: "\f13e";
 }

 .anmeldung .icon:before {
 content: "\f234";
 }

 .ansehen .icon:before {
 content: "\f00e";
 }

 .anwenden .icon:before {
 content: "\f0d0";
 }

 .anzeige .icon:before {
 content: "\f254";
 }

 .shopartikel > .icon:before {
 content: "\f0f4";
 }

 .artikeleigenschaft > .icon:before {
 content: "\f3fd";
 }

 .bestaetigung .icon:before {
 content: "\f00c";
 }

 .besteller > .icon:before {
 content: "\f4ce";
 }

 .bestellungen > .icon:before {
 content: "\f07a";
 }

 .warenkorb > .icon:before {
 content: "\f07a";
 }

 .at .icon:before {
 content: "\f1fa";
 }

 .ausgewaehlteaendern .icon:before {
 content: "\f044";
 }

 .shopkonfig > .icon:before {
 content: "\f0ad";
 }

 .auswahlloeschen .icon:before {
 content: "\f1f8";
 }


 .baumelementaendern > .icon:before {
 content: "\f0ad";
 }

 .bearbeiten > .icon:before {
 content: "\f044";
 }

 .bedienungsanleitung .icon:before {
 content: "\f059";
 }

 .benutzerio .icon:before {
 content: "\f4fc";
 }

 .benutzernio .icon:before {
 content: "\f235";
 }

 .benutzername .icon:before {
 content: "\f507";
 }

 .bestellen .icon:before {
 content: "\f07a";
 }

 .bild > .icon:before { 
 content: "\f1c5";
 }

 .bildbalken > .icon:before {
 content: "\f03e";
 }

 .bildergalerie > .icon:before,
 .bildnummer > .icon:before {
 content: "\f87c";
 }

 .blog > .icon:before { 
 content: "\f044";
 }

 .cjpacker .icon:before { 
 content: "\f066";
 }

 .cmsgenerator > .icon:before {
 content: "\f013";
 }

 .css3 .icon:before {
 content: "\f13c";
 }


 .dateimanager > .icon:before { 
 content: "\f07c";
 }

 .dateiupload > .icon:before {
 content: "\f093";
 }

 .datenbanken > .icon:before {
 content: "\f12e";
 }

 .datenexport > .icon:before {
 content: "\f0d1";
 }

 .datenimport > .icon:before {
 content: "\f0d1";
 }

 .datensicherung > .icon:before {
 content: "\f0d1";
 }

 .dbleeren .icon:before {
 content: "\f2ed";
 }

 .dboptimierung .icon:before {
 content: "\f1c0";
 }

 .dbpruefung > .icon:before {
 content: "\f14a";
 }

 .dbstandards .icon:before {
 content: "\f0ce";
 }

 .deaktivieren .icon:before {
 content: "\f00d";
 }

 .detailansicht .icon:before {
 content: "\f15c";
 }

 .diagnose .icon:before {
 content: "\f0f1";
 }

 .downloads >.icon:before {
 content: "\f019";
 }

 .drucken .icon:before {
 content: "\f02f";
 }

 .dunkelhell .hell .icon:before {
 content: "\f185";
 }

 .dunkelhell .dunkel .icon:before {
 content: "\f186";
 }

 .dunkelhell .auto .icon:before {
 content: "\f042";
 }

 .duplizieren .icon:before {
 content: "\f0c5";
 }


 .einfuegen .icon:before {
 content: "\f0ea";
 }

 .eintragen .icon:before {
 content: "\f044";
 }

 .emailversand .icon:before {
 content: "\f0e0";
 }

 .empfehlung .icon:before {
 content: "\f005";
 }

 .ersteseite .icon:before {
 content: "\f100";
 }

 .erstellen .icon:before {
 content: "\f0d0";
 }

 .exportcsv .icon:before {
 content: "\f0d1";
 }

 .exportsql .icon:before {
 content: "\f0d1";
 }

 .exportvcf .icon:before {
 content: "\f0d1";
 }


 .facebook .icon:before {
 content: "\f082";
 }

 .favoriten .icon:before {
 content: "\f02e";
 }

 .fernwartung.mac .icon:before {
 content: "\f179";
 }

 .fernwartung.windows .icon:before {
 content: "\f17a";
 }

 .filter > .icon:before {
 content: "\f0b0";
 }

 .button.fonnavi .icon:before {
 content: "\f0c9";
 }

 /* */
 body.fonnavi .button.fonnavi .icon:before {
 content: "\f00d";
 }
 /* */

 .foren > .icon:before {
 content: "\f03a";
 }

 .forenbeitraege .icon:before {
 content: "\f086";
 }


 .galerie > .icon:before {
 content: "\f03e";
 }

 .gaestebuch > .icon:before {
 content: "\f02d";
 }


 .herunterladen .icon:before {
 content: "\f019";
 }

 .heute .icon:before {
 content: "\f783";
 }

 .hilfe .icon:before {
 content: "\f059";
 }

 .hintergrundbilder .icon:before {
 content: "\f1c5";
 }


 .immobilien > .icon:before {
 content: "\f015";
 }

 .immokonfig > .icon:before {
 content: "\f0ad";
 }

 .infoumgebung .icon:before {
 content: "\f05a";
 }


 .kalender .icon:before {
 content: "\f073";
 }

 .kategorien > .icon:before { 
 content: "\f02c";
 }

 .keinbild .icon:before {
 content: "\f2ed";
 }

 .keineauswaehlen .icon:before {
 content: "\f068";
 font-weight: normal;
 }

 .kennwortvergessen .icon:before {
 content: "\f084";
 }

 .kennwortanzeigen > .icon:before {
 content: "\f070";
 }

 .kennwortanzeigen.aktiv .icon:before {
 content: "\f06e";
 }

 .kommentare > .icon:before {
 content: "\f086";
 }

 .konfiguration > .icon:before {
 content: "\f0ad";
 }

 .konsempf > .icon:before {
 content: "\f651";
 }

 .kontakt > .icon:before {
 content: "\f0e0";
 }

 .kopieren .icon:before {
 content: "\f0c5";
 }

 .kopierentext .icon:before {
 content: "\f0c5";
 }


 .layoutkacheln .icon:before {
 content: "\f009";
 }

 .layoutliste .icon:before {
 content: "\f00b";
 }

 .letzteseite .icon:before {
 content: "\f101";
 }

 .link > .icon:before {
 content: "\f0c1";
 }

 .links > .icon:before {
 content: "\f0c1";
 }

 .linktausch .icon:before {
 content: "\f362";
 }

 .loeschen .icon:before {
 content: "\f2ed";
 }

 .login > .icon:before {
 content: "\f13e";
 }

 .loglogout .icon:before {
 content: "\f023";
 }

 .loglogin > .icon:before {
 content: "\f03a";
 }

 .logout .icon:before {
 content: '\f2f5';
 }

 .logpartner > .icon:before {
 content: "\f03a";
 }

 .logprogfehler > .icon:before {
 content: "\f03a";
 }

 .logspeichern .icon:before {
 content: "\f03a";
 }

 .logsuche > .icon:before {
 content: "\f03a";
 }


 .mediathek > .icon:before {
 content: "\f03d";
 }

 .mehr .icon:before { content: "\f067"; }

 .mehr.oeffner .icon:before { 
 content: '\f107';
 }

 .mehr.offen .icon:before {
 content: "\f106";
 }

 .meinbackend > .icon:before {
 content: "\f0ad";
 }

 .meinedaten > .icon:before {
 content: '\f007';
 }

 .meineseite > .icon:before {
 content: '\f2c2';
 }

 .merken .icon:before {
 content: "\f004";
 }

 .merkliste > .icon:before {
 content: "\f004";
 }


 .nachoben .icon:before {
 content: "\f106";
 }

 .nachobenstart .icon:before {
 content: "\f102";
 }

 .nachunten .icon:before {
 content: "\f107";
 }

 .nachuntenende .icon:before {
 content: "\f103";
 }

 .navielementneu .icon:before {
 content: "\f15b";
 }

 .navielement .icon:before {
 content: "\f0d0";
 }

 .neu .icon:before { 
 content: "\f067"; content: '\f15b';
 }

 .neuerordner .icon:before {
 content: "\f65e";
 }

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

 .news > .icon:before {
 content: "\f0a1";
 }

 .newsletter > .icon:before {
 content: "\f09e";
 }


 .oeffner .icon:before {
 content: "\f0c9";
 }

 .ok > .icon:before {
 content: "\f00c";
 }

 .optionen .icon:before,
 .optionen.boxoeffner .icon:before,
 .optionen.geschlossen .icon:before {
 content: "\f055";
 }

 .optionen.boxschliesser .icon:before,
 .optionen.offen .icon:before {
 content: "\f056";
 }


 .partnerstat > .icon:before {
 content: "\f201";
 }

 .pdf .icon:before {
 content: "\f019";
 }

 .phpinfo .icon:before {
 content: "\f05a";
 }

 .presse > .icon:before {
 content: "\f15c";
 }

 .produkte > .icon:before {
 content: "\f02b";
 }

 .projekte > .icon:before {
 content: "\f0eb";
 }

 .protokolle .icon:before {
 content: "\f0ca";
 }

 .pruefung .icon:before {
 content: "\f15c";
 }


 .qrcodes > .icon:before {
 content: "\f029";
 }


 .referenzen > .icon:before {
 content: "\f164";
 }

 .reservierungen > .icon:before {
 content: "\f073";
 }

 .rssfeed > .icon:before {
 content: "\f09e";
 }

 .sammelsurium > .icon:before {
 content: "\f291";
 }

 .schliessen .icon:before {
 content: "\f00c";
 }

 .schliesser .icon:before {
 content: "\f00d";
 }

 .sorter .icon:before {
 content: "\f074";
 }

 .speichern .icon:before {
 content: "\f0c7";
 }

 .speichernupload .icon:before {
 content: "\f0c7";
 }

 .sprachwahl .icon:before {
 content: "\f0ac";
 }

 .standardwerte .icon:before {
 content: "\f0e2";
 }

 .statistiken > .icon:before {
 content: "\f080";
 }

 .stornieren .icon:before {
 content: "\f2ed";
 }

 .suche .icon:before {
 content: "\f002";
 }

 .suchdialog > .icon:before {
 content: "\f002";
 }


 .team > .icon:before {
 content: "\f0c0";
 }

 .telefon .icon:before {
 content: "\f095";
 }

 .termine > .icon:before {
 content: "\f073";
 }

 .terminvorschlag > .icon:before {
 content: "\f271";
 }

 .textfilter .icon:before {
 content: "\f0b0";
 }

 .textloeschen .icon:before {
 content: "\f55a";
 }

 .thema > .icon:before {
 content: "\f1fc";
 }

 .ticker > .icon:before {
 content: "\f0f3";
 }

 .uebersicht .icon:before {
 content: "\f039";
 }

 .uhrzeit .icon:before {
 content: "\f017";
 }

 .umbenennen .icon:before {
 content: "\f044";
 }

 .umfragen > .icon:before {
 content: "\f0ae";
 }

 .umsaetze > .icon:before {
 content: "\f1fe";
 }

 .undo .icon:before {
 content: "\f2ea";
 }


 .vcard .icon:before {
 content: "\f022";
 }

 .verfuegbarkeit .icon:before {
 content: "\f0d1";
 }

 .verschieben .icon:before {
 content: "\f0b2";
 }

 .versenden .icon:before {
 content: "\f0e0";
 }

 .verwerfen .icon:before {
 content: "\f0e2";
 }

 .videos > .icon:before {
 content: "\f03d";
 }

 .vor .icon:before {
 content: "\f105";
 }


 .warenkorb > .icon:before {
 content: "\f07a";
 }

 .warenkorbminus .icon:before {
 content: "\f068";
 }

 .warenkorbplus .icon:before {
 content: "\f067";
 }

 .webadmins > .icon:before {
 content: "\f0c0";
 }

 .webentwicklung > .icon:before {
 content: "\f0eb";
 }

 .webinhalte > .icon:before {
 content: "\f15b";
 }

 .website > .icon:before {
 margin-left: -0.1em !important;
 content: "\f0e8";
 }

 .websitetexte > .icon:before {
 content: "\f075";
 }

 .weiter .icon:before {
 content: "\f105";
 }

 .weniger .icon:before {
 content: "\f106";
 }

 .widerruf > .icon:before {
 content: "\f01e";
 }

 .wsnavigation > .icon:before {
 content: "\f0e8";
 }


 .zurueck .icon:before {
 content: "\f104";
 }


 .hintergrund:before {
 display: none;
 }

 .buttons a:before {
 content: none !important;
 }

 /******************************************************************************************
 * *
 * 24.07.2026 08:38 CMS *
 * *
 ******************************************************************************************/


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

.dialog {
 /* !important wg. Meine Daten / Zugangskontrolle */
position: fixed !important;

top: calc(50% + 20px);
left: 50%;
transform: translate(-50%, -50%);


width: 96%; 
max-width: 600px;
max-height: 90vh;


display: flex;
flex-direction: column;
z-index: 3001;
overflow: visible;
}

 .dialog.cmsgenerator {
 max-width: 800px;
 }

 .dialog > .hintergrund {
 position: fixed;
width: auto;
left: -100vw;
right: -100vw;
top: -100vh;
bottom: -100vh;
 }

.dialog > .rahmen {
overflow: auto;

flex-grow: 1;
 width: 100%;
}
/*
 .kopf-pos-0 .dialog2 {
 top: 35px;
 }
*/
 .dialog > .rahmen > .inhalt {
 padding: 0.4rem;
 }

 @media (min-width: 600px) {

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

 }

 .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,
 .dialog.geschlossen > .hintergrund {
 
 max-height: 1px;
 opacity: 0 !important;
 position: absolute !important; 
 z-index: -1 !important;
 overflow: hidden;
 }


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

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

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

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


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

 /*
 body.frontend .dialog > .hintergrund {
 background-color: #DDDDDD;
 25
 }

 body.frontend .dialog > .rahmen > .inhalt > .hintergrund {
 background-color: #FFFFFF;
 
 }
 */

 
 @media (max-width: 1099px) {

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

 .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: 35px;
 }

 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);
 }


 /******************************************************************************************
 * .suchdialog *
 ******************************************************************************************/

 
 .suchdialog > .rahmen {
 overflow: visible !important;
 }

 .suchdialog > .rahmen > .inhalt {
 padding: 0;
 }

 .suchdialog form {
 margin: 0;
 }

 .suchdialog .cmsform.layout1 label {
 flex: 0 0 7rem;
 width: 7rem;
 min-width: 7rem;
 max-width: 7rem;
 }

 .suchdialog.ohnemodulwahl .cmsform .datenbank {
 display: none;
 }
 /******************************************************************************************
 * *
 * 01.02.2026 11:19 CMS *
 * *
 ******************************************************************************************/


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

 .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.6rem;
 }

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


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

 
 .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.text1521 .icon:before,
 .buttons.sozialelinks li.text1521 .text:before {
 font-family: 'fontawesome-brands' !important;
 content: "\e61b";
 }

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

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

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

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

 
 .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";
 }


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

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


 /******************************************************************************************
 * .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 .icon {
 margin-top: -0.2em;
 padding: 0;
 vertical-align: middle;
 }


 /******************************************************************************************
 * .sozialelinks.design-2 - Eckiger Hintergrund *
 ******************************************************************************************/

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


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

 .buttons.sozialelinks.design-3 li {
 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 .icon {
 display: inline-flex;
 }

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

 .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: #0055BB !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;
 }


 /******************************************************************************************
 * .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 {
 margin: 0 0 0 0.5em;
 visibility: visible;
 }
 /******************************************************************************************
 * *
 * 06.08.2026 18:42 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * .cmsform *
 ******************************************************************************************/

 .cmsform {
 position: relative;
 width: auto;
 border: none;
 }

 fieldset.cmsform {
 width: 100%;
 margin: 0 0 1.8rem 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;
 }

 .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;
 }

.dialog.offen .tox-tinymce,
.dialog.offen .tox-tinymce-aux {
z-index: 9997;
 }

 .dialog.offen.cmsgenerator .tox-tinymce {
 z-index: 1201;
 }

span[cmsgenerator-data] {
background-color: #006633; 
padding: 0.1em 0.6em 0.1em 0.6em;
color: #FCFCFC;
display: inline-block;
 opacity: 0.9;
 }


 /******************************************************************************************
 * .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;
 top: 0;
 bottom: 0;
 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,
 .cmsform .datenschutz 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 {
 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;
 }

 .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;
 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: {cms[thema][821][padding-left]};
 }

 .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;
 white-space: nowrap;
 }

 .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,
 .cmsformxxxxxxxx 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.layout4.pfthema-21 .pflichtfeld .feldvorbelegung:after {
 content: '\f059';
 }

 
 .cmsform.layout4.pfthema-22 .pflichtfeld .feldvorbelegung:after {
 content: '\f005';
 }

 
 .cmsform.layout4.pfthema-23 .pflichtfeld .feldvorbelegung: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 {
 flex: 0 1 auto;
 width: auto;
 }

 .cmsform .spamschutz .freifeld.spamcode span {
 line-height: inherit !important;
 }

 .cmsform .spamcode_fueller,
 .cmsform .spamcode_a,
 .cmsform .spamcode_b,
 .cmsform .spamcode_c,
 .cmsform .spamcode_d {
 width: 0;
 height: 0;
 font-size: 0;
 color: #FFFFFF;
 }


 /******************************************************************************************
 * .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 0.2rem 0 0;
 padding: 0 0.4em 0 0.4em;
 }

 .buttons.formularfeldbuttons .text {
 display: none;
 }

 .buttons.formularfeldbuttons .icon {
 display: inline-flex;
 }


 /******************************************************************************************
 * .kennwortanzeigen *
 ******************************************************************************************/

 .button.kennwortanzeigen {
 margin: 0;
 }

 .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;
 padding: 0 !important;
 }


 /******************************************************************************************
 * .pflichtfeldhinweis *
 ******************************************************************************************/

 form > p.pflichtfeldhinweis {
 display: inline-block;
 position: absolute;
 right: 1.0rem;
 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: 1.0rem;
 bottom: auto;
 }

 form > p.pflichtfeldhinweis.unten {
 bottom: 1.0rem;
 }

 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: #0055BB;
 }

 body.frontend .buttons .kennwortvergessen:hover > .text {
 color: #666666;
 }


 /******************************************************************************************
 * .jssuche *
 ******************************************************************************************/

 .cmsform p.jssuche {
 margin: 0 0 0.8rem 0;
 }

 .jssuche .hintergrund {
 text-align: right;
 }

 .jssuche .hintergrund:after {
 line-height: 1.0em;
 margin: 0 0.4em 0 0;
 padding: 0;
 font-style: normal;
 content: "\f002";
 opacity: 0.2;
 }


 /******************************************************************************************
 * .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";
 }


 /******************************************************************************************
 * .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.0rem * 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.0rem * 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;
 }

 .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;
 }

 /******************************************************************************************
 * *
 * 01.04.2026 21:21 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * .cmskalender *
 ******************************************************************************************/

 .frontend .dialog.cmskalender > .rahmen > .inhalt {
 padding: 0;
 }

.cmskalender .kopf {
display: flex;
justify-content: flex-start;
margin: 0 0 0.6rem 0;
 padding: 0 0 0 0.2rem;
}

.cmskalender .kopf p {
width: auto;
align-items: center;
}

.cmskalender .kopf .buttons {
margin: 0 0 0 0.6rem;
}

.cmskalender .kopf .button.vor .text,
.cmskalender .kopf .button.zurueck .text {
display: none;
}

.cmskalender .kopf .button.vor .icon,
.cmskalender .kopf .button.zurueck .icon {
display: inline-flex;
}

.cmskalender .tagnamen {
display: flex;
width: 100%;
margin: 0;
}

.cmskalender .tagnamen,
.cmskalender .tagnamen li {
list-style-type: none;
}

.cmskalender .tagnamen li {
display: inline-flex;
justify-content: center;
width: calc(100% / 7);
margin: 0;
padding: 0.4em 0 0.4em 0;
}

.cmskalender .tagnamen li .hintergrund {
top: 0.2em;
right: 0.2em;
bottom: 0.2em;
left: 0.2em;
background-color: #DDDDDD;
opacity: 0.2;
}


.cmskalender .tage {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin: 0.4rem 0 1rem 0;
}

.cmskalender .tage,
.cmskalender .tage .tag {
list-style-type: none;
}

.cmskalender .tage .tag {
display: inline-flex;
justify-content: center;
width: calc(100% / 7);
margin: 0;
padding: 0.6em 0 0.6em 0;
text-align: center;
cursor: pointer;
}

.cmskalender .tage .tag.deaktiviert {
opacity: 0.2;
 cursor: not-allowed;
 pointer-events: none;
}

.cmskalender .tage .tag.leer {
opacity: 0.1;
}

.cmskalender .tage .tag .hintergrund {
top: 0.2em;
right: 0.2em;
bottom: 0.2em;
left: 0.2em;
 background-color: #C0C0C0;
 border-radius: 0.2rem;
opacity: 0.1;
}

.cmskalender .tage .tag:hover .hintergrund {
opacity: 0.3;
}

.cmskalender .tage .tag.heute .hintergrund {
opacity: 0.4;
}

.cmskalender .tage .tag.gewaehlt .hintergrund {
background-color: #009933;
opacity: 0.6;
}

.cmskalender .tage .tag .nummer {
position: relative;
}

.cmskalender .fuss {
 padding: 0 0 0 0.2rem;
}

 /******************************************************************************************
 * *
 * 03.06.2026 21:57 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * .bilderstapel *
 ******************************************************************************************/

 .bilderstapel {
 display: flex;
 flex-flow: column;
 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 .icon {
 display: none;
 }

 .bilderstapel > .bild > .dateiname .name {
 color: #F4F4F4;
 font-size: 1.4rem;
 text-shadow: -1px 1px 0 #0055BB,
 1px 1px 0 #0055BB,
 1px -1px 0 #0055BB,
-1px -1px 0 #0055BB;
 }


 /******************************************************************************************
 * .galerie *
 ******************************************************************************************/

 .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: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 z-index: 1101;
 }

 
 
 .galerie.vollbild > .hintergrund {
 bottom: -500px;
 }

 .galerie.vollbild > .bilder,
 .galerie.vollbild > .bilder > .rahmen {
 max-height: 100% !important;
 }


 /******************************************************************************************
 * body.galerievollbild *
 ******************************************************************************************/

 body.galerievollbild {
 min-height: 0;
 }

 body.galerievollbild #inhalt,
 body.galerievollbild #fuss {
 height: 0;
 overflow: hidden;
 }


 /******************************************************************************************
 * Vollbild - ganzer Bildschirm *
 ******************************************************************************************/


.fullscreen-container:-webkit-full-screen {
width: 100%;
height: 100%;
background-color: black; 
 }

.fullscreen-container:-moz-full-screen {
width: 100%;
height: 100%;
background-color: black;
 }

.fullscreen-container:-ms-fullscreen {
width: 100%;
height: 100%;
background-color: black;
 }

.fullscreen-container:fullscreen {
width: 100%;
height: 100%;
background-color: black;
 }


 /******************************************************************************************
 * .galerie .bilddebuginfo *
 ******************************************************************************************/

 .galerie .bilddebuginfo {
 display: block;
 position: absolute;
 top: 0.4rem;
 left: 0.4rem;
 padding: 0.2rem;
 }

 .galerie .bilddebuginfo .hintergrund {
 background-color: #DDDDDD;
 opacity: 0.9;
 }
 
 .galerie .bilddebuginfo * {
 font-size: 0.7rem;
 line-height: 1.3em;
 color: #333333;
 }

 .galerie .bilddebuginfo .bildurl,
 .galerie .bilddebuginfo .originalbild,
 .galerie .bilddebuginfo .bildformate,
 .galerie .bilddebuginfo .aktuellesbild,
 .galerie .bilddebuginfo .aktuellesbild .url,
 .galerie .bilddebuginfo .aktuellesbild .dimension {
 display: block;
 position: relative;
 }


 /******************************************************************************************
 * .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;
 }

 
 .drucker .galerie .buttons.steuerung {
 display: none;
 }

 
 .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 .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 li.bildnummer .text span {
 color: inherit;
 }


 /******************************************************************************************
 * .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 {
 content: "\f03a";
 }

 .galerie .buttons.steuerung li.bildvor .icon:before { 
 content: '\f105';
 }

 .galerie .buttons.steuerung li.bildzurueck .icon:before {
 content: '\f104';
 }

 .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: -100px;
 left: auto;
 margin: 0;
 }

 .galerie.bilderstapelaus .buttons.steuerung li.bilderstapel.ein,
 .galerie.bilderstapelein .buttons.steuerung li.bilderstapel.aus,
 .galerie .buttons.steuerung li.bilderstapel .text {
 display: flex;
 }

 .galerie .buttons.steuerung li.bilderstapel .text {
 font-size: 1rem;
 }

 .galerie.vollbild .buttons.steuerung li.bilderstapel {
 display: none;
 }


 /******************************************************************************************
 * .galerie .buttons .herunterladen *
 ******************************************************************************************/

 .galerie .buttons.steuerung li.herunterladen {
 display: flex;
 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[data-dateityp="jpg"],
.galerie .buttons.steuerung li.herunterladen[data-dateityp="webp"] {
 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: #FFFFFF;
 opacity: 0.5;
 }

 
 .galerie.buttondesign-2 .buttons.steuerung li .icon:before,
 .galerie.buttondesign-2 .buttons.steuerung li.bildnummer .text span {
 color: #0055BB;
 }

 
 .galerie.buttondesign-2 .buttons.steuerung li:hover .icon:before {
 color: #444444;
 opacity: 0.8;
 }

 .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 #0055BB,
 1px 1px 0 #0055BB,
 1px -1px 0 #0055BB,
-1px -1px 0 #0055BB;
 }

 /*
 .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: #0055BB;
 }

 .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;
 }


 /******************************************************************************************
 * .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: #FFFFFF;
 content: "\f00c";
 opacity: 0.9;
 }


 /******************************************************************************************
 * .galerie .vorschaubilder .bild .bildnummer *
 ******************************************************************************************/

 .galerie .vorschaubilder .bild .bildnummer {
 display: block;
 position: absolute;
 top: auto;
 right: 0;
 bottom: 20%;
 left: 45%;
 font-family: verdana;
 font-size: 0.9rem;
 font-weight: 300;
 color: #F9F9F9;
 text-shadow: 0 0 2px black;
 opacity: 0.9;
 }

 
 .galerie.layout-3 .vorschaubilder .bild .bildnummer {
 bottom: 5%;
 }


 /******************************************************************************************
 * .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: #FFFFFF;
 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.6rem;
 bottom: auto;
 left: auto;
 margin: 0;
 }

 .galerie .vorschaubilder .buttons.steuerung li.zurueck {
 left: 0.6rem;
 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 .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 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: #F0F0F0;
 }


 /******************************************************************************************
 * .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.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;
 }

 .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 .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: #666666;
 opacity: 0.9;
 }

 .galerie .buttons.direktwahl li.aktiv .icon:before {
 color: #FFFFFF;
 }


 /******************************************************************************************
 * .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";
 }

 .galerie .buttons.direktwahl.symbol1 li.aktiv .icon:before,
 .galerie .buttons.direktwahl.symbol1 li:hover .icon:before {
 content: "\f111";
 }


 /******************************************************************************************
 * .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";
 }

 .galerie .buttons.direktwahl.symbol2 li.aktiv .icon:before,
 .galerie .buttons.direktwahl.symbol2 li:hover .icon:before {
 content: "\f0c8";
 }


 /******************************************************************************************
 * .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 .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.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;
 }

/*
.galerie > .bilder > .rahmen,
.galerie > .bilder > .rahmen .bild {
display: block;
position: relative;
border: 5px solid #FF0000;
}

.galerie > .bilder > .rahmen .hoehe {
display: none;
}

/ *

.galerie > .bilder > .rahmen {
width: 100%;
min-width: 400px !important;
height: 100%;
min-height: 300px !important;
border: 5px solid #FF0000;
}

/ *
.galerie > .bilder {
border: 5px solid #00FF00;
}

.galerie > .bilder > .rahmen {
border: 5px solid #0000FF;
}
*/
 /******************************************************************************************
 * *
 * 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: 100%;
 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;
 }


 /******************************************************************************************
 * *
 * 02.05.2026 21:35 CMS *
 * *
 ******************************************************************************************/


 /******************************************************************************************
 * .dynform *
 ******************************************************************************************/

 
 fieldset.cmsform.dynform920 {
 margin-top: 4px;
 }

 
 .dynform.maxfelder0 {
 display: none;
 }

 .dynform textarea {
 min-height: 100px;
 }



 /******************************************************************************************
 * .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 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;
 }


 /******************************************************************************************
 * .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.5em 0.6em 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,
 .dynform.bilder .formularfeld .formularfeldbuttons li.loeschen {
 width: 23%;
 margin: 1%;
 }

 .dynform.bilder .formularfeld .formularfeldbuttons li.loeschen .hintergrund {
 background-color: #550000;
 }

 .dynform.bilder .formularfeld .formularfeldbuttons li.verschieben {
 width: 73%;
 }


 .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 {
 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: 220px;
 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.2em;
 padding: 0.15em 0 0.15em 0;
 text-align: center;
 font-size: 0.8rem;
 }

 .bildeigenschaften p span {
 line-height: inherit;
 font-size: inherit;
 }

 .bildeigenschaften .keinalttext:before {
 content: '\f87d';
 color: #DD0000;
 }

 .og-image-1 .bildeigenschaften p:after,
 .og-image-2 .bildeigenschaften p:after {
 margin-left: 0.4em;
 content: '\f164';
 }

 .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 .filter {
 cursor: pointer;
 }

 .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.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;font-weight:400;color:#222222;line-height:1.5rem;-webkit-hyphens:auto;hyphens:auto;}
 h2, h2:before, h2 a, h2 span, h2 u, h2 strong, h2 a.textlink
 {font-size:1.6rem;font-weight:normal;text-transform:none;margin-bottom:0.4em;line-height:1.2em;}
 h3, h3:before, h3 a, h3 span, h3 u, h3 strong, h3 a.textlink
 {font-size:1.3rem;font-weight:400;margin-bottom:0.3em;font-family:'RobotoCondensed', verdana, arial, serif;line-height:1.3em;}
 h4, h4:before, h4 a, h4 span, h4 u, h4 strong, h4 a.textlink
 {font-size:1.2rem;font-weight:500;text-transform:uppercase;margin-bottom:0.4em;font-family:'RobotoCondensed', verdana, arial, serif;}
 a:active,
 a:link,
 a:visited,
 a:hover,

 a span,

 h1 a:active,
 h1 a:link,
 h1 a:visited,
 h1 a:hover,

 .textlink
 {color:#0055BB;text-decoration:none;text-transform:none;}
 a:hover,
 a:hover span,
 .textlink:hover,
 h1 a:hover,
 .datensatz:hover .link-details .textlink
 {color:#666666;}
 .textlink:before
 {content:'\f35a';font-weight:900;-webkit-hyphens:none;hyphens:none;}
 html, body
 {background-color:#EEEEEE;}
 .dialog > .hintergrund
 {background-color:#DDDDDD;opacity:0.75;}
 .dialog > .rahmen > .inhalt > .hintergrund
 {background-color:#FFFFFF;}
 #statusleiste > .rahmen
 {width:98%;}
 #statusleiste > .hintergrund
 {background-color:#FFD95C;}
 .buttons.navipfad > .lihintergrund
 {background-color:#EEEEEE;}
 #kopf .buttons.navipfad li .text,
 #kopf .buttons.navipfad li.aktiv .text,
 #kopf .buttons.navipfad li.inaktiv .text
 {font-size:0.9rem;color:#333333;}
 #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:0.7rem;}
 #inhalt .navigation1 ul.cms_baumstruktur > li > p,
 #kopf .navigation1 ul.cms_baumstruktur > li > p,
 #seitenleiste .navigation1 ul.cms_baumstruktur > li > p
 {text-transform:none;font-family:'RobotoCondensed', verdana, arial, serif;font-size:1.1rem;padding-top:0.7em;padding-bottom:1px;border-bottom-style:solid;border-bottom-color:transparent;border-bottom-width:2px;line-height:1.4em;font-weight:400;}
 #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:#555555;border-bottom-color:#555555;}
 #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:#555555;border-bottom-color:#555555;}
 #inhalt .navigation1 ul.cms_baumstruktur ul.ebene2 li,
 #kopf .navigation1 ul.cms_baumstruktur ul.ebene2 li,
 #seitenleiste .navigation1 ul.cms_baumstruktur ul.ebene2 li
 {padding-right:0.7rem;padding-left:0.7rem;padding-bottom:0.1rem;}
 #inhalt .navigation1 ul.cms_baumstruktur ul.ebene2 li p,
 #kopf .navigation1 ul.cms_baumstruktur ul.ebene2 li p,
 #seitenleiste .navigation1 ul.cms_baumstruktur ul li p
 {padding-top:0.3em;padding-bottom:1px;font-weight:400;font-family:'RobotoCondensed', verdana, arial, serif;text-transform:none;border-bottom-style:solid;border-bottom-color:transparent;border-bottom-width:2px;font-size:1.1rem;}
 #inhalt .navigation1 ul.cms_baumstruktur ul.ebene2 li:hover > p,
 #kopf .navigation1 ul.cms_baumstruktur ul.ebene2 li:hover > p,
 #seitenleiste .navigation1 ul.cms_baumstruktur ul.ebene2 li:hover > p
 {color:#555555;border-bottom-color:#555555;}
 #inhalt .navigation1 ul.cms_baumstruktur ul li.aktiv > p,
 #inhalt .navigation1 ul.cms_baumstruktur ul li.astaktiv > p,

 #kopf .navigation1 ul.cms_baumstruktur ul li.aktiv > p,
 #kopf .navigation1 ul.cms_baumstruktur ul li.astaktiv > p,

 #seitenleiste .navigation1 ul.cms_baumstruktur ul li.aktiv > p,
 #seitenleiste .navigation1 ul.cms_baumstruktur ul li.astaktiv > p
 {color:#555555;border-bottom-color:#555555;}
 .navigation1 ul.cms_baumstruktur ul.ebene2 > .hintergrund
 {background-color:#E5E5E5;}
 form.cmsform
 {padding-top:1.0rem;padding-right:1.0rem;padding-bottom:1.0rem;padding-left:1.0rem;}
 form.cmsform > .hintergrund
 {background-color:#C6F7CB;}
 fieldset.cmsform
 {margin-bottom:1.0rem;line-height:2.0rem;}
 .cmsform legend,
 fieldset.cmsform > legend,
 .cmsform .legend
 {font-size:1.1rem;font-weight:400;margin-bottom:0.8em;text-transform:uppercase;}
 .cmsform .eingabefeld > .hintergrund,
.cmsform .freifeld.pd > .hintergrund,
.cmsform .pulldown.offen > .hintergrund,
.frontend .dynform.bilder .formularfeld > .hintergrund
 {background-color:#F6F6F6;border-style:none;}
 .cmsform .eingabefeld.focus > .hintergrund,
.cmsform .eingabefeld:hover > .hintergrund,
.cmsform .eingabefeld.markiert > .hintergrund,
.cmsform .freifeld.pd:hover > .hintergrund,
 .cmsform .pulldown.offen span:hover
 {background-color:#FFECCE;}
 .cmsform .feldvorbelegung
 {line-height:1.5em;font-size:0.9rem;color:#777777;font-style:italic;}
 #inhalt > .rahmen
 {width:98%;}
 .inhaltbox
 {margin-bottom:3.0rem;}
 #fuss > .rahmen
 {padding-top:3rem;padding-bottom:4rem;width:98%;}
 #fuss > .hintergrund
 {background-color:#FFFFFF;border-top-style:solid;border-top-color:#DDDDDD;border-top-width:1px;}
 .fussbox
 {margin-bottom:2rem;}
 #kopf > .rahmen
 {width:98%;}
 #kopf > .hintergrund
 {background-color:#0055BB;border-bottom-style:solid;border-bottom-color:#666666;border-bottom-width:1px;}
 body.browser_mobile #kopf > .hintergrund
 {background-color:#0055BB;}
 #kopfbox1 p,
 #kopfbox1 :before,
 #kopfbox1 :after,
 #kopfbox1 p > input,
 #kopfbox1 p > select,
 #kopfbox1 p > span,
 #kopfbox1 p > textarea
 {font-family:'RobotoCondensed', verdana, arial, serif;font-size:1.4rem;text-transform:uppercase;color:#333333;}
 #kopfbox2
 {width:100%;height:50px;z-index:55;}
 #kopfbox2 > .hintergrund
 {right:-3000px;bottom:0;left:-3000px;background-color:#E5E5E5;}
 #kopfbox10
 {margin-right:2%;order:5;}
 #kopfbox11
 {height:40px;}
 .buttons li,
 .button
 {margin-right:0.8em;padding-top:0.3em;padding-right:0.8em;padding-bottom:0.3em;padding-left:0.8em;}
 .buttons li .text,
 .button .kuerzel,
 .button .text
 {color:#F0F0F0;text-transform:none;font-family:'RobotoCondensed', verdana, arial, serif;font-weight:400;padding-left: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:#F0F0F0;}
 .buttons li.aktiv .text,
 .button.aktiv .text
 {color:#FFFFFF;}
 .buttons .icon,
 .galerie .bildnummer .icon,
 .button .icon
 {color:#FFFFFF;}
 .buttons .aktiv .icon,
 .button.aktiv .icon
 {color:#666666;}
 .buttons .inaktiv .icon,
 .buttons .deaktiviert .icon,
 .button.inaktiv .icon,
 .button.deaktiviert .icon
 {color:#FFFFFF;}
 .buttons li .hintergrund,
 .buttons > span .hintergrund,
 .galerie .bildnummer .hintergrund,
 .button .hintergrund
 {background-color:#0055BB;border-style:none;border-color:transparent;border-width:0;}
 .buttons li:hover .hintergrund,
 .buttons > span:hover .hintergrund,
 .button:hover .hintergrund
 {background-color:#444444;}
 .buttons li.aktiv .hintergrund,
 .buttons span.aktiv .hintergrund,
 .button.aktiv .hintergrund
 {background-color:#444444;}
 .buttons .inaktiv .hintergrund,
 .buttons .deaktiviert .hintergrund,
 .button.inaktiv .hintergrund,
 .button.deaktiviert .hintergrund
 {background-color:#AAAAAA;}
 .buttons.sozialelinks li
 {margin-right:0;margin-bottom:0.4rem;min-width:4em;padding-right:0.2em;padding-left:0.2em;height:inherit;}
 .buttons.sozialelinks li .text,
 .buttons.sozialelinks li .text:before,
 .buttons.sozialelinks.text-2 li .text
 {color:#0055BB;font-size:0.8rem;text-transform:none;padding-top:0;}
 .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.6rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;color:#0055BB;}
 .buttons.sozialelinks li:hover .icon,
 .buttons.sozialelinks li:hover .icon:before
 {color:#666666;}
 #fonnavi > .hintergrund
 {background-color:#E5E5E5;border-right-style:solid;border-right-color:#DDDDDD;border-right-width:1px;}
 #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
 {font-size:1.2rem;text-transform:none;line-height:2em;font-family:'RobotoCondensed', verdana, arial, serif;}
 .button.fonnavi .icon
 {font-size:1.4rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;}
 .button.fonnavi .text
 {font-size:1.4rem;color:#FFFFFF;text-transform:uppercase;}
 .button.fonnavi .hintergrund
 {background-color:transparent;}
 .button.fonnavi:hover .hintergrund
 {color:#CCCCCC;}
 .liste .datensatz
 {margin-bottom:1rem;}
 .liste .datensatz > .hintergrund,
 .liste .datensatz.layout-44 .daten > .hintergrund
 {background-color:#F6F6F6;}
 .liste .datensatz .titel > p
 {font-size:1.3rem;font-weight:400;margin-bottom:0.3em;font-family:'RobotoCondensed', verdana, arial, serif;line-height:1.3em;}
 .datensatz.design-1 > .hintergrund,
 .datensatz.design-1 .daten > .hintergrund
 {background-color:#F6F6F6;}
 .liste .datensatz .hover
 {outline-style:solid;outline-color:#0055BB1E;outline-width:1px;}
 .liste .datensatz .hover .hintergrund
 {background-color:#0055BB;opacity:0.10;}
 .liste .datensatz .hover .icon:before
 {content:'\f35a';font-size:9rem;color:#0055BB;opacity:0.10;}
 .galerie.bildtext-2 .bilder .bild > .text > .rahmen > .hintergrund
 {background-color:#F4F4F4;opacity:0.80;}
 .galerie.bildtextfarben-1 .bilder .bild > .text p
 {color:#222222;}
 .navigation3 ul.cms_baumstruktur > li > p
 {color:#0055BB;}
 .navigation3 ul.cms_baumstruktur > li:hover > p,
 .navigation3 ul.cms_baumstruktur > li.aktiv:hover > p
 {color:#666666;}
 #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:#D4D4D4;}
 #kopf .buttons li .hintergrund,
 #kopf .buttons > span .hintergrund,
 #kopf .galerie .bildnummer .hintergrund,
 #kopf .button .hintergrund
 {background-color:transparent;}
 .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:#F0F0F0;}
 .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:#0055BB;}
 .dunkelhell-1 a:hover, .dunkelhell-1
 a:hover span, .dunkelhell-1
 .textlink:hover, .dunkelhell-1
 h1 a:hover, .dunkelhell-1
 .datensatz:hover .link-details .textlink
 {color:#666666;}
 html.dunkelhell-1, body.dunkelhell-1
 {background-color:#292929;}
 .dunkelhell-1 #statusleiste > .hintergrund
 {background-color:#847130;}
 .dunkelhell-1 .buttons.navipfad > .lihintergrund
 {background-color:#292929;}
 .dunkelhell-1 #kopf .buttons.navipfad li .text, .dunkelhell-1
 #kopf .buttons.navipfad li.aktiv .text, .dunkelhell-1
 #kopf .buttons.navipfad li.inaktiv .text
 {color:#F0F0F0;}
 .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:#666666;}
 .dunkelhell-1 .navigation1 ul.cms_baumstruktur ul.ebene2 > .hintergrund
 {background-color:#333333;}
 .dunkelhell-1 form.cmsform > .hintergrund
 {background-color:#C6F7CB;opacity:0.10;}
 .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:#333333;}
 .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:#666666;}
 .dunkelhell-1 .cmsform .feldvorbelegung
 {color:#999999;}
 .dunkelhell-1 #fuss > .hintergrund
 {background-color:#292929;border-color:#333333;}
 .dunkelhell-1 #kopf > .hintergrund
 {background-color:#313131;border-color:#404040;}
 body.dunkelhell-1.browser_mobile #kopf > .hintergrund
 {background-color:#313131;}
 .dunkelhell-1 #kopfbox2 > .hintergrund
 {background-color:#2F2F2F;}
 .dunkelhell-1 .galerie div.direktwahl p.symbol3.aktiv .text, .dunkelhell-1
 .galerie div.direktwahl p.symbol3:hover .text, .dunkelhell-1
 .buttons li:hover .text, .dunkelhell-1
 .button:hover .text, .dunkelhell-1
 .button:hover .text:after, .dunkelhell-1
 .button:hover .text:before
 {color:#F0F0F0;}
 .dunkelhell-1 #fonnavi > .hintergrund
 {background-color:#292929;border-color:#333333;}
 .dunkelhell-1 .liste .datensatz > .hintergrund, .dunkelhell-1
 .liste .datensatz.layout-44 .daten > .hintergrund
 {background-color:#333333;}
 .dunkelhell-1 .datensatz.design-1 > .hintergrund, .dunkelhell-1
 .datensatz.design-1 .daten > .hintergrund
 {background-color:#333333;}
 .dunkelhell-1 .liste .datensatz .hover
 {background-color:#F6F6F61C;outline-color:#0055BB63;}
 .dunkelhell-1 .liste .datensatz .hover .icon:before
 {color:#0055BB;opacity:0.10;}
 .dunkelhell-1 .galerie.bildtextfarben-1 .bilder .bild > .text p
 {color:#222222;}
 .dunkelhell-1 .navigation3 ul.cms_baumstruktur > li > p
 {color:#0055BB;}
 .dunkelhell-1 .navigation3 ul.cms_baumstruktur > li:hover > p, .dunkelhell-1
 .navigation3 ul.cms_baumstruktur > li.aktiv:hover > p
 {color:#666666;}

@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:#F0F0F0;}
 .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:#0055BB;}
 .dunkelhell-2 a:hover, .dunkelhell-2
 a:hover span, .dunkelhell-2
 .textlink:hover, .dunkelhell-2
 h1 a:hover, .dunkelhell-2
 .datensatz:hover .link-details .textlink
 {color:#666666;}
 html.dunkelhell-2, body.dunkelhell-2
 {background-color:#292929;}
 .dunkelhell-2 #statusleiste > .hintergrund
 {background-color:#847130;}
 .dunkelhell-2 .buttons.navipfad > .lihintergrund
 {background-color:#292929;}
 .dunkelhell-2 #kopf .buttons.navipfad li .text, .dunkelhell-2
 #kopf .buttons.navipfad li.aktiv .text, .dunkelhell-2
 #kopf .buttons.navipfad li.inaktiv .text
 {color:#F0F0F0;}
 .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:#666666;}
 .dunkelhell-2 .navigation1 ul.cms_baumstruktur ul.ebene2 > .hintergrund
 {background-color:#333333;}
 .dunkelhell-2 form.cmsform > .hintergrund
 {background-color:#C6F7CB;opacity:0.10;}
 .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:#333333;}
 .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:#666666;}
 .dunkelhell-2 .cmsform .feldvorbelegung
 {color:#999999;}
 .dunkelhell-2 #fuss > .hintergrund
 {background-color:#292929;border-color:#333333;}
 .dunkelhell-2 #kopf > .hintergrund
 {background-color:#313131;border-color:#404040;}
 body.dunkelhell-2.browser_mobile #kopf > .hintergrund
 {background-color:#313131;}
 .dunkelhell-2 #kopfbox2 > .hintergrund
 {background-color:#2F2F2F;}
 .dunkelhell-2 .galerie div.direktwahl p.symbol3.aktiv .text, .dunkelhell-2
 .galerie div.direktwahl p.symbol3:hover .text, .dunkelhell-2
 .buttons li:hover .text, .dunkelhell-2
 .button:hover .text, .dunkelhell-2
 .button:hover .text:after, .dunkelhell-2
 .button:hover .text:before
 {color:#F0F0F0;}
 .dunkelhell-2 #fonnavi > .hintergrund
 {background-color:#292929;border-color:#333333;}
 .dunkelhell-2 .liste .datensatz > .hintergrund, .dunkelhell-2
 .liste .datensatz.layout-44 .daten > .hintergrund
 {background-color:#333333;}
 .dunkelhell-2 .datensatz.design-1 > .hintergrund, .dunkelhell-2
 .datensatz.design-1 .daten > .hintergrund
 {background-color:#333333;}
 .dunkelhell-2 .liste .datensatz .hover
 {background-color:#F6F6F61C;outline-color:#0055BB63;}
 .dunkelhell-2 .liste .datensatz .hover .icon:before
 {color:#0055BB;opacity:0.10;}
 .dunkelhell-2 .galerie.bildtextfarben-1 .bilder .bild > .text p
 {color:#222222;}
 .dunkelhell-2 .navigation3 ul.cms_baumstruktur > li > p
 {color:#0055BB;}
 .dunkelhell-2 .navigation3 ul.cms_baumstruktur > li:hover > p, .dunkelhell-2
 .navigation3 ul.cms_baumstruktur > li.aktiv:hover > p
 {color:#666666;}
} .dialog > .rahmen > .inhalt > .hintergrund {
 background-color: #292929;
 }
 
 .cmsform .pulldown.offen > .hintergrund {
 opacity: 1 !important;
 }
 
 .datensatz .texte ul {
 margin-top: 0.4em;
 }