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%}
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}
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%}
.rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}}

.rsts-skin-light.rsts-main{position:relative}.rsts-skin-light.rsts-type-fade .rsts-slide{background:#fff}.rsts-skin-light .rsts-view{z-index:1;border:6px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3)}.rsts-skin-light .rsts-caption{position:absolute;top:20px;left:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#333;background:#fff;background:rgba(255,255,255,0.75);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-light .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-light .rsts-prev,.rsts-skin-light .rsts-next,.rsts-skin-light .rsts-thumbs-prev,.rsts-skin-light .rsts-thumbs-next{position:absolute;top:50%;right:20px;width:36px;height:36px;margin-top:-18px;overflow:hidden;outline:none;line-height:0;text-decoration:none;text-indent:-9999px;background:#fff;background-image:-webkit-linear-gradient(top, #eeeeee 30%,#ffffff);background-image:-moz-linear-gradient(top, #eeeeee 30%,#ffffff);background-image:-o-linear-gradient(top, #eeeeee 30%,#ffffff);background-image:linear-gradient(to bottom, #eeeeee 30%,#ffffff);background-image:linear-gradient(to bottom, #eeeeee 30%,#ffffff);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.3),0 0 0 1px #ccc,0 0 4px 4px rgba(111,178,235,0),0 0 1px 2px rgba(111,178,235,0),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.3),0 0 0 1px #ccc,0 0 4px 4px rgba(111,178,235,0),0 0 1px 2px rgba(111,178,235,0),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);box-shadow:0 0 2px 1px rgba(0,0,0,0.3),0 0 0 1px #ccc,0 0 4px 4px rgba(111,178,235,0),0 0 1px 2px rgba(111,178,235,0),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15)}.rsts-skin-light .rsts-prev:after,.rsts-skin-light .rsts-next:after,.rsts-skin-light .rsts-thumbs-prev:after,.rsts-skin-light .rsts-thumbs-next:after{content:"\203a";position:absolute;top:6px;left:14px;font:normal 21px/1 "Tahoma",sans-serif;color:#444;text-indent:0}.rsts-skin-light .rsts-prev,.rsts-skin-light .rsts-thumbs-prev{right:auto;left:20px}.rsts-skin-light .rsts-prev:after,.rsts-skin-light .rsts-thumbs-prev:after{content:"\2039"}.rsts-skin-light:hover .rsts-prev,.rsts-skin-light:hover .rsts-next,.rsts-skin-light:hover .rsts-thumbs-prev,.rsts-skin-light:hover .rsts-thumbs-next{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}.rsts-skin-light:hover .rsts-prev:hover,.rsts-skin-light:hover .rsts-next:hover,.rsts-skin-light:hover .rsts-thumbs-prev:hover,.rsts-skin-light:hover .rsts-thumbs-next:hover{-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition-duration:0.1s;-moz-transition-duration:0.1s;-o-transition-duration:0.1s;transition-duration:0.1s;-webkit-animation:pulsate 3.5s;-moz-animation:pulsate 3.5s;-o-animation:pulsate 3.5s;animation:pulsate 3.5s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.rsts-skin-light:hover .rsts-prev:active,.rsts-skin-light:hover .rsts-next:active,.rsts-skin-light:hover .rsts-thumbs-prev:active,.rsts-skin-light:hover .rsts-thumbs-next:active{-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px rgba(255,255,255,0.8),inset 0 1px 4px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px rgba(255,255,255,0.8),inset 0 1px 4px 3px rgba(0,0,0,0.3);box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px rgba(255,255,255,0.8),inset 0 1px 4px 3px rgba(0,0,0,0.3);-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.rsts-skin-light.rsts-direction-y .rsts-prev,.rsts-skin-light.rsts-direction-y .rsts-next{top:10px;left:50%;margin-top:0;margin-left:-18px}.rsts-skin-light.rsts-direction-y .rsts-prev:after,.rsts-skin-light.rsts-direction-y .rsts-next:after{content:"\25b2";position:absolute;top:12px;left:12px;font-size:12px;color:#555}.rsts-skin-light.rsts-direction-y .rsts-next{top:auto;bottom:23px}.rsts-skin-light.rsts-direction-y .rsts-next:after{content:"\25bc";top:auto;bottom:12px}.rsts-skin-light.rsts-video-playing .rsts-prev,.rsts-skin-light.rsts-video-playing .rsts-next{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.rsts-skin-light .rsts-nav{position:relative;z-index:1;margin:-19px 0 -12px;text-align:center}.rsts-skin-light .rsts-nav ul{display:inline-block;margin:0 !important;padding:0 10px !important;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background-color:#fff;background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.05),rgba(0,0,0,0.05));background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.05),rgba(0,0,0,0.05));background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.05),rgba(0,0,0,0.05));background-image:linear-gradient(to top, rgba(0,0,0,0.05),rgba(0,0,0,0.05));background-image:linear-gradient(to top, rgba(0,0,0,0.05),rgba(0,0,0,0.05));-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,0.25);-moz-box-shadow:0 2px 4px -1px rgba(0,0,0,0.25);box-shadow:0 2px 4px -1px rgba(0,0,0,0.25)}.rsts-skin-light .rsts-nav li{display:inline}.rsts-skin-light .rsts-nav-numbers a{display:inline-block;width:20px;height:20px;margin:5px 2px;padding:0.45em 0.3em 0.2em;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;font-size:11px;line-height:11px;color:#333;text-decoration:none;background-color:#fff;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1)}.rsts-skin-light .rsts-nav-numbers a:hover,.rsts-skin-light .rsts-nav-numbers a.active{background-color:#bec5ca;background-image:-webkit-linear-gradient(top, #ffffff,#bec5ca 90%);background-image:-moz-linear-gradient(top, #ffffff,#bec5ca 90%);background-image:-o-linear-gradient(top, #ffffff,#bec5ca 90%);background-image:linear-gradient(to bottom, #ffffff,#bec5ca 90%);background-image:linear-gradient(to bottom, #ffffff,#bec5ca 90%);text-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8)}.rsts-skin-light .rsts-nav-numbers a:hover{background-color:#dde4e9;background-image:-webkit-linear-gradient(top, #ffffff,#dde4e9 90%);background-image:-moz-linear-gradient(top, #ffffff,#dde4e9 90%);background-image:-o-linear-gradient(top, #ffffff,#dde4e9 90%);background-image:linear-gradient(to bottom, #ffffff,#dde4e9 90%);background-image:linear-gradient(to bottom, #ffffff,#dde4e9 90%);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8)}.rsts-skin-light .rsts-nav-tabs{z-index:0;top:-2px;margin:0}.rsts-skin-light .rsts-nav-tabs:after{content:"";position:absolute;top:-27px;left:0;width:100%;height:30px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#ccc;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);box-shadow:0 0 10px rgba(0,0,0,0.25)}.rsts-skin-light .rsts-nav-tabs ul{width:100%;border-top:1px solid #eee;-webkit-border-radius:0;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;background-image:-webkit-linear-gradient(top, #ffffff,#e9e9e9 90%);background-image:-moz-linear-gradient(top, #ffffff,#e9e9e9 90%);background-image:-o-linear-gradient(top, #ffffff,#e9e9e9 90%);background-image:linear-gradient(to bottom, #ffffff,#e9e9e9 90%);background-image:linear-gradient(to bottom, #ffffff,#e9e9e9 90%);-webkit-box-shadow:0 2px 4px -2px rgba(0,0,0,0.3),1px 0 3px -1px rgba(0,0,0,0.2),-1px 0 3px -1px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.7);-moz-box-shadow:0 2px 4px -2px rgba(0,0,0,0.3),1px 0 3px -1px rgba(0,0,0,0.2),-1px 0 3px -1px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.7);box-shadow:0 2px 4px -2px rgba(0,0,0,0.3),1px 0 3px -1px rgba(0,0,0,0.2),-1px 0 3px -1px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.7)}.rsts-skin-light .rsts-nav-tabs a{position:relative;display:inline-block;padding:10px 12px;outline:none;font-size:0.75em;color:#333;text-decoration:none}.rsts-skin-light .rsts-nav-tabs a.active{background-color:#aaa;background-image:-webkit-linear-gradient(top, #e2e2e2,#aaaaaa 90%);background-image:-moz-linear-gradient(top, #e2e2e2,#aaaaaa 90%);background-image:-o-linear-gradient(top, #e2e2e2,#aaaaaa 90%);background-image:linear-gradient(to bottom, #e2e2e2,#aaaaaa 90%);background-image:linear-gradient(to bottom, #e2e2e2,#aaaaaa 90%);color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 -2px 0 -1px rgba(255,255,255,0.6),inset 0 0 3px 0 rgba(0,0,0,0.4);-moz-box-shadow:inset 0 -2px 0 -1px rgba(255,255,255,0.6),inset 0 0 3px 0 rgba(0,0,0,0.4);box-shadow:inset 0 -2px 0 -1px rgba(255,255,255,0.6),inset 0 0 3px 0 rgba(0,0,0,0.4)}.rsts-skin-light .rsts-nav-tabs a.active:before,.rsts-skin-light .rsts-nav-tabs a.active:after{content:"";position:absolute;top:1px;left:50%;width:0;height:0;margin-left:-6px}.rsts-skin-light .rsts-nav-tabs a.active:after{top:-4px;left:0;width:100%;height:5px;margin:0;border:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-box-shadow:0 0 5px #fff;-moz-box-shadow:0 0 5px #fff;box-shadow:0 0 5px #fff}.rsts-skin-light .rsts-nav-thumbs{margin:-6px 0 0;padding:0;border:6px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3)}.rsts-skin-light .rsts-nav .rsts-nav-prev,.rsts-skin-light .rsts-nav .rsts-nav-next{display:none}.rsts-skin-light .rsts-nav-bullets{line-height:0}.rsts-skin-light .rsts-nav-bullets a{display:inline-block;width:15px;height:15px;overflow:hidden;margin:8px 4px;border:1px solid #c7c7c9;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-indent:-999px;background-color:#fff;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1)}.rsts-skin-light .rsts-nav-bullets a.active{border:1px solid #acb5ba;background-color:#d9dadd;background-image:-webkit-linear-gradient(top, #ffffff,#bec5ca 90%);background-image:-moz-linear-gradient(top, #ffffff,#bec5ca 90%);background-image:-o-linear-gradient(top, #ffffff,#bec5ca 90%);background-image:linear-gradient(to bottom, #ffffff,#bec5ca 90%);background-image:linear-gradient(to bottom, #ffffff,#bec5ca 90%);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8)}.rsts-skin-light .rsts-nav-bullets a:hover{border-color:#c1cacf;background-color:#e6e7e9;background-image:-webkit-linear-gradient(top, #ffffff,#e6e7e9 90%);background-image:-moz-linear-gradient(top, #ffffff,#e6e7e9 90%);background-image:-o-linear-gradient(top, #ffffff,#e6e7e9 90%);background-image:linear-gradient(to bottom, #ffffff,#e6e7e9 90%);background-image:linear-gradient(to bottom, #ffffff,#e6e7e9 90%);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8)}.rsts-skin-light .rsts-video-play,.rsts-skin-light .rsts-video-stop{position:absolute;top:50%;left:50%;width:64px;height:64px;overflow:hidden;margin:-32px 0 0 -32px;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;outline:none;background-color:#fff;background-color:rgba(255,255,255,0.5);background-image:-webkit-linear-gradient(top, #eeeeee,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,#ededed);background-image:-moz-linear-gradient(top, #eeeeee,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,#ededed);background-image:-o-linear-gradient(top, #eeeeee,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,#ededed);background-image:linear-gradient(to bottom, #eeeeee,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,#ededed);background-image:linear-gradient(to bottom, #eeeeee,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,#ededed);text-indent:-999px;text-decoration:none}.rsts-skin-light .rsts-video-play:before,.rsts-skin-light .rsts-video-stop:before{content:"\25ba";position:absolute;top:11px;left:16px;font-size:36px;color:#444;text-indent:0}.rsts-skin-light .rsts-video-play{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);box-shadow:0 0 3px rgba(0,0,0,0.2),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15)}.rsts-skin-light .rsts-video-play:hover,.rsts-skin-light .rsts-video-play:focus{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);-webkit-transition-duration:0.05s;-moz-transition-duration:0.05s;-o-transition-duration:0.05s;transition-duration:0.05s;-webkit-animation:play-pulsate 3.5s;-moz-animation:play-pulsate 3.5s;-o-animation:play-pulsate 3.5s;animation:play-pulsate 3.5s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.rsts-skin-light .rsts-video-play:hover:before,.rsts-skin-light .rsts-video-play:focus:before{color:#333}.rsts-skin-light .rsts-video-play:active{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 5px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 5px 3px rgba(0,0,0,0.3);box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 5px 3px rgba(0,0,0,0.3);-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.rsts-skin-light .rsts-video-stop{top:20px;left:auto;right:10px;width:32px;height:32px;margin:0;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#000;background:rgba(0,0,0,0.8)}.rsts-skin-light .rsts-video-stop:before{content:"\d7";top:8px;left:8px;width:16px;height:16px;border:0;font-size:23px;font-weight:bold;color:#fff;line-height:18px;text-align:center;text-indent:0}.rsts-skin-light .rsts-video-stop:hover,.rsts-skin-light .rsts-video-stop:focus{background:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7}.rsts-skin-light .rsts-video-stop:hover:before,.rsts-skin-light .rsts-video-stop:focus:before{color:#000}.rsts-skin-light .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-light .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-light .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#fff;background-color:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-light .rsts-progress div{position:relative;height:100%;background-color:#55c5ef;background-image:-webkit-linear-gradient(left, rgba(85,197,239,0) 0%,#159dcf 100%);background-image:-moz-linear-gradient(left, rgba(85,197,239,0) 0%,#159dcf 100%);background-image:-o-linear-gradient(left, rgba(85,197,239,0) 0%,#159dcf 100%);background-image:linear-gradient(to right, rgba(85,197,239,0) 0%,#159dcf 100%);background-image:linear-gradient(to right, rgba(85,197,239,0) 0%,#159dcf 100%);-webkit-box-shadow:0 -2px 2px -1px rgba(55,146,206,0.9),0 2px 2px -1px rgba(55,146,206,0.9);-moz-box-shadow:0 -2px 2px -1px rgba(55,146,206,0.9),0 2px 2px -1px rgba(55,146,206,0.9);box-shadow:0 -2px 2px -1px rgba(55,146,206,0.9),0 2px 2px -1px rgba(55,146,206,0.9)}.rsts-skin-light .rsts-progress div:after,.rsts-skin-light .rsts-progress div:before{content:"";position:absolute;right:0;top:0;width:3px;height:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;background-color:rgba(255,255,255,0.9);-webkit-box-shadow:0 0 3px 1px rgba(255,255,255,0.5);-moz-box-shadow:0 0 3px 1px rgba(255,255,255,0.5);box-shadow:0 0 3px 1px rgba(255,255,255,0.5)}.rsts-skin-light .rsts-progress div:before{width:50px;background-color:transparent;background-image:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,#ffffff 100%);background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%,#ffffff 100%);background-image:-o-linear-gradient(left, rgba(255,255,255,0) 0%,#ffffff 100%);background-image:linear-gradient(to right, rgba(255,255,255,0) 0%,#ffffff 100%);background-image:linear-gradient(to right, rgba(255,255,255,0) 0%,#ffffff 100%);-webkit-box-shadow:0 0 3px -1px rgba(255,255,255,0.5);-moz-box-shadow:0 0 3px -1px rgba(255,255,255,0.5);box-shadow:0 0 3px -1px rgba(255,255,255,0.5)}.rsts-skin-light .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-light .rsts-overlay-prev,.rsts-skin-light .rsts-overlay-next,.rsts-skin-light .rsts-thumbs-overlay-prev,.rsts-skin-light .rsts-thumbs-overlay-next{position:absolute;top:0;left:-1px;width:100%;height:100%;background:-webkit-linear-gradient(0deg, #ffffff,transparent);background:-moz-linear-gradient(0deg, #ffffff,transparent);background:-o-linear-gradient(0deg, #ffffff,transparent);background:linear-gradient(90deg, #ffffff,transparent);pointer-events:none}.rsts-skin-light .rsts-overlay-next,.rsts-skin-light .rsts-thumbs-overlay-next{left:auto;right:-1px;background:-webkit-linear-gradient(0deg, transparent,#ffffff);background:-moz-linear-gradient(0deg, transparent,#ffffff);background:-o-linear-gradient(0deg, transparent,#ffffff);background:linear-gradient(90deg, transparent,#ffffff)}.rsts-skin-light.rsts-direction-y .rsts-overlay-prev{left:0;top:-1px;background:-webkit-linear-gradient(#ffffff,transparent);background:-moz-linear-gradient(#ffffff,transparent);background:-o-linear-gradient(#ffffff,transparent);background:linear-gradient(#ffffff,transparent)}.rsts-skin-light.rsts-direction-y .rsts-overlay-next{top:auto;right:0;bottom:-1px;background:-webkit-linear-gradient(transparent,#ffffff);background:-moz-linear-gradient(transparent,#ffffff);background:-o-linear-gradient(transparent,#ffffff);background:linear-gradient(transparent,#ffffff)}.rsts-skin-light .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-light .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}@-webkit-keyframes pulsate{50%{-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15)}}@-moz-keyframes pulsate{50%{-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15)}}@-o-keyframes pulsate{50%{-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15)}}@keyframes pulsate{50%{-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15);box-shadow:0 0 2px 1px rgba(0,0,0,0.2),0 0 0 1px #ccc,0 0 6px 3px rgba(111,178,235,0.5),0 0 3px 2px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 4px 1px rgba(0,0,0,0.15)}}@-webkit-keyframes play-pulsate{50%{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1)}}@-moz-keyframes play-pulsate{50%{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1)}}@-o-keyframes play-pulsate{50%{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1)}}@keyframes play-pulsate{50%{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1);box-shadow:0 0 3px rgba(0,0,0,0.2),0 0 15px 3px rgba(111,178,235,0.3),0 0 8px 1px rgba(111,178,235,0.4),inset 0 0 0 2px #fff,inset 0 1px 3px 1px rgba(0,0,0,0.1)}}

#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}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*------------------------------------------------------------------------------*/
/* Layout Website Worber Sportschützen - 03.12.2021
/* Überarbeitet am 15.09.2023 - erste Testversion auf dem aktuellen Server      */
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* Generelle Definitionen                                                       */
/*------------------------------------------------------------------------------*/

html {
  overflow-y: scroll;
  height: 100%;
  font-size: 16px;
  line-height: 24px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  border-top: 4px solid var(--yellow);
  font-family: open sans, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  color: var(--antrazith);
  }

/* Anpassen Boxmodel */
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

*:before,
*:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* Headlines - Überschriften */
h1, h2, h3, h4 {
  font-weight: 700;
  font-family: roboto;
}

/* Berechnet mit Gridlover*/
h1 {
  font-size: 2.375em;
  line-height: 1.26315789em;
  margin-top: 0.63157895em;
/*  margin-bottom: 1.2631579em;*/
   margin-bottom: 0.63157895em;
  color: var(--antrazith);
}

h2 {
  font-size: 1.75em;
  line-height: 1.71428571em;
  margin-top: 0.85714286em;
  margin-bottom: 0.85714286em;
}
h3 {
  font-size: 1.3125em;
  line-height: 1.14285714em;
  margin-top: 1.14285714em;
  margin-bottom: 0.5em;
}
h4,
h5,
h6 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 0em;
}

