header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.mod_visitors .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left;
	width:0px;
	height:0px;
}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* CSS-Layout der computermaus, ehemals intern   */




/* Body: allgemein */
/* Body: Definition: Hintergrundbild */
body {
    background-image:url("/files/bilddateien/system/background_hp.jpg");
    background-position:left top;
    background-repeat:repeat;
    box-sizing: border-box;
    background-size: contain;
}

/* Body: Definition html */
html {
    overflow-y: scroll;
}




/* Footer: allgemein */
/* Footer: Abstände */
#footer {
    margin:40px 0 80px;
}

/* Footer: Definition */
#footer .inside {
    padding:1px 20px 20px;
	color:#507;
}

/* Footer: Position des Copyrights Lothar */
#footer #copyright_lothar {
    text-align:center;
}

/* Footer: Position des CMS Contao */
#footer #cms_contao {
    margin-top: 10px;
    text-align: center;
}


/* Footer Navigation */
/* Footer: Breite und Abstände des Navigationsmenüs */
#footer .mod_customnav {
    max-width:640px;
    margin:20px auto 10px;
}

/* Footer: Position des Navigationsmenüs */
#footer ul.level_1 {
    margin-top:20px;
    margin-bottom:20px;
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    background-color:#ccf;
    border:1px solid #000;
    border-radius:8px;
}

/* Footer: Abstände in Navigationsleiste */
#footer li {
    display:inline;
    margin-right:15px;
    margin-bottom:15px;
    margin-left:15px;
}

/* Footer: Link normal nicht unterstrichen */
#footer .mod_customnav a:link {
    text-decoration:none;
}

/* Footer: Link bei besucht nicht unterstrichen */
#footer .mod_customnav a:visited {
    text-decoration:none;
}

/* Footer: Link bei mouse-over nicht unterstrichen */
#footer .mod_customnav a:hover {
    text-decoration:none;
}

/* Footer: Link bei Maus-Klick nicht unterstrichen */
#footer .mod_customnav a:active {
    text-decoration:none;
}



/* Linke Spalte: allgemein */
/* Linke Spalte: Überschriften: zentriert */
#left h2 {
    text-align:center;
}



/* Linke Spalte: Counter */
/* Linke Spalte: Counter: Überschrift */
#left .mod_visitors h6 {
    text-align: center;
    font-size: 18px;
}

/* Linke Spalte: Counter: Countername und Anfangsdatum unsichtbar */
#left .mod_visitors .visitor_name,
#left .mod_visitors .visitor_countsince {
    display: none;
}

/* left: Counter: Definition als Grid und der Werte */
.mod_visitors {
	display: grid;
    text-align: right;
	font-size: 0.875rem;
    font-weight: bold;
    color: #507;
	padding: 20px;
}

/* left: Counter: Definition der Reihenfolge */
.visitor_pagehits {
	grid-row: 3/4;
}

/* left: Counter: Definition der Reihenfolge */
.visitor_hitstoday {
	grid-row: 5/6;
}

/* left: Counter: Definition der Reihenfolge */
.visitor_visitsyesterday {
	grid-row: 6/7;
}

/* left: Counter: Definition der Reihenfolge */
.visitor_hitsyesterday {
	grid-row: 7/8;
}

/* Linke Spalte: Counter: Abstände der acht Zeilen */
#left .mod_visitors .visitor_useronline,
#left .mod_visitors .visitor_pagehits,
#left .mod_visitors .visitor_visitstoday,
#left .mod_visitors .visitor_hitstoday,
#left .mod_visitors .visitor_visitsyesterday,
#left .mod_visitors .visitor_hitsyesterday,
#left .mod_visitors .visitor_visitstotal,
#left .mod_visitors .visitor_hitstotal {
    width: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
    box-sizing: border-box;
}

/* Linke Spalte: Counter: Rahmen und Farbe für Hintergrund der Besucher online */
#left .mod_visitors .visitor_useronline {
    background-color: #0ff;
    border: 1px solid #000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* Linke Spalte: Counter: Rahmen und Farbe für Hintergrund der Seitenzugriffe */
#left .mod_visitors .visitor_pagehits {
    background-color: #f8f;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

/* Linke Spalte: Counter: Farbe für Hintergründe der Besucherzahlen */
#left .mod_visitors .visitor_visitstoday,
#left .mod_visitors .visitor_visitsyesterday,
#left .mod_visitors .visitor_visitstotal {
    background-color: #ccf;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

