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}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.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)}
.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}
body {
    font:16px 'Roboto',sans-serif;
}
#wrapper {
    min-width:1020px;
    background-color:#fff;
}
#header .inside {
    background:#013d9c url("../../files/themes/TurmKleve2017/BannerTurmKleve_2018.png") center top no-repeat;
    background-size:960px auto;
    font-size:13px;
}
#container {
    width:1020px;
    margin:0 auto;
}
#right {
    width:30%;
}
#right .inside {
    padding:10px;
    font-family:'Roboto Condensed',sans-serif;
}
#main {
    width:70%;
}
#main .inside {
    padding:10px;
    border-right:1px solid #eee;
}
#footer {
    background-color:#0154A4;
    border-top:5px solid #efefef;
}
#footer .inside {
    width:1020px;
    margin:10px auto 0;
    padding-top:10px;
    padding-bottom:10px;
    line-height:1.5em;
    color:#fff;
}
.float_left_50 {
    width:49%;
    float:left;
    margin-right:1%;
}

#topnav {
    width:1020px;
    height:130px;
    margin:0 auto;
}
#topnav ul {
    list-style-type:none;
}
#topnav li {
    float:right;
    margin-right:1em;
}
#topnav a {
    text-decoration:none;
    color:#fff;
}
#topnav a:focus,
#topnav a:hover,
#topnav a:active {
    text-decoration:underline;
}
#topnav .active,
#topnav a.trail {
    font-weight:normal;
    color:#ffdd55;
}
.mod_breadcrumb {
    padding-top:4px;
    padding-bottom:4px;
    background-color:#fff;
    border-bottom:1px solid #eee;
}
.mod_breadcrumb ul {
    width:1020px;
    margin-right:auto;
    margin-left:auto;
    padding-left:20px;
    list-style-type:none;
}
.mod_breadcrumb li {
    float:left;
    margin-right:.5em;
}
#header .mod_navigation {
    background-color:#f6f6f6;
    background-image:linear-gradient(0deg,#ddd,#f6f6f6);
}
#header .mod_navigation ul {
    width:1020px;
    margin:0 auto;
    padding:0;
    list-style-type:none;
}
#header .mod_navigation li {
    width:auto;
    float:left;
    margin:0;
    font-size:14px;
    color:#000;
}
#header .mod_navigation a,
#header .mod_navigation strong {
    display:block;
    padding:0 6px;
    line-height:32px;
    font-weight:bold;
    text-decoration:none;
    color:inherit;
}
#header .mod_navigation ul.level_1 li.submenu a,
#header .mod_navigation ul.level_1 li.submenu strong {
    padding-right:20px;
    background-image:url("../../files/themes/TurmKleve2017/nav-arrow-down.png");
    background-position:right center;
    background-repeat:no-repeat;
}
#header .mod_navigation .active,
#header .mod_navigation .trail {
    color:#c8102e;
}
#header .mod_navigation a:hover,
#header .mod_navigation a:focus,
#header .mod_navigation ul.level_1 li.submenu a:hover,
#header .mod_navigation ul.level_1 li.submenu a:focus {
    background-color:#000;
    color:#fff;
}
#header .mod_navigation li.submenu:hover {
    background-color:#000;
    color:#fff;
}
#header .mod_navigation .level_2 {
    width:0;
    height:0;
    left:-32768px;
    top:-32768px;
    position:absolute;
    overflow:hidden;
}
#header .mod_navigation .level_2 li {
    width:100%;
    clear:both;
    background-color:#000;
}
/* focus-within: Untermenü öffnet sich auch bei Bedienung mit der Tastatur */
#header .mod_navigation li:hover .level_2,
#header .mod_navigation li:focus-within .level_2 {
    width:auto;
    height:auto;
    min-width:78px;
    left:auto;
    top:auto;
    overflow:auto;
    display:block;
    border-top:3px solid #eb1c25;
    z-index:1000;
}
#header .mod_navigation ul.level_1 li ul.level_2 li a:hover {
    background-color:#888;
}
#header .mod_navigation ul.level_1 li ul.level_2 li .active {
    color:#eb1c25;
}
#header .mod_navigation .level_2 a,
#header .mod_navigation .level_2 strong {
    line-height:32px;
    font-weight:normal;
    color:#fff;
    background-image:none !important;
}
#header .mod_navigation li .jubilaeum {
    color:#fd5;
    text-shadow:2px 2px 2px #001193, -2px 2px 2px #001193, -2px -2px 2px #001193, 2px -2px 2px #001193;
}
#header #main-navigation {
    z-index:100 !important;
}
#header #main-navigation-sticky-wrapper.is-sticky .level_2 {
    position:fixed;
}
#header #main-navigation-sticky-wrapper.is-sticky #main-navigation {
    box-shadow:0 1px 5px #888;
    opacity:.95;
}
.mod_quicklink select {
    max-width:100%;
}
.mod_booknav ul {
    list-style-type:none;
}
.mod_booknav ul li {
    margin-top:10px;
    margin-left:0;
    padding:5px 5px 5px 32px;
    font-size:13px;
}
.mod_booknav .previous {
    background:url("../../files/themes/TurmKleve2017/blue_up.gif") left center no-repeat;
}
.mod_booknav .next {
    background:url("../../files/themes/TurmKleve2017/blue_down.gif") left center no-repeat;
}