/* Links */
a,
a:visited {
    color: blue;
    text-decoration: underline;
  outline:0;
}

a:hover,
a:focus,
a:active {
    color: #710c13;
  outline: 0;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
}

p, ul, ol, pre, table, blockquote {
  margin-top: 0em;
  margin-bottom: 1.5em;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0em;
  margin-bottom: 0em;
}

ul {
  list-style: square;
}

ol {
  list-style: decimal;
}

/*--------------------------------------------------------------*/
/* Spezielle Listen*/
/*--------------------------------------------------------------*/

.oplist  {
  list-style-type:none;
  text-indent: 2em;
}

.oplist li::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f058";
  padding: 5px;
  }




/*------------------------------------------------------------------------------------*/
/*Styles für die Suche-Seite*/
/*-------------------------------------------------------------------------------------*/
.mod_search .submit{
  color: var(--white);
  display:inline-block;
  padding: 10px;
  background: var(--antrazith);
  font-size: 1.3125em;
  margin: 0.5em 0;
  text-align: center;
  text-decoration: none;
  border-radius: 7px;
  transition: all 0.3s ease 0s;
  font-weight: 700;
}

.mod_search .submit::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f002";
  padding: 5px;

}
.mod_search .submit:hover{
  color: var(--yellow);
}
 .search-form{
  padding-left: 10px;
}