/* Linke Spalte: Counter: Farbe für Hintergründe der Seitenaufrufe */
#left .mod_visitors .visitor_hitstoday,
#left .mod_visitors .visitor_hitsyesterday,
#left .mod_visitors .visitor_hitstotal {
    background-color: #fbf;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

/* Linke Spalte: Counter: Beschriftungen linksbündig */
#left .mod_visitors #VisitorsOnlineCountLegend,
#left .mod_visitors #PageHitCountLegend,
#left .mod_visitors #TodayVisitCountLegend,
#left .mod_visitors #TodayHitCountLegend,
#left .mod_visitors #YesterdayVisitCountLegend,
#left .mod_visitors #YesterdayHitCountLegend,
#left .mod_visitors #TotalVisitCountLegend,
#left .mod_visitors #TotalHitCountLegend {
    float: left;
    text-align: left;
    font-weight: normal;
}

/* Linke Spalte: Counter: Rahmen für letzte Zeile */
#left .mod_visitors .visitor_hitstotal {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}



/* Linke Spalte: Navigation */
/* Linke Spalte: Navigation: Definition */
#left .mod_navigation {
    overflow:visible;
}

/* Linke Spalte: Navigation: Vorstufe 1. Ebene */
#left .mod_navigation ul {
    width:246px;
    text-align:left;
    background-color:#bff;
    border:1px solid #000;
    border-radius:8px;
}

/* Linke Spalte: Navigation: Innenabstand der Links zum Aufzählungszeichen */
#left .mod_navigation ul li a {
    padding-left:0;
}

/* Linke Spalte: Navigation: 1. Ebene */
#left .mod_navigation .level_1 li {
    margin:15px 0 17px 25px;
    background-color:#bff;
    list-style-type:disc;
}

/* Linke Spalte: Navigation: Vorstufe 2. Ebene, Einrückung des Aufzählungszeichens von Ebenen 2, 3, 4 */
#left .mod_navigation .level_1 ul {
    width:238px;
    margin-top:10px;
    margin-bottom:0;
    margin-left:-5px;
    padding-bottom:0;
    padding-left:8px;
    background-color:#fbf;
}

/* Linke Spalte: Navigation: 2. Ebene */
#left .mod_navigation .level_2 li {
    margin:10px 0 17px 18px;
    background-color:#fbf;
    list-style-type:circle;
}

/* Linke Spalte: Navigation: Vorstufe 3. Ebene */
#left .mod_navigation .level_2 ul {
    margin-left:-6px;
    background-color:#fc8;
}

/* Linke Spalte: Navigation: 3. Ebene */
#left .mod_navigation .level_3 li {
    background-color:#fc8;
    list-style-image:url("/files/bilddateien/system/square_full.png");
}

/* Linke Spalte: Navigation: Link normal unterstrichen */
#left .mod_navigation a,
#left .mod_navigation span {
    display:block;
    text-decoration:underline;
}

/* Linke Spalte: Navigation: Link ausgewählt wird hervorgehoben */
#left .mod_navigation strong {
    width:215px;
    display:block;
    margin-bottom:-4px;
    margin-left:-23px;
    padding-top:1px;
    padding-left:19px;
    background-color:#fff;
    border:3px solid;
    border-radius:8px;
    font-weight:normal;
    text-decoration:none;
    color:#507;
}

/* Linke Spalte: Navigation: Link bei besucht unterstrichen */
#left .mod_navigation a:visited {
    text-decoration:underline;
}

/* Linke Spalte: Navigation: Link bei mouse-over unterstrichen */
#left .mod_navigation a:hover {
    text-decoration:underline;
    color:#00f;
}

/* Linke Spalte: Navigation: Link bei Maus-Klick unterstrichen */
#left .mod_navigation a:active {
    text-decoration:underline;
    color:#000;
}