/* Seitenzähler: Nachrichten/Listen (.pagination) und Galerie (Contao 5) */
.pagination,
.content-gallery nav[data-pagination] {
    width:100%;
    overflow:hidden;
    clear:left;
    margin-top:20px;
    margin-bottom:20px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    border-top:1px solid #aaa;
    border-bottom:2px solid #aaa;
}
.pagination ul,
.content-gallery nav[data-pagination] ol {
    height:30px;
    overflow:visible;
    margin:0;
    padding:0;
    list-style:none;
}
.pagination li,
.content-gallery nav[data-pagination] li {
    float:left;
    margin:0 5px 0 0;
    padding:0;
}
.pagination p,
.content-gallery nav[data-pagination] p {
    padding:5px;
}
.pagination a,
.pagination strong,
.content-gallery nav[data-pagination] a,
.content-gallery nav[data-pagination] strong {
    padding:2px 4px;
    background-color:#eee;
    border:1px solid #ccc;
    text-decoration:none;
    color:#000;
}
.pagination .active,
.content-gallery nav[data-pagination] .active {
    background-color:#c8102e;
    color:#fff;
}

body {
    color:#444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top:0;
    margin-bottom:.25em;
    font-family:'Roboto Slab',serif;
    color:#222;
}
h1 {
    font-size:250%;
}
h2 {
    font-size:200%;
}
h3 {
    margin-bottom:.5em;
    padding-top:.2em;
    padding-bottom:.2em;
    border-top:1px solid #eb1c25;
    border-bottom:1px solid #eb1c25;
    font-size:140%;
}
h4 {
    font-size:133.33%;
}
h5 {
    font-size:116.67%;
}
h6 {
    font-size:116.67%;
}

/* Newsletter */
.newsletter h3 {
    border-style:hidden;
    font-size:140%;
}

/* Hinweisboxen (.note, .important, .warning): Überschrift nur unten unterstrichen */
.note h3 {
    border-top:0;
    border-bottom:1px solid #484;
}
.important h3 {
    border-top:0;
    border-bottom:1px solid #884;
}
.warning h3 {
    border-top:0;
    border-bottom:1px solid #844;
}

/* Nachrichten */
.mod_newslist h1,
.mod_newsreader h1 {
    margin-bottom:4px;
    padding:2px;
    font-size:140%;
    font-weight:bold;
}
.mod_newslist h2,
.mod_newsreader h2 {
    font-size:110%;
    font-weight:bold;
}
/* Nachrichtenlisten (news_latest_short): Titel als h2, Unterüberschrift als h3, Aussehen wie zuvor h1/h2 */
.mod_newslist h2.news-title {
    margin-bottom:4px;
    padding:2px;
    font-size:140%;
    font-weight:bold;
}
.mod_newslist h3.news-subtitle {
    margin-bottom:.25em;
    padding:0;
    border:0;
    font-size:110%;
    font-weight:bold;
}