.search-form h3{
  display: block;
  width: 100%;
  background-color: var(--gray);
  padding: 5px;
}

.search-form h3 a {
  text-decoration: none;
  color: var(--antrazith);
  padding: 5px;
  border-radius: 7px;
}

.search-form h3 a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f164";
  padding: 5px;
}

.search-form h3 a:hover {
  text-decoration: none;
  color: var(--yellow);
  background-color: var(--antrazith);
  transition: all 1000ms ease;
}
/*Ende der Suchen-Seite*/

/*---------------------------------------------------------------------*/
/* Mobile Navigation wird ausgeblendet                                 */
/* Die mobile Navigation funktioniert ausschliesslich mit CSS          */
/*---------------------------------------------------------------------*/
.navwrapper input#responsive-nav,
label.responsive-nav-label {
  display: none;
}

.front-welcome {
  margin-left: 5px;
  margin-right: 5px;
}
 .front-welcome h1{
   margin-top:0;
   margin-bottom: 0;
 }

 .front-welcome.ce_text p{
   font-size: 1.3em;
 }

/*---------------------------------------------------------------------*/
/* Layout ganzer Bildschirm                                            */
/* Die mobile Navigation funktioniert ausschliesslich mit CSS          */
/*---------------------------------------------------------------------*/

/** Layout  ganzer Bildschirm**/
#wrapper {
  width: 100%;
  margin: 0 auto;
  /* margin: 0 auto;*/
  background-image:url("/files/themes/img/hg_scheibenstand.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#header{
  background-color: var(--white);

}

/*Kopfzeile - Flexbox*/
#header .topinner{
 width: 95%;
 max-width: 1500px;
 margin: auto;
 display: flex;
 flex: 1 1 0;
 }

/*Kopfzeile - Flexitems*/
#header .topinner div{

  width: 100%;
}
/*Kopfzeile - Ausrichung rechtes FlexItem*/
#header .header-right{
text-align: right;
}

/*Container für den Inhalt*/
#container{
 width: 95%;
 max-width: 1500px;
 margin: auto;
 background-color: var(--white);
 }

#main{
  padding-left: 5px;
  padding-right: 5px;
  }

#left .inside{
  margin:5px;
  padding: 5px;
}


/*Linke Seite - graue universelle Kästen*/

/**************************************************************************************/
/* News Menü auf der linken Seite                                                      */
/**************************************************************************************/

#left .news-menue-left{
background-color: var(--gray);
padding: 5px;
margin-bottom:5px;
}

#left .news-menue-left h3{
color: var(--yellow);
background-color:var(--antrazith);
text-align: left;
margin-bottom: 5px;
padding:3px;
border-radius:5px;
}

#left .news-menue-left ul{
padding: 5px;
}

#left .news-menue-left .submenu {
margin-bottom: 3px;
}

#left .news-menue-left .year a{
background-color: var(--antrazith);
padding: 3px;
color: var(--white);
margin: 2px;
border-radius: 5px;
text-decoration: none;
display:block;
width: 100%;
}

#left .news-menue-left .year a:hover{
color: var(--yellow);
}

#left .news-menue-left  strong.active{
background-color: var(--yellow);
color:var(--antrazith);
padding: 3px;
text-decoration: none;
font-size: 1.2em;
border-radius: 5px;
}

#left .news-menue-left  strong.active::before{
 font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1ea";
  padding: 5px;
}



#left .news-menue-left  h3::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1ea";
  padding: 5px;
}

#left .news-menue-left  a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f073";
  padding: 5px;
}

/* Ende Newsmenü */

/**********************************************************/
/* Linke Seite - side bar verschiedene Stile             */
/**********************************************************/

 .left-graybox{
  background-color:var(--gray);
  padding: 5px;
  margin-bottom: 5px;
}

 .left-graybox h3{
  background-color:var(--antrazith);
  color: var(--yellow);
  padding: 5px;
  border-radius: 5px;
  }

  .left-graybox a{
   background-color:var(--antrazith);
   color: var(--white);
   padding: 3px;
   width:100%;
   display: inline-block;
   text-decoration:none;
   border-radius: 5px;
   }

   .left-graybox a:hover{
     color: var(--yellow);
   }

   .left-graybox img{
     padding: 0px 0px 0px 10px;
   }

   .left-graybox a::before {
     font-family: "Font Awesome 5 Free";
     font-weight: 900; content: "\f35d";
     padding: 5px;
}

 .left-graybox.target h3::before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f140";
   padding: 5px;
 }

 .left-graybox.left-info h3::before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f05a";
   padding: 5px;
 }

 .left-graybox.left-info.pdf a::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f1c1";
   padding: 5px;
 }

 .left-graybox.left-info.mail a::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f0e0";
   padding: 5px;
 }

 .left-graybox.left-info.people-group h3::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f554";
   padding: 5px;
 }

 .left-graybox.left-info.date h3::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f073";
   padding: 5px;
 }


#left .info{
  padding: 5px;

}

#left .left-text{
  margin:auto;
}

#left .left-text img{
  width: auto;
}

#left h3{
  margin-bottom: 1.2em;
}

#left .boxlink{
  background-color: var(--gray);
  color: var(--white);
  padding: 5px;
}

#left .boxlink p{
  background-color: var(--gray);
  margin:10px;
  padding:5px;
}

#left .boxlink a{
  background-color: var(--antrazith);
  color: var(--white);
  padding: 5px;
  border-radius:5px;
  text-decoration:0;
}

#left .boxlink a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1ea";
  padding: 5px;
}

#left .boxlink a:hover{

  color: var(--yellow);
}

/* Ende Side-Bar links*/


/**************************************************************************************/
/* Navigation für den Computer oder Laptop - ganze Seite                              */
/**************************************************************************************/
#nav-main {
background-color: var(--antrazith);
width: 100%;
overflow: visible;
/*Schrifthöhe Navigation - funktioniert!!*/
font-size: 1.2em;
line-height: 1.2em;
}

#nav-main ul{
    list-style-type: none;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    width: 95%;
    max-width: 1500px;
    margin: auto;
    column-gap: 0.5em;
  }

#nav-main ul li {

    justify-content: flex-start;
      text-align:left;

}

#nav-main ul li ul li{
justify-content: space-between;
}


#nav-main ul li ul {
    background-color: var(--antrazith);
    box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);
    padding-top: 5px;
/*    display:none;*/
    position: absolute;
    flex-direction: column;
    width: auto;
    min-width: 220px;
       z-index: 20;
    margin-top: 4px;
    max-height:0;
    visibility: hidden;
   transition: max-height 0.5s ease-in-out;
  }

#nav-main ul li a{
    display: block;
    text-decoration: none;
    padding: 10px;
        color: #fff;
        justify-content: space-between;
        outline:0;
}

#nav-main li strong.active,
#nav-main li a.trail {
display: block;
text-decoration: none;
padding: .6em 1em;
color:yellow;
}

#nav-main a.submenu.trail{
  font-weight: bold;
}

#nav-main strong.active.submenu:after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f107";
  padding: 5px;

}

#nav-main ul li a:hover{
 background-color: var(--menuhover);
 color: var(--yellow);
transition: all 500ms ease;
}



#nav-main ul li:hover ul{
  /*  display:block;
    transition:height .4s;*/
    max-height: 1000px;
    visibility: visible;
}

/*Zeichen bei den Submenüs*/

#nav-main li.submenu > a:after
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900; content: "\f107";
    padding: 5px;
}

/*Wird benötigt damit bei einer internen Weiterleitung der Menüpunkt sichtbar bleibt*/
strong.forward.trail.submenu{
  color:var(--yellow);
line-height: 2em;
}


/* Könnnte wieder aktiviert werden  - aktiver Punkt im Menü - Font Awesome
#nav-main strong.active.submenu:after{
    padding-left: 5px;
    content: "-";
}
*/

/*---------------------------------------------------------------------*/
/* Mobile Layout-Variante                                              */
/*                                                                     */
/*---------------------------------------------------------------------*/

/*Hier die mobile Navigations-Variante*/