/* Linke Spalte: Suche */
/* Linke Spalte: Suchformular: Aussehen der beiden Eingabefelder */
#left .mod_search .formbody input.text,
#left .mod_search .formbody #ctrl_submit_106 {
    width:100%;
    height:32px;
    max-width:400px;
    padding-right:10px;
    padding-left:10px;
    border:1px solid #000;
    border-radius:8px;
    background:-moz-linear-gradient(top,#ccf 5%,#fff);
    background:-webkit-linear-gradient(top,#ccf 5%,#fff);
    background:-o-linear-gradient(top,#ccf 5%,#fff);
    background:-ms-linear-gradient(top,#ccf 5%,#fff);
    background:linear-gradient(to bottom,#ccf 5%,#fff);
    -pie-background:linear-gradient(top,#ccf 5%,#fff);
    box-sizing:border-box;
}

/* Linke Spalte: Suchformular: Abstand nur unter Eingabezeile */
#left .mod_search .formbody input.text {
    margin-bottom:20px;
}

/* Linke Spalte: Suche-Button: Aussehen des Button-Links normal */
#left .mod_search .formbody #ctrl_submit_106 {
    text-decoration:underline;
    color:#f00;
    background:-moz-linear-gradient(bottom,#ccf 5%,#fff);
    background:-webkit-linear-gradient(bottom,#ccf 5%,#fff);
    background:-o-linear-gradient(bottom,#ccf 5%,#fff);
    background:-ms-linear-gradient(bottom,#ccf 5%,#fff);
    background:linear-gradient(to top,#ccf 5%,#fff);
    -pie-background:linear-gradient(bottom,#ccf 5%,#fff);
}

/* Linke Spalte: Suche-Button: Aussehen des Button-Links bei mouse-over */
#left .mod_search .formbody #ctrl_submit_106:hover {
    text-decoration:underline;
    color:#00f;
    background:-moz-linear-gradient(bottom,#9ff 5%,#fff);
    background:-webkit-linear-gradient(bottom,#9ff 5%,#fff);
    background:-o-linear-gradient(bottom,#9ff 5%,#fff);
    background:-ms-linear-gradient(bottom,#9ff 5%,#fff);
    background:linear-gradient(to top,#9ff 5%,#fff);
    -pie-background:linear-gradient(bottom,#9ff 5%,#fff);
    cursor:pointer;
}

/* Linke Spalte: Suche-Button: Aussehen des Button-Links bei Maus-Klick */
#left .mod_search .formbody #ctrl_submit_106:active {
    text-decoration:underline;
    color:#000;
    background:-moz-linear-gradient(bottom,#9ff 5%,#fff);
    background:-webkit-linear-gradient(bottom,#9ff 5%,#fff);
    background:-o-linear-gradient(bottom,#9ff 5%,#fff);
    background:-ms-linear-gradient(bottom,#9ff 5%,#fff);
    background:linear-gradient(to top,#9ff 5%,#fff);
    -pie-background:linear-gradient(bottom,#9ff 5%,#fff);
    cursor:pointer;
}




/* Hauptbereich: allgemein */ 
/* Hauptbereich: Definition */
#main .inside {
    padding:0 40px;
    background-color:#7ff;
}

/* Hauptbereich: Textblöcke-Breite */
#main .inside .ce_text {
    width:100%;
}

/* Hauptbereich: Überschrift h1 als eigenes Inhalts-Element mit Syndikation */
#main .ce_headline {
    margin-top:30px;
}

/* Hauptbereich: Schrift: Zeilenabstand und Farbe (auch in Tabellen) */
#main p,
#main th,
#main td {
    line-height:1.5;
    color:#507;
}

/* Hauptbereich: Schrift: Außenabstände von Listen */
#main ol,
#main ul {
    margin-right:20px;
    margin-left:20px;
}

/* Hauptbereich: Schrift: Geordnete Listen mit Ziffern und Schriftgröße */
#main ol li {
    font-size:19px;
    color:#507;
    list-style-type:decimal;
}

/* Hauptbereich: Schriftgröße für Links und Spans */
#main a,
#main span {
    font-size:1.00em;
}

/* Hauptbereich: geordnete Listen */
#main ol p {
    padding-left:52px;
}

/* Hauptbereich: Schrift: Abstände von Listenpunkten */
#main li {
    margin-left:25px;
    line-height:1.5em;
    list-style-type:disc;
}

/* Hauptbereich: Schrift: Abstände von Listen-Unterpunkten */
#main blockquote li {
    margin-left:60px;
    line-height:1.5em;
    list-style-type:circle;
}




/* Hauptbereich: Artikel */ 
/* Hauptbereich: Texte-Links-Übersicht: Hintergrund jedes 1., 3., 5. Links */
#main .p_odd_even p:nth-child(odd) {
    background-color:#ccf;
}

/* Hauptbereich: Texte-Links-Übersicht: Hintergrund jedes 2., 4., 6. Links */
#main .p_odd_even p:nth-child(even) {
    background-color:#ffc;
}

/* Hauptbereich: Texte-Links-Übersicht: Abstand p */
#main .p_odd_even p {
    padding-top:15px;
    padding-bottom:17px;
    padding-left:20px;
}

/* Hauptbereich: Teaser: Abstand nach Weiterlesen-Link */
#main .mod_article .ce_text .teaser .more {
    margin-bottom:30px;
}




/* Hauptbereich: Kontaktformular */
/* Hauptbereich: Kontaktformular: Gesamt-Tabelle */
#main .ce_form .formbody {
    margin-bottom:50px;
    padding-top:40px;
    padding-right:20px;
    padding-left:20px;
    background-color:#0ff;
    border:1px solid #000;
    border-radius:8px;
}

/* Hauptbereich: Kontaktformular: Abstände der Formular-Felder und Farbe der Beschriftungen */
#main .ce_form .formbody .widget {
    margin-bottom:40px;
    color:#000;
}

/* Hauptbereich: Kontaktformular: Felder 1 bis 8 */
#main .ce_form .formbody #ctrl_1,
#main .ce_form .formbody #ctrl_2,
#main .ce_form .formbody #ctrl_3,
#main .ce_form .formbody #ctrl_4,
#main .ce_form .formbody #ctrl_5,
#main .ce_form .formbody #ctrl_6,
#main .ce_form .formbody #ctrl_7,
#main .ce_form .formbody #ctrl_10 {
    width:100%;
    height:32px;
    max-width:500px;
    display:block;
    margin-top:15px;
    margin-bottom:40px;
    padding-right:10px;
    padding-left:10px;
    border:1px solid #000;
    border-radius:8px;
    background:-moz-linear-gradient(top,#ccf 5%,#fff);
    background:-webkit-linear-gradient(top,#ccf 5%,#fff);
    background:-o-linear-gradient(top,#ccf 5%,#fff);
    background:-ms-linear-gradient(top,#ccf 5%,#fff);
    background:linear-gradient(to bottom,#ccf 5%,#fff);
    -pie-background:linear-gradient(top,#ccf 5%,#fff);
    box-sizing:border-box;
}

/* Hauptbereich: Kontaktformular: Höhe und Innenabstände des Nachrichten-Feldes */
#main .ce_form .formbody #ctrl_6 {
    min-height:200px;
    padding-top:5px;
    padding-bottom:5px;
}

/* Hauptbereich: Kontaktformular: Datenschutz-Checkbox */
#main .ce_form .formbody #ctrl_8 {
    margin-top:4px;
    color:#f00;
}

/* Hauptbereich: Kontaktformular: Datenschutz-Text hinter Checkbox */
#main .ce_form .formbody #ctrl_8.checkbox_container.mandatory {
    float:left;
}

/* Hauptbereich: Kontaktformular: Farbe der Pflichtfeld-Sternchen */
#main .ce_form .formbody .widget .mandatory .mandatory {
    font-weight:bold;
    color:#f00;
}

/* Hauptbereich: Kontaktformular: Absenden-Button */
#main .ce_form .formbody #ctrl_10 {
    text-align:center;
    text-decoration:underline;
    color:#f00;
    background:-moz-linear-gradient(bottom,#ccf 5%,#fff);
    background:-webkit-linear-gradient(bottom,#ccf 5%,#fff);
    background:-o-linear-gradient(bottom,#ccf 5%,#fff);
    background:-ms-linear-gradient(bottom,#ccf 5%,#fff);
    background:linear-gradient(to top,#ccf 5%,#fff);
    -pie-background:linear-gradient(bottom,#ccf 5%,#fff);
}

/* Hauptbereich: Kontaktformular: Absenden-Button bei hover */
#main .ce_form .formbody #ctrl_10:hover {
    text-decoration:underline;
    color:#00f;
    background:-moz-linear-gradient(bottom,#9ff 5%,#fff);
    background:-webkit-linear-gradient(bottom,#9ff 5%,#fff);
    background:-o-linear-gradient(bottom,#9ff 5%,#fff);
    background:-ms-linear-gradient(bottom,#9ff 5%,#fff);
    background:linear-gradient(to top,#9ff 5%,#fff);
    -pie-background:linear-gradient(bottom,#9ff 5%,#fff);
    cursor:pointer;
}

/* Hauptbereich: Kontaktformular: Absenden-Button bei Maus-Klick */
#main .ce_form .formbody #ctrl_10:active {
    text-decoration:underline;
    color:#000;
    cursor:pointer;
}




/* Hauptbereich: Sitemap */
/* Hauptbereich: Sitemap: linker Außenabstand der Liste */
#main .mod_sitemap {
    margin-left:-15px;
}

/* Hauptbereich: Sitemap: Innenabstand der Links zum Zeichen */
#main .mod_sitemap ul li a {
    padding-left:5px;
}

/* Hauptbereich: Sitemap: Alle 4 Ebenen im Inhaltsverzeichnis */
#main .mod_sitemap .level_1 li {
    margin-top:5px;
    margin-bottom:5px;
    font-size:20px;
}

/* Hauptbereich: Sitemap: Vorstufe 1. Ebene */
#main .mod_sitemap ul {
    width:720px;
    overflow:hidden;
    margin-top:5px;
    margin-right:0;
    margin-left:35px;
    background-color:#ccf;
    border:1px solid #000;
    border-radius:8px;
}

/* Hauptbereich: Sitemap: 1. Ebene */
#main .mod_sitemap .level_1 li {
    background-color:#ccf;
    list-style-type:disc;
}

/* Hauptbereich: Sitemap: Vorstufe 2. Ebene */
#main .mod_sitemap .level_1 ul {
    width:600px;
    overflow:hidden;
    background-color:#fbf;
    border:1px solid #000;
    border-radius:8px;
}

/* Hauptbereich: Sitemap: 2. Ebene */
#main .mod_sitemap .level_2 li {
    background-color:#fbf;
    list-style-type:circle;
}




/* Hauptbereich: Suchergebnis */
/* Hauptbereich: Suchergebnis: Definition Eingabebereich */
#main .mod_search .formbody {
    margin-top:20px;
    padding-top:20px;
    padding-right:20px;
    padding-left:20px;
    text-align:left;
    background-color:#bff;
    border:1px solid #000;
    border-radius:8px;
}

/* Hauptbereich: Suchergebnis: Definition Eingabe- und Suchen-Zeile */
#main .mod_search .text,
#main .mod_search .formbody #ctrl_submit_105 {
    width:100%;
    height:32px;
    max-width:420px;
    margin-bottom:20px;
    padding-left:10px;
    border:1px solid #000;
    border-radius:8px;
    background:-moz-linear-gradient(top,#ccf 5%,#fff);
    background:-webkit-linear-gradient(top,#ccf 5%,#fff);
    background:-o-linear-gradient(top,#ccf 5%,#fff);
    background:-ms-linear-gradient(top,#ccf 5%,#fff);
    background:linear-gradient(to bottom,#ccf 5%,#fff);
    -pie-background:linear-gradient(top,#ccf 5%,#fff);
    box-sizing:border-box;
}

/* Hauptbereich: Suchergebnis: Definition Suchen-Button ow */
#main .mod_search .formbody #ctrl_submit_105 {
    text-align:center;
    text-decoration:underline;
    color:#f00;
    background:-moz-linear-gradient(bottom,#ccf 5%,#fff);
    background:-webkit-linear-gradient(bottom,#ccf 5%,#fff);
    background:-o-linear-gradient(bottom,#ccf 5%,#fff);
    background:-ms-linear-gradient(bottom,#ccf 5%,#fff);
    background:linear-gradient(to top,#ccf 5%,#fff);
    -pie-background:linear-gradient(bottom,#ccf 5%,#fff);
}

/* Hauptbereich: Suchergebnis: Definition Suchen-Button bei mouse-over */
#main .mod_search .formbody #ctrl_submit_105:hover {
    text-decoration:underline;
    color:#00f;
    background:-moz-linear-gradient(bottom,#9ff 5%,#fff);
    background:-webkit-linear-gradient(bottom,#9ff 5%,#fff);
    background:-o-linear-gradient(bottom,#9ff 5%,#fff);
    background:-ms-linear-gradient(bottom,#9ff 5%,#fff);
    background:linear-gradient(to top,#9ff 5%,#fff);
    -pie-background:linear-gradient(bottom,#9ff 5%,#fff);
    cursor:pointer;
}

/* Hauptbereich: Suchergebnis: Definition Suchen-Button bei Maus-Klick */
#main .mod_search .formbody #ctrl_submit_105:active {
    text-decoration:underline;
    color:#000;
    cursor:pointer;
}

/* Hauptbereich: Suchergebnis: Finden-Felder */
#main .mod_search .radio_container {
    margin:20px 0 15px;
    border:0;
}

/* Hauptbereich: Suchergebnis: Finden-Felder */
#main .mod_search .radio_container label {
    padding-right:68px;
}

/* Hauptbereich: Suchergebnis: Klick-Knöpfe */
#main .mod_search #matchAll_81,
#main .mod_search #matchAny_81 {
    margin-right:10px;
    margin-left:2px;
    padding-top:-5px;
}

/* Hauptbereich: Suchergebnis: Ergebnis-Zeile */
#main .mod_search .header {
    margin-top:40px;
    margin-bottom:40px;
    padding-top:13px;
    padding-bottom:15px;
    padding-left:30px;
    background-color:#bff;
    border:1px solid #000;
    border-radius:8px;
}

/* Hauptbereich: Suchergebnis: Ergebnis-Links */
#main .mod_search h3 {
    margin:0 0 15px;
    padding:0;
    font-size:1.18em;
}

/* Hauptbereich: Suchergebnis: Kontextfeld */
#main .mod_search .context {
    margin:0 5px 3px 0;
}

/* Hauptbereich: Suchergebnis: URL-Pfad drunter */
#main .mod_search .url {
    margin-top:-10px;
    color:#00f;
}

/* Hauptbereich: Suchergebnis: Relevanz */
#main .mod_search h3 .relevance {
    font-size:.8em;
    font-weight:bold;
    color:#a0b;
}

/* Hauptbereich: Suchergebnis: Highlighting */
#main .mod_search .highlight {
    background-color:#ffc;
    font-weight:bold;
}

/* Hauptbereich: Suchergebnis: Gestaltung */
#main .mod_search .even,
#main .mod_search .odd {
    margin-bottom:50px;
    padding-top:20px;
    padding-right:20px;
    padding-left:20px;
    background-color:#bff;
    border:1px solid #000;
    border-radius:8px;
}




/* Wrapper: allgemein */
/* Wrapper: Definition */
#wrapper {
    max-width:1240px;
    margin-right:auto;
    margin-left:auto;
    padding-right:40px;
    padding-left:40px;
    font-size:1.12em;
    flex-flow: column nowrap;
}

/* Wrapper: Definition der Border-Box */
.inside {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Wrapper: Basis-Definition für alle Module */
.alle_module {
    margin-bottom:50px;
    padding-right:20px;
    padding-bottom:20px;
    padding-left:20px;
    /* text-align:center; */
    background-color:#9ff;
    border:1px solid #000;
    border-radius:8px;
}

/* Wrapper: Schrift */
a,
body,
div,
em,
input,
label,
ol,
p,
select,
span,
strong,
td,
th,
textarea,
u {
    font-family:Arial,Verdana,sans-serif;
}

/* Wrapper: Schrift: fett */
strong {
    font-weight:bold;
}

/* Wrapper: Schrift: kursiv */
em {
    font-style:italic;
}

/* Wrapper: Farbe der Listenpunkte und Unterpunkte */
ul li,
ul li ul li {
    color:#507;
}

/* Wrapper: Farbe der Schrift in Tabellen */
td {
    color:#507;
}

/* Wrapper: Überschrift h1 violett groß unterstrichen */
h1 {
    margin-bottom:30px;
    border-bottom:4px solid #507;
    font-size:1.8em;
    font-weight:bold;
    color:#507;
}

/* Wrapper: Überschrift h2 blau mittel nicht unterstrichen */
h2 {
    margin-top:12px;
    margin-bottom:20px;
    font-size:1.52em;
    font-weight:bold;
    color:#00f;
}

/* Wrapper: Überschrift h3 violett klein unterstrichen */
h3 {
    margin-bottom:20px;
    border-bottom:3px solid #507;
    font-size:1.2em;
    font-weight:bold;
    color:#507;
}

/* Wrapper: Überschrift h4 blau klein unterstrichen */
h4 {
    margin-bottom:20px;
    border-bottom:3px solid #00f;
    font-size:1.2em;
    font-weight:bold;
    color:#00f;
}

/* Wrapper: Überschrift h5 violett klein nicht unterstrichen */
h5 {
    margin-top:20px;
    margin-right:0;
    margin-bottom:20px;
    font-size:1.2em;
    font-weight:bold;
    color:#507;
}

/* Wrapper: Überschrift h6 blau klein nicht unterstrichen */
h6 {
    margin-top:20px;
    margin-right:0;
    margin-bottom:20px;
    font-size:1.2em;
    font-weight:bold;
    color:#00f;
}

/* Wrapper: Absätze */
p,
pre {
    margin:0;
    padding:0 0 25px;
}

/* Wrapper: Absätze */
pre {
    white-space:pre-wrap;
}

/* Wrapper: Bilder */
img {
    height:auto;
    max-width:100%;
}

/* Wrapper: Linkfarbe normal */
a:link {
    text-decoration:underline;
    color:#f00;
}

/* Wrapper: Linkfarbe bei besucht */
a:visited {
    color:#a0b;
}

/* Wrapper: Linkfarbe bei mouse-over */
a:hover {
    text-decoration:underline;
    color:#00f;
}

/* Wrapper: Linkfarbe bei Maus-Klick */
a:active {
    text-decoration:underline;
    color:#000;
}







/*! style.css */

/*! ... Debug ...
-----------------------------------------------*
#wrapper,
#container,
#left,
#right,
#main,
#header,
#footer,
.inside {
  outline: medium dotted cornflowerblue;
}
#wrapper,
#container {
  outline-color: #fff;
}
.inside {
  outline-color: green;
}
/*! ... Debug ... END
-----------------------------------------------*/



/*! ... Resets ...
-----------------------------------------------*/
#container {
  margin: 0;
  padding: 0;
}
#left {
  width: auto;
  right: auto;
  margin: 0;
}
.image_container a,
.image_container img {
  display: block;
}
/*! ... Resets ... END
-----------------------------------------------*/



/*! ... Layout ...
-----------------------------------------------*/
html {
  overflow-y: scroll;
}
#wrapper {
  display: flex;
  flex-flow: column nowrap;
}
#main,
#left {
  box-sizing: border-box;
}
#main,
#left,
#footer {
  background-color: #7ff;
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
}
#container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}
#main {
  flex-grow: 1;
  margin: 0 0 0 40px;
}
#main .inside {
  padding: 0 40px;
}
#left {
  flex-basis: 320px;
  min-width: 320px;
}
#left {
  order: -1;
  overflow: visible;
  z-index: 1;
}
#left .inside {
  padding: 23px 20px 50px 20px;
}
#footer {
  margin: 40px 0 80px;
}
#footer .inside {
  padding: 1px 20px 20px;
}
img {
 max-width: 100%;
 height: auto
}
pre {
  white-space: pre-wrap;
}
.globals_header {
	padding: 20px 0;
}
/*! ... Layout ... END
-----------------------------------------------*/