/* Text */
p {
    line-height:1.5em;
}
blockquote,
cite,
q,
p.autor_news {
    font-family:'Roboto Slab',serif;
    font-style:italic;
}
ul {
    margin:0 0 1em 2em;
    line-height:1.5em;
    list-style-type:disc;
    list-style-position:outside;
}
ol {
    margin:0 0 1em 2em;
    line-height:1.5em;
    list-style-type:decimal;
}
/* Farben mit ausreichendem Kontrast (WCAG AA, mind. 4,5:1) */
a {
    text-decoration:none;
    color:#2F6DB5;
}
a:hover {
    text-decoration:underline;
    color:#182E7A;
}
a.mehr,
.mehr {
    padding-left:16px;
    background:url("../../files/themes/TurmKleve2017/arrow-right.gif") left center no-repeat;
}
.more a,
.back a {
    font-weight:bold;
}
.email {
    padding-left:18px;
    background:url("../../files/themes/TurmKleve2017/iconMail.png") left center no-repeat;
}

/* Tabellen */
table {
    width:auto;
    margin-right:auto;
    margin-bottom:2em;
    margin-left:auto;
    text-align:center;
    border-top:2px solid #aaa;
    border-bottom:2px solid #aaa;
    border-collapse:collapse;
    font-family:'Roboto Condensed',sans-serif;
}
th,
td {
    padding:5px;
    vertical-align:top;
    text-align:center;
}
td {
    border-bottom:1px solid #eee;
}
thead th {
    border-bottom:2px solid #4D87C7;
    color:#000;
}
tbody th {
    background-color:#e0e0e0;
    border-bottom:1px solid #fff;
    font-size:.87em;
    color:#333;
}
tbody tr:hover th[scope=row] {
    background-color:#f0e8e8;
}
tbody tr:hover td {
    background-color:#eee;
}
.td_left {
    text-align:left;
}
tr.tab_mm_dwz,
td.tab_mm_dwz {
    background-color:rgba(0,37,97,.3);
    color:#000;
}
tr.tab_mm_elo,
td.tab_mm_elo {
    background-color:rgba(0,37,97,.4);
    color:#000;
}
tr.tab_mm_einzel,
td.tab_mm_einzel {
    background-color:rgba(235,28,37,.3);
    border-bottom:0;
    font-style:italic;
}
tr.tab_mm_einzel td {
    border-bottom:0;
}

/* Hinweisboxen */
.info {
    margin-bottom:.5em;
    padding:10px;
    background-color:#f8f8f8;
    font-size:91.7%;
    color:#666;
}
.note {
    margin-bottom:1em;
    padding:10px;
    background-color:#efe;
    border:2px solid #484;
    color:#040;
}
.important {
    margin-bottom:1em;
    padding:10px;
    background-color:#ffe;
    border:2px solid #884;
    color:#440;
}
.warning {
    margin-bottom:1em;
    padding:10px;
    background-color:#fee;
    border:2px solid #844;
    color:#400;
}

/* Login */
.mod_login {
    margin-bottom:10px;
}
.mod_login table {
    margin-bottom:0;
    text-align:left;
    border:0;
}
.mod_login tbody td {
    text-align:left;
    border:0;
}
.mod_login .text {
    width:100%;
}

/* Termine */
#box_termine {
    max-height:320px;
    margin-bottom:20px;
    border:1px solid #eee;
    overflow-x:hidden;
    overflow-y:scroll;
}
#box_termine .event {
    padding:4px 0;
    border-bottom:1px solid #aaa;
}
#box_termine p {
    margin:0;
}
.event .date {
    font-weight:bold;
}
table.minicalendar {
    width:100%;
    margin-bottom:1em;
}
table.minicalendar a {
    font-weight:bold;
}
table.minicalendar td.active a {
    color:#fff;
}
table.minicalendar a:hover {
    color:#c8102e;
}
table.minicalendar td.active {
    background-color:#2F6DB5;
}
table.minicalendar td.active:hover {
    background-color:#182E7A;
}
table.minicalendar td.active a:hover {
    color:#fff;
}
#termine .event {
    margin-bottom:20px;
    border-bottom:1px solid #aaa;
}
#termine .date {
    padding-right:4px;
    font-weight:bold;
}
#termine .day {
    padding-right:4px;
    padding-left:4px;
}
#termine .title {
    padding-right:4px;
    font-weight:bold;
}
#termine p {
    line-height:1em;
}
#termine .prolog p {
    line-height:1.5em;
}
/* Termin-Detailseite (event_full): Titel ist eine h1, soll aber wie der bisherige Absatz aussehen */
.layout_full h1.event-title {
    margin:0 0 12px;
    padding:0;
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    line-height:1.5em;
    color:inherit;
}
.mod_events_tag_cloud {
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px solid #aaa;
}
.mod_events_tag_cloud ul {
    margin:0;
    padding:.5em 0;
    text-align:center;
    line-height:1.5em;
    clear:both !important;
}
.mod_events_tag_cloud ul li {
    display:inline-block;
}
.mod_events_tag_cloud ul li a {
    padding:0 4px;
    text-decoration:none;
    color:#0053b7;
    cursor:pointer;
}