@media screen and (max-width: 980px) {

#nav-main,
.navrapper {
  font-size: 1.2em;
 }

.navwrapper label.responsive-nav-label {
  position: relative;
  display: block;
  padding: 20px;
  background: #222;
  cursor: pointer;
  color: #FFEE03;
  }

/* Anzeige der Navigationsschrift */
.navwrapper label.responsive-nav-label span {
  margin-right: 10px;
  color: #FFEE03;
}

#nav-main ul li{
  text-align: left;
}

#nav-main ul li ul li{
  text-align: left;
}

/* Die Hauptnavigation wird absolut positioniert, auf 100 % Breite gesettz und ausgeblendet*/
#nav-main{
  position: absolute;
  top: -9999px;
  width: 100%
}

/* Ein- und Ausblenden der Navigation (Mobile)*/
.navwrapper input#responsive-nav[type=checkbox]:checked ~ nav {
  position: relative;
  top: 0;
}

#nav-main {
  position: absolute;
  top: -9999px;
  width: 100%;
 margin-bottom: 15px;
}

/* Flex-Richtung in Column ändern */
#nav-main ul {
display: flex !important;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
}

/* Untergeordnete Listen werden mit angezeigt */
#nav-main ul li ul {
display:block;
position: relative;
width: 100%;

}

#nav-main ul li ul li{
padding-left: 20px;
}

}



/*---------------------------------------------------------------------------------*/
/*Module */
/*---------------------------------------------------------------------------------*/

/***********************************************************************************/
/* Modul - Dowonload (einfache Möglichkeit Datei herunterzuladen)                  */
/***********************************************************************************/

.article_fullsite{
  margin-left: 5px;
  margin-right: 5px;
}

.download_blanklink {
  margin: 5px;
}

.download_blanklink a {
  background-color:var(--antrazith);
  padding: 3px;
  color:var(--white);
  border-radius: 5px;
  text-decoration: none;
}

.download_blanklink a:hover {
  color:var(--yellow);
}

.download_blanklink a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1c1";
  padding: 5px;
}

/*img-autowidth*/


/*Map wssmap*/

/***********************************************************************************/
/* Modul - Beadcrumb zeigt den Pfad zur aktuellen Seite an                         */
/***********************************************************************************/

.mod_breadcrumb ul {
    list-style: none;
    margin: 1.5em 0;
}

.mod_breadcrumb li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.mod_breadcrumb li:after {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f0da";
  width: 20px;
  text-align: center;
}

.mod_breadcrumb li.active:after{
  display:none;
}

.mod_breadcrumb a{
  text-decoration: none;
}

.mod_breadcrumb a{
  color: var(--white);
  background-color: var(--antrazith);
  text-decoration: none;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
}

.mod_breadcrumb  a:hover{
  color:var(--yellow);
}

.banner_fullsite img{
  padding-left: 10px;
}

.banner_fullsite h1{
  padding-left: 10px;
}
/*****************************************************************************/
/*Footer-Boxen Flex-Boxen, welche nebeneinander angezeigt werden            */
/* Boxen werden ausschliesslich für die Footer-Boxen verwendet*/
/*****************************************************************************/
.box-wrapper {
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
  flex-direction: row;

}

.box {
  min-width: 200px;
  text-align: left;
  margin-bottom: 2em;
}

.box h2 {
  font-size: 1.2em;
  font-weight: 700;
  color: var(--yellow);
  padding: 0;
}

.box h4 {
  color: var(--yellow);
  padding: 0;
  margin-bottom: 5px;
    }

.box.mail h4::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f0e0";
   padding: 5px;
 }

 .box.news h4::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f1ea";
   padding: 5px;
 }

 .box.calendar h4::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f073";
   padding: 5px;
 }

/****************************************************************************/
/*Footer - Link in den Boxen*/
/****************************************************************************/

#footer .box-left .mail{
  text-decoration:none;
}

#footer .box-left .mail::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f0e0";
  padding: 5px;
  }

#footer .box-left .mail a:hover{
  color:var(--yellow);
}

#footer .box-middle .more-info{
  text-decoration:none;
}

#footer .box-middle .more-info::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f064";
  padding: 5px;
  }

#footer .box-middle .more-info a:hover{
  color:var(--yellow);
}
/*****************************************************************************/
/** Footer allgemein                                                       **/
/*****************************************************************************/

#footer {
    margin-top: 10px;
    border-top: 1px solid #ccc;
  background-color: var(--antrazith);
  width: 100%;
}

#footer .inside{
  width: 80%;
  max-width: 1550px;
  margin: auto;
  color:var(--gray);

}

#footer h5 {
    color: var(--yellow);
    margin-top: 0;
  margin-bottom: 0.25em;
}

#footer a,
#footer a:visited {
    color: var(--white);
    text-decoration: underline;
}

#footer a:hover {
    color: var(--yellow);
}

.footer-copyright {
    margin-top: 40px;
    border-top: 1px solid #ccc;
    font-size: 0.75em;
    padding: 10px 0;
  text-align: center;
}

/**************************************************************************************/
/*ce_text für hervorgehobene Absätze mit fontawesome am Anfang*/
/*************************************************************************************/
 .ce_text.notice-text p{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.2em;
}

.ce_text.notice-text p::before{
  font-family: "Font Awesome 5 Free";
  font-size: 2.5em;
  font-weight: 900; content: "\f164";
  padding: 5px;
}

/* ************************************************************* */
/* Artikel für Informationen auf der Startseite                  */
/****************************************************************/
/*Frontseite - Frontarticle*/
.front-article{
  margin-left: 3em;
  margin-right: 3em;
}

.front-article img{
  margin:5px;
}
.front-article h2{
  margin-bottom: 0;
  margin-left: 10px;
}

.front-article.ce_text p{

}

#agenda.front-article{
  margin-left: 1em;
  margin-right: 1em;

}

#agenda div.event.layout_upcoming.bygone.odd{
  background-color: var(--white);
}

#agenda h2{
 margin-top:0;
}

#agenda img{
margin-top: 20px;
}

#agenda .attention{
    background-color: var(--antrazith);
    color: var(--white);
    display: flex;
    padding: 5px;
}


/**************************************************************************************/
/* h2 Definition für Zweispaltigen Artikel mit Hinweis auf der Startseite     *       */
/**************************************************************************************/


h2.attention{
    background-color: var(--antrazith);
    color: var(--white);
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    display: block;
}


h2.attention a{
  background-color: var(--white);
  padding: 0px;
  border-radius: 5px;
  text-decoration: none;
  color: var(--antrazith);
  margin-left: 5px;
}


h2.attention a:hover{
  background-color: var(--yellow);

}

h2.attention a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 500; content: "\f14a";
  padding: 5px;
}

/**************************************************************************************/
/* h2 Definition für Zweispaltigen Artikel für die Agenda (Termine)                   */
/**************************************************************************************/

#agenda .attention a{
  background-color: var(--white);
  padding: 5px;
  border-radius: 5px;
  text-decoration: none;
  color: var(--antrazith);
}


#agenda .attention a:hover{
  background-color: var(--yellow);

}

#agenda .attention a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 500; content: "\f14a";
  padding: 2px;
}

/*Ende Agenda*/

/**************************************************************************************/
/* Rocksolid-Slider in der Frontansicht                           )                   */
/**************************************************************************************/

.mod_rocksolid_slider.front-slider{
  margin-left: 10px;
  margin-right: 10px;
}

/*Ende Rocksolidslider*/



/* ************************************************************* */
/* Newsansicht auf der Frontseite                                */
/****************************************************************/
/*Frontseite News-Artikel*/
#front-newsarchiv.front-news-wrapper{
  display:flex;
    flex-direction: row;
  /* background-color:var(--gray);*/
    gap: 0.8em 1em;
    padding-left: 10px;
    padding-right: 10px;
    align-items:stretch;
    margin-left: 10px;
    margin-right: 10px;
    }

#frontnews .ce_headline{

margin-left: 25px;
margin-top: 0px;
margin-bottom: 0px;
}

/*Flex-Box-Items (Front-News-Latest-Template)*/
#front-newsarchiv div.front-latest{
 /*justify-content: space-between;*/
  display:flex;
  flex-direction: column;
  background-color: #e8e5e5;
/*  border-radius: 7px;*/
  -webkit-box-shadow: -1px 10px 12px -3px rgba(0,0,0,0.67);
-moz-box-shadow: -1px 10px 12px -3px rgba(0,0,0,0.67);
box-shadow: -1px 10px 12px -3px rgba(0,0,0,0.67);
padding-left: 5px;
padding-right: 5px;
}

#front-newsarchiv   .layout_latest{
flex-basis: 33.333%;
}

#front-newsarchiv   .layout_latest .image_container{
text-align: center;
padding:5px;
}

/*Seit der Version 4.13 abgeändert gegenüber der Version 4.9*/
#front-newsarchiv h2{
  background-color: var(--antrazith);
  font-size: 1.1rem;
  color: white;
/*  border-radius: 7px; */
/*  padding: 3px; */
  margin-top: 3px;
}

#front-newsarchiv h2 a{
  background-color: var(--antrazith);
  color: var(--yellow);
}

#front-newsarchiv h2 a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1ea";
  padding: 5px;
}

#front-newsarchiv .info{
  font-size: 0.8em;
}

#front-newsarchiv .info::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f133";
  padding: 5px;
  }

#front-newsarchiv img{
padding:0;
}

#front-newsarchiv .img-autowidth{
  max-width: 100%;
  width: auto;
}

#front-layoutarchiv h2{
  font-size: 1.2em;
}