/*! ... Tables ...
-----------------------------------------------*/
caption {
	font-size: 1.2em;
	color: #507;
}
th,
td {
  padding: .5em;
  border-bottom: 1px solid rgba(0, 0, 0, .5);
}
tr:first-child th,
tr:first-child td {
	border-top: 3px solid #507;
}
.preise th {
  font-weight: normal;
  line-height: 1.5;
}
.preise td {
  text-align: right;
  white-space: pre;
}
/*! ... Tables ... END
-----------------------------------------------*/



/*! ... misc ...
-----------------------------------------------*/
#footer .mod_customnav {
  max-width: 640px;
}
#footer .mod_banner {
  max-width: 468px;
}
/*! ... misc ... END
-----------------------------------------------*/



/*! ... navigation basics ...
-----------------------------------------------*/
.pagination ul,
nav ul {
  display: block;
}
.pagination ul,
.pagination li,
nav ul,
nav li {
  margin: 0;
  padding: 0;
}
/*! ... navigation basics ... END
-----------------------------------------------*/



/*! ... Mobile menu ...
-----------------------------------------------*/
.mobile_menu_trigger {
  position: fixed;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: 40px;
  line-height: 40px;
  background-color: #7ff;
  background-image: url(../../files/css-dateien/img/hamburger.svg);
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  filter: brightness(90%);
  z-index: 2;
}
.mobile_menu_trigger:focus,
.mobile_menu_trigger:hover {
  filter: brightness(100%);
}
html.mobile_menu_active {
  overflow-y: hidden;
}
.mobile_menu .inner {
  background-color: #7ff;
}
.submenu_hide strong {
  cursor: pointer;
}
.mm-close {
  text-align: right;
  border-bottom: 1px solid rgba(255, 255, 255, .8);
  cursor: pointer;
  line-height: 32px;
  padding: 0 1em;
  background-color: rgba(0, 0, 0, .8);
  color: rgba(255, 255, 255, .8);
}
.mm-close:focus,
.mm-close:hover {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, .9);
}
#mobilenav {
  margin-bottom: 20px;
}
#mobilenav li a,
#mobilenav strong {
  display: block;
  background-color: #ccf;
  color: #f00;
  position: relative;
  line-height: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, .8);
  text-decoration: none;
  padding: 0 1em;
  transition: all .25s ease 0s;
}
#mobilenav li a:visited {
  color: #507;
}
#mobilenav li a:hover {
  background-color: #7ff;
  color: #00f;
}
#mobilenav li a:focus,
#mobilenav a.trail {
  color: #f00;
}
#mobilenav .submenu > a,
#mobilenav .submenu > strong {
  padding-right: 0;
}
#mobilenav .level_2 a,
#mobilenav .level_2 strong {
  padding-left: 2em;
  background-color: #fbf;
}
#mobilenav .level_3 a,
#mobilenav .level_3 strong {
  padding-left: 3em;
  background-color: #fc8;
}
#mobilenav .level_4 a,
#mobilenav .level_4 strong {
  padding-left: 4em;
  background-color: #fe6;
}
/*
#mobilenav .level_5 a,
#mobilenav .level_5 strong {
  padding-left: 5em;
  background-color: rgba(0, 255, 0, 1);
}
*/