/* Geburtstage */
#box_geburtstage {
    max-height:300px;
    overflow:auto;
    margin-bottom:1em;
}
.geburtstagsliste table {
    width:100%;
    margin-bottom:10px;
    background-image:url("../../files/themes/TurmKleve2017/confetti_1.jpg");
}
.geburtstagsliste td {
    border:0;
    font-size:15px;
    font-weight:bold;
    color:#000;
}

/* Fußzeile */
#footer .inside {
    text-align:center;
}
#footer .content-toplink {
    margin-bottom:10px;
    text-align:center;
}
#footer a {
    font-weight:bold;
    text-decoration:none;
    color:#cfe2f7;
}
#footer a:hover {
    text-decoration:underline;
    color:#fff;
}

/* Akkordeon (Contao 5: handorgel) */
.handorgel__header__button {
    padding:0;
}
.toggler,
.handorgel__header__button {
    margin-bottom:8px;
    padding-left:16px;
    background:url("../../files/themes/TurmKleve2017/accordion_closed.gif") left center no-repeat;
    cursor:pointer;
}
.toggler.ui-state-active,
.handorgel__header--open .handorgel__header__button {
    background-image:url("../../files/themes/TurmKleve2017/accordion_open.gif");
}

.linkseite .rte a {
    font-weight:bold;
}
.clearen {
    clear:both;
}

/* Bilder */
figcaption {
    width:auto;
    max-width:100%;
    overflow:hidden;
    display:block;
    box-sizing:border-box;
    background-color:#eee;
    border:5px solid #eee;
    border-top-width:3px;
}
figure {
    max-width:100%;
    margin-bottom:10px;
}
figure.float_right {
    margin-left:10px;
}
figure.float_left {
    margin-right:10px;
}
a.float_right {
    float:right;
    margin-bottom:10px;
    margin-left:10px;
}
a.float_left {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.rechte {
    margin-bottom:2px;
    text-align:right;
    font-size:11px;
    font-variant:small-caps;
}
.rechte:before {
    content:'© ';
}
#unsere-jugendspieler img {
    width:330px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
#unsere-jugendspieler .ce_text.block {
    overflow:auto;
}
#right figure {
    max-width:100% !important;
}
video {
    max-width:100%;
    height:auto;
}

/* Galerie (Contao 5) */
.content-gallery figure {
    max-width:100%;
    margin:0 auto 1em;
}
.content-gallery--cols-2 ul li {
    width:48%;
    padding-right:1%;
    padding-left:1%;
}
.content-gallery--cols-3 ul li {
    width:31.33%;
    padding-right:1%;
    padding-left:1%;
}
.content-gallery--cols-4 ul li {
    width:23%;
    padding-right:1%;
    padding-left:1%;
}
.content-gallery--cols-5 ul li {
    width:18%;
    padding-right:1%;
    padding-left:1%;
}

/* Formulare und Tabellen im Mitgliederbereich (Login, Persönliche Daten, Mitgliederliste) */
#mitgliederliste .table,
.mod_personalData table,
.mod_memberpage table,
.mod_memberlist table,
.mod_lostPassword table {
    border:0;
}
#mitgliederliste tbody td,
.mod_personalData tbody td,
.mod_memberpage tbody td,
.mod_memberlist tbody td,
.mod_lostPassword tbody td {
    text-align:left;
    border:0;
}
.mod_personalData .checkbox_container span {
    display:block;
}
form button,
a.button {
    margin:4px;
    font-family:monospace;
    font-size:16px;
}
form button:hover,
a.button:hover {
    background-color:black;
    background-image:none;
    background-position:0 0 !important;
    color:white;
}