#front-layoutarchiv h2 a {
  Color: var(--yellow);
  text-decoration: none;
  display: block;
  background-color:var(--antrazith);
  border-radius: 7px 7px 0 0;
  padding-left: 5px;
}

#front-layoutarchiv h2 a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1ea";
  padding: 5px;
}

#front-layoutarchiv .info::before
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900; content: "\f133";
    padding: 5px;
}

#front-newsarchiv p.more{
  text-align: center;
  display: inline-block;
}

/*Front - die drei neusten layout*/
#front-layoutarchiv p.more {
text-align:center;
 display: inline-block;
}

#front-layoutarchiv p.more a{
  background-color:var(--antrazith);
  padding: 10px;
  color: var(--white);
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#front-layoutarchiv p.more a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f061";
  padding: 5px;
}


#front-layoutarchiv p.more a:hover{
  color: var(--yellow);
}
#front-layoutarchiv .front-latest{
min-width: 30%;
flex-wrap: nowrap;
}

#front-layoutarchiv img.img-autowidth{
  width: 100%;
}

.layout_full img.img-autowidth{
  width: 100%;
}

.layout_full .news-full-article .image_container{
  width:auto !important;
}

.layout_full .news-video .video_container{
    background-color: var(--gray);
    text-align: center;
    margin-bottom: 5px;
}

/***************************************************************************/
/* Infoslider Front für zweispaltige Artikel                              */
/**************************************************************************/


.info-slider-text{
    /*Hier können Textformatierungen kommen*/
}

.info-slider-text  .click-button{
  text-align: center;

}
.info-slider-text a.more{
  display:inline-block;
  background-color: var(--antrazith);
  color: var(--white);
  padding: 7px;
  text-decoration: none;
  border-radius: 5px;
}

.info-slider-text a.more::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f0a4";
  padding: 5px;
 }

.info-slider-text a.more:hover{
  color: var(--yellow);
 }
/*Ende Infoslider*/

 /***************************************************************************/
/* Einspaltige Artikel auf der Frontseite   dient für spezeielle Infos     */
/**************************************************************************/

 .front-einspaltig{
  width: 90%;
  max-width: 1300px;
  margin: auto;
  background-color: var(--gray);
  }

  .front-einspaltig .ce_text{
      margin-bottom: 10px;
  }

 .front-einspaltig img{
   margin-top: 2.5em;
 }

/***************************************************************************/
/* Zweispaltige Artikel auf der Frontseite*/
/**************************************************************************/

.front-zweispaltig{
   display:flex;
    flex-direction: row;
    gap: 0.8em 1em;
    padding-left: 10px;
    padding-right: 10px;
    align-items:stretch;
    justify-content: space-between;
    margin-bottom: 1em;
    }

 .front-zweispaltig .ce_text{
     flex-basis: 50%;
 }

 .front-zweispaltig h2{
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top:0px;
 padding-bottom: 0px;
 }

 .front-zweispaltig .image_container{
 margin-right: 10px;
 margin-bottom: 0px;
 }

 .front-zweispaltig .image_container img{
 max-width: 380px;
 width: 100%;
 }




 .slider-wrapper .image_container {
text-align:center;

 }

 .slider-wrapper .image_container img{
width: auto;
min-width: 100%;
padding-left: 15px;

 }

 .ce_sliderStart {
    background: #efefef;
}

.slider-control {
    height: 60px;
}

.slider-control .slider-menu {
    font-size: 50px;
    line-height: 55px;
}

.slider-control .slider-prev {
    left: 15px;
    color: var(--antrazith);
}

.slider-control .slider-next {
    right: 15px;
    color: var(--antrazith);
}


.slider-control .slider-next:hover,
.slider-control .slider-prev:hover{

    color: var(--yellow);
}


/*Zweispaltiges Frontmodul mit hellgrauem Hintergrund*/
.front-zweispaltig.farbe-grau{
   background-color: var(--gray);
   padding-top: 10px;
    }

 /* Zweispaltig - Verwendung eines Videos auf er Frontseite*/

.front-zweispaltig .video-player{
   flex-basis: 50%;
   text-align: center;

}

/**************************************************************/
/*Artikel - Text mit Bilder in den Artikeln - Eycatcherbilder*/
/**************************************************************/

/* Bilder bei den Artikeln*/
/*Normale Bilder für die Informationstexte - autowidth bewirkt das skalieren bei verschiedenen Viewport-Grössen*/

.mod_article .image_container img.img-autowidth{
    Width: 100%;
}

.mod_article .image_container img{
    padding-right:10px;
  padding-bottom: 3px;
}

.mod_article .banner .image_container  img{
    padding-right:0px;
  padding-bottom: 0px;
}

.mod_article p{
  margin-bottom: 0.8em;
}

.mod_article .ce_text {
  padding-left: 10px;
  padding-right: 10px;
}

/*Ene Artikel - Text mit Bildern*/

/**********************************************************/
/*Galerie auf der Seite Über uns - Informationen, Leitbild*/
/*Die Galerie wird als Flexbox angezeigt                 */
/*********************************************************/

.ueberuns_galerie{
  margin-bottom:1em;
}

.ueberuns_galerie figcaption{
  font-weight:bold;
}
.ueberuns_galerie ul{
  display:flex;
  flex-direction:row;
  justify-content: space-around;
  flex-wrap:wrap;
}

.ueberuns_galerie figcaption::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f164";
  padding: 5px;
}

/**********************************************************/
/*Galerie auf der Seite Wettkämpfe und Anlässe*/
/*Die Galerie wird als Flexbox angezeigt                 */
/*********************************************************/

.wettkampf_galerie{
  margin-bottom:1em;
}

.wettkampf_galerie figcaption{
  font-weight:bold;
}
.wettkampf_galerie ul{
  display:flex;
  flex-direction:row;
  justify-content: space-around;
  flex-wrap:wrap;
}

.wettkampf_galerie figcaption::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f164";
  padding: 5px;
}


/**********************************************************/
/*Galerie auf der Seite Feldschiessen*/
/*Die Galerie wird als Flexbox angezeigt                 */
/*********************************************************/
.feldschiessen_galerie{
  margin-bottom:1em;
}

.feldschiessen_galerie figcaption{
  font-weight:bold;
}
.feldschiessen_galerie ul{
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  flex-wrap:wrap;
}

.feldschiessen_galerie figcaption::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f164";
  padding: 5px;
}



/**********************************************************/
/*Seite  über uns - Schiessanlage diverse Stile          */
/*Die Aufzählung wird angepasst                */
/*********************************************************/
#schiessanlage-galery {
  margin-left: 10px;
  margin-right: 10px;
}

#schiessanlage-galery ul{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: space-between;
}

.schiessanlage-galery  figcaption{
  font-weight:bold;
}

.schiessanlage-galery figcaption::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f140";
  padding: 5px;
}

.schiessanlage-galery .restaurant figcaption::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f79f";
  padding: 5px;
}
.schiessanlage-galery .galerie h3{
  margin-left: 10px;
}



.schiessanlage-map{
  margin: 10px;
  padding:10px;
}

.schiessanlage ul{
  font-weight:bold;
  list-style-type: none;
}

.schiessanlage ul li{
 padding-left: 1em;
}

.schiessanlage ul li::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f140";
  padding: 5px;
}



/**********************************************************/
/*Seite  Nachwuchs - definition der Galerie       */

/*********************************************************/
.nachwuchs_galerie{
  margin-bottom:1em;
}

.nachwuchs_galerie figcaption{
  font-weight:bold;
}
.nachwuchs_galerie ul{
  display:flex;
  flex-direction:row;
  justify-content: space-around;
  flex-wrap:wrap;
}

.nachwuchs_galerie figcaption::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f164";
  padding: 5px;
}


/*Schnellwahl*/

#schnellwahl.card{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  padding: 15px;
  min-height: 300px;
  gap: 1em;
  flex-wrap:wrap;
}

#schnellwahl .carditem {
  text-align: center;
/*  background-image: url("/files/themes/img/schnellwahl/hg_schnellwahl_op.jpg");*/
  background-size: cover;
  border-radius: 7px;
  -webkit-box-shadow: -1px 10px 12px -3px rgba(0,0,0,0.67);
-moz-box-shadow: -1px 10px 12px -3px rgba(0,0,0,0.67);
box-shadow: -1px 10px 12px -3px rgba(0,0,0,0.67);
flex: 1 1 15%;
flex-wrap:wrap;
position: relative;
}

#schnellwahl .card-bg1{
  background-image: url("/files/themes/img/schnellwahl/hg_schnellwahl_op.jpg");
}
#schnellwahl .card-bg2{
  background-image: url("/files/themes/img/schnellwahl/hg_schnellwahl_fs.jpg");
}

#schnellwahl .card-bg3{
  background-image: url("/files/themes/img/schnellwahl/hg_schnellwahl.jpg");
}
#schnellwahl .card-bg4{
  background-image: url("/files/themes/img/schnellwahl/hg_schnellwahl_kt.jpg");
}
#schnellwahl h2{
  font-size: 1.1em;
  color: var(--yellow);
  background-color: var(--antrazith);
  padding: 5px;
  margin: 0;
  border-radius: 7px 7px 0 0;
}

#schnellwahl .card-content-wrapper{
    background-color: hsla(227, 28%, 18%, 0.72);
    padding-bottom: 15px;
    left:0;
    bottom:-4000px;
    position:absolute;
     transform: translatey(100%);
     transition: transform 500ms ease;
     border-radius: 0 0 7px 7px;
}

#schnellwahl .card-content-wrapper a{
    background-color: yellow;
    Color:black;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
/*    cursor: :pointer;*/
}

#schnellwahl .card-content-wrapper a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f05a";
  padding: 5px;
}