/*! active */
#mobilenav .level_1 strong {
  background-color: #cff;
  color: #507;
}
#mobilenav .submenu > a::after,
#mobilenav .submenu > strong::after {
  content: '›';
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
#mobilenav .submenu_show > a::after,
#mobilenav .submenu_show > strong::after {
  transform: rotate(90deg);
  text-indent: 4px;
}
/*! ... Mobile menu ... END
-----------------------------------------------*/




/*! responsive.css */

/*! ... 1720 und weniger ...
-----------------------------------------------*/
@media (max-width: 1720px) {
	body {
		border-image: none;
	}
	#wrapper {
		/*! width: 100%; */
		padding: 0 16px;
	}
	#main {
		margin-left: 16px;
    /*! max-width: calc(100vw - 2 * 320px - 4 * 16px); */
	}
  #main .inside {
  	padding: 0 24px;
  }
	#footer {
		margin: 16px 0;
	}
}
/*! ... 1720 und weniger ... END
-----------------------------------------------*/



/*! ... 1280 und weniger ...
-----------------------------------------------*/
@media (max-width: 1280px) {
	#container {
    flex-wrap: wrap;
	}
	#main {
    max-width: calc(100% - 320px - 16px);
    margin-right: 0;
	}
}
/*! ... 1280 und weniger ... END
-----------------------------------------------*/



/*! ... 1100 und weniger ...
-----------------------------------------------*/
@media (max-width: 1100px) {
	#wrapper {
		padding: 0 10px;
	}
    #left {
  	order: 0;
  	width: 100%;
    min-width: 0;
  	flex-basis: 100%;
  	margin-top: 16px;
  }
	#left .mod_navigation {
    display: none;
	}
	#main {
    width: 100%;
		flex-grow: 1;
    max-width: none;
    margin: 0;
	}
  #main .inside {
  	padding: 16px;
  }
}
/*! ... 1100 und weniger ... END
-----------------------------------------------*/



/*! ... 600 und weniger ...
-----------------------------------------------*/
@media (max-width: 600px) {
  table {
    font-size: .875rem;
  }
}
/*! ... 600 und weniger ... END
-----------------------------------------------*/