.categories {
    margin-left:auto;
    list-style-type:none;
}
.mod_newslist {
    margin-bottom:10px;
}
.mod_newsreader .ce_text.block {
    overflow:visible;
}
.layout_full,
.layout_latest {
    margin-bottom:24px;
    border-bottom:1px solid #eb1c25;
}
.news_header {
    width:100%;
    float:left;
    margin-bottom:4px;
}
.news_header time {
    float:left;
    margin-right:20px;
    margin-bottom:4px;
    padding:2px;
    text-align:center;
    border-bottom:5px solid #333;
    font-family:'Roboto',sans-serif;
    font-weight:bold;
}

.lpv-wrapper .lpv-partiekopf {
    display: block;
    font-size: 1.2em;
}
.layout_full .lpv-wrapper {
    margin-bottom: 1.5em;
}
/* lichess PGN-Viewer: hell mit dunkler Schrift */
.lpv-wrapper .lpv-root {
    margin: 0 auto 1.5em;
    /* Hintergründe */
    --c-lpv-bg: #fff;                 /* Viewer gesamt */
    --c-lpv-bg-movelist: #fff;        /* Zugliste */
    --c-lpv-bg-player: #fff;          /* Spielerleisten */
    --c-lpv-bg-controls: #f2f2f2;     /* Leiste mit den Pfeilen */
    --c-lpv-fbt-hover: hsl(88, 62%, 37%); /* Pfeile/Menü beim Überfahren (Schrift wird weiß) */
    --c-lpv-bg-variation: #f5f5f5;    /* Kommentare und Varianten */
    --c-lpv-bg-pane: #e8e8e8;         /* geöffnetes Menü */
    --c-lpv-pgn-text: #f5f5f5;        /* PGN-Ansicht */

    /* Schrift und Linien */
    --c-lpv-font: #444;               /* Züge, Namen, Pfeile */
    --c-lpv-past-moves: #444;         /* bereits gespielte Züge */
    --c-lpv-font-shy: #777;           /* Zugnummern, Klammern */
    --c-lpv-font-bg: #ccc;            /* Scrollbalken */
    --c-lpv-border: #ddd;
    --c-lpv-side-border: #e5e5e5;

    /* Bewertungszeichen (?!, ?, ?? usw.) dunkler, damit sie auf Weiß lesbar sind */
    --c-lpv-inaccuracy: hsl(202, 100%, 35%);
    --c-lpv-mistake: hsl(41, 100%, 30%);
    --c-lpv-blunder: hsl(0, 85%, 45%);
    --c-lpv-good-move: hsl(130, 70%, 30%);
    --c-lpv-brilliant: hsl(129, 90%, 25%);
    --c-lpv-interesting: hsl(307, 80%, 40%);
}


/* Colorbox (Bildvergrößerung): Bedienelemente halbtransparent */
#cboxPrevious,
#cboxNext,
#cboxClose {
    opacity:.5;
}
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover {
    opacity:1;
}

@media screen and (max-width: 1019px) {
#wrapper,
#header .inside,
#header .mod_navigation ul,
#topnav,
#container,
#footer .inside {
    width:100%;
    min-width:0;
}
#header .inside {
    background-position:left top;
    background-size:768px auto;
}
#topnav {
    height:104px;
}
#header .mod_navigation li {
    font-size:13px;
}
/* Pfeil der Untermenüs ausblenden; aktive Punkte gibt Contao 5 als <strong> aus */
#header .mod_navigation ul.level_1 li.submenu a,
#header .mod_navigation ul.level_1 li.submenu strong {
    padding-right:6px;
    padding-left:6px;
    background-image:none;
}
}