#schnellwahl .carditem:hover .card-content-wrapper{
   bottom:0;
   left:0;
/*   cursor: :pointer;*/
    transform: translatey(0);
}

#schnellwahl .card-textitem{
  color: white;

}

/*Suchformular im Header*/

#form-search {
  margin-top: 15px;
  position: relative;
}

#form-search input.text {
    margin-bottom: 0;
    padding-right: 30px;
    width: 115px;
    transition: all 0.5s ease 0s;
}

#form-search input.text:focus {
    width: 240px;
}


#form-search input.submit {
    position: absolute;
    right: 6px;
    top: 2px;
    width: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

/*Vorstandsseite - Bilder*/

#vorstand-mitglieder.portrait{
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: space-between;
  column-gap: 2px;
  row-gap: 2px;
  align-items: center;
  text-align:center;
  margin-right: 10px;
}

#vorstand-mitglieder .vorstandsbilder{
width: auto;
position:relative;
margin:0;
padding: 0;
}

#vorstand-mitglieder .vorstandsbilder p{
  line-height: 3em;
}
#vorstand-mitglieder .vorstandsbilder h2{
font-size: 1.1em;
Color: var(--yellow);
background-color: var(--antrazith);
padding: 5px;
margin-bottom: 0;
}

#vorstand-mitglieder .vorstandsbilder .phone::before{
font-family: "Font Awesome 5 Free";
font-weight: 900; content: "\f095";
padding: 5px;
}

#vorstand-mitglieder .vorstandsbilder .mail{
  background-color:var(--yellow);
  color:var(--antrazith);
  padding: 7px;
  border-radius: 7px;
  text-decoration: none;
  display: block;
  margin: 5px;
}

#vorstand-mitglieder .vorstandsbilder .mail::before{
font-family: "Font Awesome 5 Free";
font-weight: 900; content: "\f0e0";
padding: 5px;
}

#vorstand-mitglieder .vorstandsbilder p{
  background-color: hsla(227, 28%, 18%, 0.72);
  color: var(--yellow);
  left:0;
  bottom:0;
  margin:0;
  position:absolute;
  width: 100%;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  visibility: hidden;
  transform: translatey(100%);
  transition: transform 500ms ease;
}

#vorstand-mitglieder .vorstandsbilder img{
width: 100%;
padding:0;
padding-top: 5px;
}

#vorstand-mitglieder .vorstandsbilder:hover p{
visibility: visible;
transform: translatey(0);
}

/*--------------------------------------------------------------------------------------------*/
/*News - Nachrichtensystem*/
/*--------------------------------------------------------------------------------------------*/

/* Nachrichten Styling */
.layout_latest {
    margin-bottom: 3em;
    padding-bottom: 3em;
    border-bottom: 1px solid #ccc;
  padding-left: 5em;
}

.layout_latest {
  background-color: var(--gray);
}

.layout_latest h2,
.layout_full h1 {
    margin: 0;
}

.layout_latest h2 a {
    color: #292c37;
    text-decoration: none;
}

.layout_latest .info,
.layout_full .info {
    font-size: 0.875em;
}

.layout_latest img{
  max-width: 500px;
}
.mod_newsarchive .layout_latest .info {
    margin-bottom: 0;
}

.layout_latest .info:before,
.layout_full .info:before {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
    content: "\f073";
    width: 20px;
    text-align: center;
}
.layout_full .ce_text {
width: 100%;
background-color: var(--gray);
}

.layout_full .ce_text .image_container{
  max-width: 900px;
  width: 100%;
  padding-top: 5px;
  text-align: center;
}

.mod_newsarchive .pagination ul li{
    display: inline-block;

}


.mod_newsarchive .pagination a.next,
.mod_newsarchive .pagination a.previous,
.mod_newsarchive .pagination a.first,
.mod_newsarchive .pagination a.last {
 text-decoration: none;
 padding: 7px;
 border-radius: 7px;
 background-color:var(--antrazith);
 color: var(--white);
}


.mod_newsarchive .pagination a.previous:hover,
.mod_newsarchive .pagination a.next:hover,
.mod_newsarchive .pagination a.first:hover,
.mod_newsarchive .pagination a.last:hover{
  color:var(--yellow);
}

.mod_newsarchive .pagination a.next::before{
font-family: "Font Awesome 5 Free";
font-weight: 900; content: "\f061";
padding: 5px;
}

.mod_newsarchive .pagination a.link{
    background-color: var(--antrazith);
    color: var(--white);
    padding: 5px;
    border-radius: 3px;
}

.mod_newsarchive .pagination a.link:hover{
    color: var(--yellow);

}

.mod_newsreader .ce_text{
  background-color: var(--white);
}

.mod_newsarchive .pagination a.previous::before{
font-family: "Font Awesome 5 Free";
font-weight: 900; content: "\f060";
padding: 5px;
}


.mod_newsarchive p.more a{
  text-decoration: none;
  color: var(--white);
  padding: 7px;
  border-radius: 7px;
  background-color:var(--antrazith);
  display: inline-block;
}

.mod_newsarchive p.more a:hover{
  color: var(--yellow);
  outline: 0;
}

.mod_newsarchive p.more a::before{
font-family: "Font Awesome 5 Free";
font-weight: 900; content: "\f061";
padding: 5px;
}



.mod_newsreader p.back a{
  text-decoration: none;
  padding: 7px;
  border-radius: 7px;
  background-color:var(--antrazith);
  color: var(--white);
  display: inline-block;
}

.mod_newsreader p.back a::before{
font-family: "Font Awesome 5 Free";
font-weight: 900; content: "\f060";
padding: 5px;
}

.mod_newsreader p.back a:hover{
  color: var(--yellow);
  outline: 0;
}



#footer .layout_simple {
    border-bottom: 1px solid #ccc;
    padding: 0.5em 0;
}

#footer .layout_simple.first {
    padding-top: 0;
}

#footer .layout_simple a {
    font-weight: 700;
    text-decoration: none;
}


/* News-Menü */
.mod_newsmenu ul {
    list-style: none;
    margin: 0;
}

.mod_newsmenu .year {
    margin: 0;
}

.mod_newsmenu a {
    text-decoration: none;
}

.mod_newsmenu a:hover,
.mod_newsmenu a:focus,
.mod_newsmenu strong.active
 {
    color: #710c13;
    text-decoration: underline;
}


/*---------------- nachtrag -----------------*/
#news-vorschau .layout_latest  {
background-color: var(--gray);
padding:0;
}

#news-vorschau .layout_latest .image_container {
width: 50%;
}

#news-vorschau .layout_latest .image_container img {
float:left;
border-right: 1px solid var(--antrazith);
margin-right: 10px;
}



#news-vorschau .layout_latest .more {
text-align:right;
margin-right: 10px;
}

#news-vorschau .layout_latest .more a {
margin-left: 10px;
}


.layout_full .image_container{
width: 50%;
}


/**********************************************************/
/*Galerie in den News*/
/*Die Galerie wird als Flexbox angezeigt                 */
/*********************************************************/

.news-gallery{
  margin-bottom:1em;

}

.news-gallery figcaption{
  font-weight:bold;
}
.news-gallery ul{
  display:flex;
  flex-direction:row;
  justify-content: space-around;
  flex-wrap:wrap;
}

.news-gallery .figcaption::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f164";
  padding: 5px;
}

.news-gallery  .image_container{
  width: auto;
}

/* Einde News-Definitionen*/
/*------------- ende nachtrag --------------*/
/*hier endet das Nachrichtensystem*/


/*--------------------------------------------------------------------------------------------*/
/*Formular - Kontaktformular*/
/*-------------------------------------------------------------------------------------------*/
/** Formular **/

#formular-kontakt{
width: 80%;
}
#formular-kontakt label{
    display: block;
  color: var(--antrazith);
  margin-bottom: 0;
}

#formular-kontakt input,
#formular-kontakt textarea,
#formular-kontakt select {
    margin-bottom: 0.2em;
    padding: 0.5em;
    border: 1px solid var(--antrazith);
    outline: 0;
    width: 80%;
    border-radius: 2px;
  }

#formular-kontakt input:focus,
#formular-kontakt textarea:focus,
#formular-kontakt select:focus {
    border: 1px solid blue;
  color:blue;
}

#formular-kontakt form span.mandatory {
    display: none;
}

 #formular-kontakt .submit {
    margin-top: 0;
}

#formular-kontakt p.error {
    color: red;
    background: #f1f1f1;
    border: 2px solid red;
    padding: 0.5em;
    margin: 0 0 0.25em 0;
}

#formular-kontakt .radio_container span {
    margin-right: 2em;
}

#formular-kontakt .radio_container input {
    width: auto;
    margin-left: 2px;
}

#formular-kontakt .radio_container label {
    display: inline-block;
}

#formular-kontakt .checkbox_container input {
    width: auto;
}

#formular-kontakt .checkbox_container label {
    display: inline-block;
}

#formular-kontakt  .submit{
  display: inline-block;
padding: 10px;
background: var(--antrazith);
font-size: 1.3125em;
margin: 0.5em 0;
text-align: center;
text-decoration: none;
border-radius: 7px;
color: white;
}

#formular-kontakt  .submit::before{
font-family: "Font Awesome 5 Free";
font-weight: 900; content: "\f2b6";
padding: 5px;
}

#formular-kontakt  .submit:hover{
  color:var(--yellow);
}

/*Ende Kontaktformular*/

/*************************************************************************************/
/* Events*/
/*************************************************************************************/


.calendar .header {
    font-size: 0.75em;
    background-color: #efefef;
    padding-left: 3px;
}

.calendar .empty .header {
    background-color: #fff;
}

.calendar .today .header{
    background-color: #9f111b;
    color: #fff;
    font-weight: 700;
}

.calendar .event {
    margin: 3px 0;
    line-height: 1.1;
}

.calendar .event a {
    font-size: 0.75em;
}


.minicalendar .head,
.minicalendar .label,
.minicalendar td {
    text-align: center;
}


.minicalendar .active {
    background: #9f111b;
}

.minicalendar .active a,
.minicalendar .active a:visited {
    color: #fff;
}

.layout_upcoming {
    padding: 1em 0.25em;
    border-bottom: 1px solid #ccc;

}

.layout_upcoming.odd {
    background: #efefef;
}

/*Liste upcomming*/


div.event.layout_upcoming a{
color: var(--antrazith);
padding: 5px;
}

div.event.layout_upcoming a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f073";
  padding: 5px;
}

div.event.layout_upcoming a:hover{
background-color: var(--antrazith);
border-radius: 5px;
color: var(--yellow);
text-decoration: none;
}

.mod_eventlist .pagination ul {
 list-style-type: none;
 display:flex;
 flex-direction: row;
 justify-content: flex-start;
 gap: 1em;
}

.mod_eventlist .pagination a.next,
.mod_eventlist .pagination a.last {
 text-decoration: none;
 padding: 7px;
 border-radius: 7px;
 background-color:var(--antrazith);
 color: var(--white);
}

.mod_eventlist .pagination a.next::before {
 font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f061";
  padding: 5px;
}

.mod_eventlist .pagination a.next:hover {
 color: var(--yellow);
}

.mod_eventlist .pagination a.previous,
.mod_eventlist .pagination a.first {
 text-decoration: none;
 padding: 7px;
 border-radius: 7px;
 background-color:var(--antrazith);
 color: var(--white);
}

.mod_eventlist .pagination a.last::before{
 font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f051";
  padding: 5px;

}

.mod_eventlist .pagination a.previous::before {
 font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f060";
  padding: 5px;
}

.mod_eventlist .pagination a.first::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f048";
  padding: 5px;
}

.mod_eventlist .pagination a.previous:hover,
.mod_eventlist .pagination a.first:hover,
.mod_eventlist .pagination a.last:hover {
 color: var(--yellow);
}

 .mod_eventlist .pagination ul li a.link {
 background-color: var(--antrazith);
 color: var(--white);
 padding: 5px;
 border-radius: 3px;
}

.mod_eventlist .pagination ul li a.link:hover {
  color: var(--yellow);
}

.mod_eventreader{
    margin-left: 30px;
    margin-right: 30px;
}

.mod_eventreader p.info,
.mod_eventreader p.location{
   font-size: 1.2em;
   font-weight: bold;
}

.mod_eventreader p.back a{
 text-decoration: none;
 padding: 7px;
 border-radius: 7px;
 background-color:var(--antrazith);
 color: var(--white);
 margin-top: 10px;
}

.mod_eventreader p.back a::before{
 font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f060";
  padding: 5px;
}

.mod_eventreader p.back a:hover{
 color: var(--yellow);
}

.mod_eventreader .ce_text{
 margin-bottom: 10px;

}

.mod_eventreader .image_container img{
 float: left;
 width: auto;
}






/*eventmenü*/
#left .eventmenue{
background-color: var(--gray);
padding: 5px;
margin-bottom:5px;
}

#left .eventmenue h3{
color: var(--yellow);
background-color:var(--antrazith);
text-align: left;
margin-bottom: 5px;
padding:3px;
border-radius:5px;
}

#left .eventmenue h3::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f073";
  padding: 5px;
}

#left .eventmenue ul{
padding: 5px;
list-style-type: none;
}

#left .eventmenue .submenu {
margin-bottom: 3px;
}

#left .eventmenue li {
line-height: 1.8em;

}

#left .eventmenue li a {
background-color: var(--antrazith);
color: var(--white);
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
text-decoration: none;
}

#left .eventmenue li a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f073";
  padding: 5px;
}

#left .eventmenue li a:hover {
 color: var(--yellow);
}

#left .eventmenue strong.active {
color:var(--yellow);
background-color: var(--antrazith);
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
}

#left .eventmenue strong.active::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f30b";
  padding: 5px;
}

 /*************************************************************************************/
/* Events -  Downloads in Events                                                               */
/*************************************************************************************/
.event .download-element {
margin-bottom: 10px;
}

.event .download-element a{
background-color: var(--antrazith);
color: var(-white)    ;
padding: 5px;
border-radius: 5px;
color:white;
text-decoration: none;
margin-left: 1em;
}

 .event  .ext-xls a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1c3";
  padding: 5px;

 }

 .event  .ext-docx a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1c2";
  padding: 5px;

 }

.event .download-element a:hover{
color: var(--yellow)    ;
}



.event .event-list ul{
padding-left: 2em;
}



/*************************************************************************************/
/* Front - Eventanzeige
/*************************************************************************************/

/*************************************************************************************/
/* Tätigkeit - Wettkämfe und Anlässe*/
/*************************************************************************************/

.liste-jahresprogramm {
    margin-left: 10px;
}
.liste-jahresprogramm ul{
    margin-left: 20px;
    list-style-type:none;
}

.liste-jahresprogramm li::before{
    font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f140";
  padding: 5px;
 }



/*************************************************************************************/
/* Ranglisten*/
/*************************************************************************************/

.result-wrapper{
 display: flex;
 flex-direction: row;
 justify-content: center;
 flex-wrap: wrap;
 gap: 1em;
 }

.result-wrapper .ce_downloads{
    flex-basis: 30%;
    flex-shrink: 0;
}

.result-wrapper .download_element{
    margin: 7px;
    padding-left: 10px;
    border-radius: 5px;
}

.result-wrapper a{
    background-color: var(--antrazith);
    color: var(--white);
    text-decoration: none;
    border-radius: 5px;
    line-height: 2em;
    padding: 3px;
}

.result-wrapper a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f1c1";
  padding: 5px;
}

.result-wrapper a:hover{
     color: var(--yellow);
}



/* ************************************************************* */
/* Styling Fotogalerie                                            */
/****************************************************************/

#fotogallery-index .gallery-index-wrapper{
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap:wrap;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
  padding: 5px;
  }
.gallery-index-wrapper .ce_image{
  position: relative;

}

#fotogallery-index .gallery-index-wrapper h4{
  background-color: green;
  top: 0;
  position:absolute;
  display: inline-block;
  max-width: 270px;
  Width: 100%;
  padding: 5px;
  background-color: var(--antrazith);
  color: var(--yellow);
  Opacity: 70%;
  margin-top: 0;
}
#fotogallery-index h2{
  margin-left: 10px;
}
#fotogallery-index  a:hover img{
  opacity: 50%;
}

#fotogallery-index .gallery-index-wrapper h4::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f030";
  padding: 5px;
}

/****************************************************************************/
/*Fotogalerie - Galerie*/
/***************************************************************************/

.gallery-wrapper{

 margin-bottom: 10px;

 }

 .gallery-wrapper ul{
   display:flex;
     justify-content: space-around;
     flex-direction: row;
     flex-wrap:wrap;
     margin-left: 10px;
     margin-right: 10px;

   }

 .gallery-wrapper ul li{

     text-align: center;
          flex-shrink: 0;
          flex-basis: 25%;
     }

 .gallery-wrapper h3{
 background-color: var(--antrazith);
 color: var(--white);
 padding:5px;
 margin-left: 10px;
 margin-right: 10px;
 }

  .gallery-wrapper h3::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f030 ";
  padding: 5px;
  }

/*************************************************************************************/
/* Accordion                                                                         /
/*************************************************************************************/

/** Akkordeon **/
.ce_accordion {
    margin-bottom: 1px;
}

.ui-accordion-content {
    border: 1px solid #ccc;
    padding: 0.25em 0.5em;
}

.ce_accordion .toggler {
    cursor: pointer;
    color: #fff;
    background: #292c37;
    outline: none;
    padding: 0.5em;
    font-weight: 700;
 }

.ce_accordion .toggler.active,
.ce_accordion .toggler:hover {
    background: var(--antrazith);
  }

 .ce_accordion .toggler:hover {
    color: var(--yellow);
  }

 .ui-icon:hover:before {
   color:var(--yellow);
   }

.ui-icon:before {
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: 25px;
  text-align: center;
  content: '\f101';
}

.ui-accordion-header-active .ui-icon:before {
  content: '\f338';
}

/* ************************************************************* */
/* Styling Downloads                                            */
/****************************************************************/
#downloads.download-wrapper{
  display:flex;
    flex-direction: row;
  /* background-color:var(--gray);*/
    gap: 0.8em 1em;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: space-between;
    align-items:stretch;
    }

    /*Flex-Box-Items (img-autowidthLatest-Template)*/
  #downloads div.download-item {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 30%;
    }

    #downloads div.download-item a{
    text-decoration: none;
    background-color:var(--antrazith);
    color:var(--white);
    padding:3px;
    border-radius: 5px;
    margin-left:5px;
    }

    #downloads div.download-item a::before{
      font-family: "Font Awesome 5 Free";
      font-weight: 900; content: "\f1c1";
      padding: 5px;
    }

    #downloads div.download-item a:hover{
    color:var(--yellow);
    }

    #downloads div.download-item h3{
    background-color:var(--antrazith);
    color:var(--yellow);
    padding:3px;
    border-radius: 5px;
    margin-bottom: 1.1em;
    }

    #downloads div.download-item h3::before{
      font-family: "Font Awesome 5 Free";
      font-weight: 900; content: "\f1c1";
      padding: 5px;
    }


  /* ************************************************************* */
  /* Styling der Sitemap und den Links                                          */
  /****************************************************************/