@media screen and (max-width: 767px) {
#main {
    width:100%;
}
#main .inside {
    padding-right:5px;
    padding-left:5px;
}
#right {
    width:300px;
}
* {
    box-sizing:border-box;
}
body {
    font-size:16px;
}
#wrapper {
    width:100%;
    min-width:320px;
    margin-top:0;
}
#header .inside {
    height:104px;
    margin:0;
    padding:0;
    background:#013d9c url("../../files/themes/TurmKleve2017/BannerTurmKleveMobile_2019.png") left center / 100% auto no-repeat;
}
#container {
    width:100%;
}
#container .block {
    overflow:auto;
}
div[class^="ce_"],
div[class^="content-"],
textarea,
iframe {
    max-width:100%;
}
#startseite .layout_latest {
    width:100%;
    min-width:300px;
    float:none;
}
#startseite .layout_latest.odd {
    margin-left:0;
}
#startseite .layout_latest.even {
    margin-right:0;
}
#main figure.float_right {
    margin:0;
    float:none !important;
}
#footer .inside {
    width:100%;
}
[class*="vraster"] {
    width:100%;
    float:left;
    margin-right:0;
    margin-left:0;
}

/* Menüleisten ausblenden */
#header .mod_customnav,
#header .mod_navigation,
#header .mod_breadcrumb,
#main-navigation-sticky-wrapper {
    display:none;
}

/* Hamburger-Menü */
.hamburger {
    right:0;
    top:38px;
    position:absolute;
    display:block;
    background-color:#fff;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
.hamburger:hover {
    cursor:pointer;
}
.line {
    width:24px;
    height:4px;
    margin:4px;
    background-color:#000;
    border-radius:2px;
    transition:.5s;
    transform-origin:center;
}
.active .line:nth-child(1) {
    transform:translateY(8px) rotate(-45deg);
}
.active .line:nth-child(2) {
    opacity:0;
}
.active .line:nth-child(3) {
    transform:translateY(-8px) rotate(45deg);
}

/* Mobile Navigation */
.mobile_menu .inner {
    background-color:#e0e0e0;
}
.mobile_menu ul {
    margin:0;
}
.mobile_menu li {
    padding-left:10px;
    border-bottom:1px solid #ccc;
    font:18px/2em 'Roboto',sans-serif;
    list-style-type:none;
}
.mobile_menu a,
.mobile_menu strong {
    text-decoration:none;
    color:rgba(0,0,0,.6);
}
.mobile_menu li.trail,
.mobile_menu li.active {
    background-color:#fff;
}
.mobile_menu ul .level_2 {
    margin-left:-10px;
    padding-left:10px;
    background-color:#ccc;
}
.mobile_menu ul .level_2 li {
    margin-left:-20px;
    padding-left:30px;
    border-bottom:1px solid #aaa;
}
.mobile_menu .submenu > a:after,
.mobile_menu .submenu > strong:after {
    padding-left:1em;
    content:'›';
}
#topnav {
    width:auto;
    height:auto;
}
#topnav ul {
    background-color:#4f4f4f;
}
#topnav li {
    float:none;
    margin-right:0;
    font-size:16px;
}
#topnav a,
#topnav a:hover {
    text-decoration:none;
    color:#fff;
}
#topnav .active,
#topnav a.trail {
    background-color:#fff;
    color:rgba(0,0,0,.6);
}
}

@media screen and (max-width: 400px) {
figure.float_right,
figure.float_left {
    float:none;
    margin-right:auto;
    margin-left:auto;
}
/* Galeriebilder untereinander statt nebeneinander */
.content-gallery > ul li {
    width:98%;
    float:none;
    padding-right:1%;
    padding-left:1%;
}
}

/* Druckansicht: nur der Inhalt, ohne Navigation, Seitenspalte und Fußzeile */
@media print {
#header,
#right,
#footer,
.mod_breadcrumb,
.mobile_menu,
.hamburger,
.cookiebar,
.pagination,
.content-gallery nav[data-pagination],
#main-navigation-sticky-wrapper {
    display:none !important;
}
#wrapper,
#container,
#main,
#main .inside {
    width:auto;
    min-width:0;
    float:none;
    margin:0;
    padding:0;
    border:0;
}
#main .inside:before {
    content:'Schachklub Turm Kleve 1974 e.V. – turmkleve.de';
    display:block;
    margin-bottom:1em;
    font-size:9pt;
    color:#666;
}
body {
    font-size:11pt;
    color:#000;
    background:#fff;
}
a {
    color:#000;
    text-decoration:underline;
}
h1,
h2,
h3,
h4 {
    break-after:avoid;
}
tr,
figure,
img {
    break-inside:avoid;
}
img {
    max-width:100% !important;
}
}