#sitemap {

}
#sitemap .mod_sitemap {

 font-size: 1.2em;
}

#sitemap .mod_sitemap ul{
list-style-type:none;
padding: 5px;
}

#sitemap .mod_sitemap ul li ul{
padding-left: 20px;
}

#sitemap .mod_sitemap ul > li{
  padding:5px;
}

#sitemap .mod_sitemap ul li ul >li{
  padding:5px;
}
/* Formatieren der Sitemap Ul als Felxbox*/
#sitemap .mod_sitemap .level_1 ul{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}

#sitemap .mod_sitemap a{
  text-decoration:none;
  background-color: var(--antrazith);
  Color: var(--white);
  padding: 5px;
  border-radius: 5px;
}

#sitemap .mod_sitemap li a:hover{
  color:var(--yellow);
}

#sitemap .mod_sitemap ul li > a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f03a";
  padding: 5px;
}
#sitemap .mod_sitemap ul li ul a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f03c";
  padding: 5px;
}

#sitemap h2{
  background-color: var(--antrazith);
  color:var(--yellow);
  border-radius: 5px;
}

#sitemap h2:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f0e8";
  padding: 5px;
}
/*Ende Definition Sitemap*/
/*************************************************************************************/
/* Test Accordion*/
/*************************************************************************************/

/** Akkordeon **/

.ce_accordion {
    margin-bottom: 1px;

}

.ui-accordion-content {
    border: 1px solid #ccc;
    padding: 0.25em 0.5em;
}

.ce_accordion .toggler {
    cursor: pointer;
    color: #fff;
    background: #292c37;
    outline: none;
    padding: 0.5em;
    font-weight: 700;
}

.ce_accordion .toggler.active,
.ce_accordion .toggler:hover {
    background: var(--antrazith);
  }

 .ce_accordion .toggler:hover {
    color: var(--yellow);
  }

 .ui-icon:hover:before {
   color:var(--yellow);
   }

.ui-icon:before {
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: 25px;
  text-align: center;
  content: '\f101';
}

.ui-accordion-header-active .ui-icon:before {
  content: '\f338';
}

/************************************************************************************/
 /* Datenschutz*********                                                             */
 /************************************************************************************/

 #datenschutz ul{
  list-style-type: none;
  margin-left: 3em;

 }

 #datenschutz ul li::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f56d";
  padding: 5px;

 }

 /*Ende Datenschutz*/

 /************************************************************************************/
 /* Waffenrecht *********                                                             */
 /************************************************************************************/

 #waffenrecht {
     margin-bottom: 10px;
 }

  #waffenrecht ul{
  list-style-type: none;
  margin-left: 3em;
  }

 #waffenrecht ul li::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900; content: "\f56d";
  padding: 5px;
 }


 /*Ende Waffenrechtg*/

 /************************************************************************************/
 /* Wartungsmodus - 503                                                              */
 /************************************************************************************/


.wartungsmodus main{
   max-height: 100%;
   height: 100vh;
  }

  .wartungsmodus .wartungsmeldung{
    width: 100%;
    max-width: 70%;
    margin: auto;

  }
  /*Ende Wartungsmodus*/

@media screen and (max-width: 1024px){
/* ------------------------------------------------------------------------------------------*/
/*Unbedingt nötig, da bereits ab 1024px ein Umschalten der Seiten mit Seitenspalte erfordert*/
/* -----------------------------------------------------------------------------------------*/
  #wrapper{margin:0;width:auto; max-width:100%;}
  #container{padding-left:0;padding-right:0}
  #main,#left,#right{float:none;width:auto}
  #left{right:0;margin-left:0}
  #right{margin-right:0}
/* Horizontaler Scrollbaken wird versteckt - sonst schwappt die Seite auf mobilen Geräten umher*/
  body{
    overflow-x:hidden;
  }
/*------------------------------------------------------------------------------------------*/

/*banner-fullsite - mittet das Banner-Bild ein*/
.banner_fullsite img{
  padding-left: 1px;
}

.banner_fullsite h1{
  padding-left: 1px;
}

.front-article{
  margin-left: 0;
  margin-right: 0;
}

/* Boxen - vorwiegend im Fussbereich verwendet*/
.box-wrapper{
  flex-direction: column;
  width: 100%;
}

.box{
  text-align: center;
}

/*Einspaltige Front-Information auf 100% setzen*/
.front-einspaltig{
  width: 100%;
  }

/*Die zweispaltigen Artikel auf der Frontseite - neue gemacht am 25. Februar 2024 */
.front-zweispaltig{
  flex-direction: column;
  width: 100%;

}

.front-zweispaltig .image_container{
  float:none;
  text-align: center;
}

.front-zweispaltig h2{
   text-align: center;
}

.front-zweispaltig .ce_text{
   display:flex;
   flex-direction: column;

}


 #front-newsarchiv.front-news-wrapper{
   flex-direction: row;
 }
  #front-newsarchiv.front-news-wrapper{
    flex-direction: column;
  }

#front-newsarchiv .image_container {
  text-align: center;
}
  #schnellwahl.card{
  justify-content:center;
  align-items:center;
  }

  #schnellwahl .carditem{
    flex: 1 1 50%;
    min-height: 300px;
    max-width: 450px;
  }

  #formular-kontakt{
    width: 100%;
  }

  #sitemap .mod_sitemap .level_1 ul{
  display:flex;
  flex-direction:column;
    }
    #news-vorschau .layout_latest .image_container {
    width: 100%;
    text-align:center;
    }

    #news-vorschau .layout_latest .image_container img {
    float:none;
    border-right:none;

    }

    #news-vorschau .layout_latest .ce_text{
    padding: 3px;
    }

    #news-vorschau .layout_latest h2 a{
    padding-left: 3px;
    }

#news-vorschau .layout_latest .more {
text-align:center;
margin-bottom: 5px;
}

    #news-vorschau .layout_latest .more a {
    margin-left: 3px;
    }

    .layout_full .image_container{
    width: 100%;
    }
.result-wrapper{
  flex-direction: column;
}

 .layout_full .ce_text img{
    float:none;
    text-align: left;
}

 .layout_full .ce_text .image_container{
    text-align: left;

}



  }

@media screen and (max-width: 980px){


  #container{
   width: 100%;
   padding-left: 5px;
   padding-right: 5px;
  }

#header .topinner{
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

#header .topinner{
  flex-direction: column;

}
#header .header-right{
  text-align: center;
}
#form-search input.submit{
  position:relative;
  margin-left: 7px;
}
#header .topinner div{
  width:auto;
  display:inline;
}

#footer .inside{
  width: 100%;
}

.box-wrapper{
  flex-direction: column;
  width: 100%;
}

.box{
  text-align: center;
}

#front-newsarchiv.front-news-wrapper{
  flex-direction: column;
}

#front-newsarchiv .img-autowidth{
  width: 100%;
}

#front-layoutarchiv img{
  width: 100%;
}

#schnellwahl.card{

justify-content: center;
align-items:center;

}

#schnellwahl .carditem{
  flex: 1 1 50%;
  min-height: 270px;
  max-width: 400px;
}

#vorstand-mitglieder.portrait{
  flex-direction: column;
}
.layout_latest{
  padding-left:5px;
}

#downloads.download-wrapper{
  flex-direction: column;
  /* background-color:var(--gray);*/
    }

    /*Flex-Box-Items (Front-News-Latest-Template)*/
  #downloads div.download-item {
    min-width: 100%;
    }

.feldschiessen_galerie ul{
  display:flex;
  flex-direction:column;
  justify-content: space-between;
  flex-wrap:wrap;
}

.feldschiessen_galerie .image_container{
  text-align:center;
}

.gallery-index-wrapper{
  flex-direction: column;
  }

  #agenda.front-article{
  margin-left: 0;
  margin-right: 0;
  display:flex;
  flex-direction: column;
}

#agenda .image_container{
 text-align: center;

}

/*Einspaltige Front-Information auf 100% setzen*/
.front-einspaltig{
  width: 100%;
 }

 .front-einspaltig .image_container{
     width: 100%;
     text-align:center;
 }
 .front-einspaltig img{
     float:none;
     text-align:center;
 }


 /***************************************************************************************/
 /*Navigagion - Schrift und Abstand vergrössern (Google Search Console                 */
 /**************************************************************************************/
#nav-main{
    font-size: 1.5em;
 }
 #nav-main ul li{
  padding:5px;
 }
.responsive-nav-label{
 font-size: 1.5em;
 color: green;
}

.ce_text{
  font-size: 1.2em;

}

}

/*Variablen*/

:root {
  --antrazith: #262626;
  --yellow: #ffed00;
  --menuhover:hsl(0, 0%, 25%);  
  --gray: #efeded;
  --black: #000;
  --white: #fff;
  --darkgray: #605c5c;
  --me-color: hsl(350,50%,50%);
  --you-color: yellow;
}
/*Webfonts - Roboto */

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/files/themes/fonts/roboto/roboto-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/themes/fonts/roboto/roboto-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/files/themes/fonts/roboto/roboto-v29-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/themes/fonts/roboto/roboto-v29-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/files/themes/fonts/roboto/roboto-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/themes/fonts/roboto/roboto-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Webfonts - Opensans */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/fonts/opensans/open-sans-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/themes/fonts/opensans/open-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/themes/fonts/opensans/open-sans-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/themes/fonts/opensans/open-sans-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/themes/fonts/opensans/open-sans-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/themes/fonts/opensans/open-sans-v26-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/fonts/opensans/open-sans-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/themes/fonts/opensans/open-sans-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/themes/fonts/opensans/open-sans-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/themes/fonts/opensans/open-sans-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/themes/fonts/opensans/open-sans-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/themes/fonts/opensans/open-sans-v26-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}