.astroid-offcanvas {width: 160px;} .astroid-offcanvas .dropdown-menus {width: 160px !important;}.st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(160px, 0, 0);transform:translate3d(160px, 0, 0);}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}.astroid-offcanvas-opened .astroid-wrapper{background:rgb(173, 181, 189);}.st-effect-2.astroid-offcanvas{z-index:0 !important;}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{visibility: visible; -webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}.st-effect-2.astroid-offcanvas::after{display:none;}.offcanvasDirRight .st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(-160px, 0, 0);transform:translate3d(-160px, 0, 0);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}#top{background-color:rgb(51, 51, 51);}#ah-9by2exq1h{padding-top:1em}#tf-ted3lzpgg{margin:2% 2% 2% 2%}#ar-zckt7bwjy{background-image:url(https://sg-djk-hattersheim.de/images/sgdjksite/sgdjk/K800_wabe4a.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center center;margin-right:3%;margin-left:3%}#ca-1529739248826{background-color:rgb(255, 255, 255);margin:2% 2% 2% 2%;padding-right:1%;padding-left:1%}#ar-1528971561366{background-color:rgb(85, 85, 85);margin-right:3%;margin-left:3%}#bf-a7s6hbu81{padding-top:2em;padding-bottom:2em}#f-oel6e1bpp{background-color:rgb(51, 51, 51);color:rgb(148, 148, 148);padding-top:20px;padding-bottom:30px}#f-oel6e1bpp a{color:rgb(164, 164, 164);}#f-oel6e1bpp a:hover{color:rgb(213, 212, 212);}.astroid-preset-switcher{
            position: fixed;
            top: 0;
            left: -200px;
            height: 100vh;
            width: 200px;
            box-shadow: none;
            z-index: 99999;
            transition: left 0.6s cubic-bezier(0.16, 1, 0.3, 1);
            display: flex;
        }
        .astroid-preset-switcher .astroid-presets{
            overflow-y: auto;
            height: 100%;
            width: 100%;
        }
        .astroid-preset-switcher.open{
            left: 0px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
            transition: left 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .astroid-preset-switcher-toggle{
            position: absolute;
            z-index: 1;
            width: 40px;
            height: 40px;
            display: block;
            top: calc(50% - 20px);
            right: 0;
            margin-right: -40px;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
        }.container, .container-sm, .container-md, .container-lg, .container-xl, .astroid-layout.astroid-layout-boxed .astroid-wrapper {max-width: 2000px;}body, .body{font-weight:300;text-transform:none;letter-spacing:0em;font-family:Tahoma, Geneva, sans-serif, Arial, Helvetica, sans-serif;}@font-face { font-family: "Open Sans Regular"; src: url("https://sg-djk-hattersheim.de/media/templates/site/tp_gusto/fonts/OpenSans-Regular.ttf");}h1, .h1{font-weight:300;text-transform:uppercase;letter-spacing:0pt;font-family:Open Sans Regular, Arial, Helvetica, sans-serif;}@font-face { font-family: "Open Sans Regular"; src: url("https://sg-djk-hattersheim.de/media/templates/site/tp_gusto/fonts/OpenSans-Regular.ttf");}h2, .h2{font-weight:300;text-transform:none;letter-spacing:0rem;font-family:Open Sans Regular, Arial, Helvetica, sans-serif;}@font-face { font-family: "Open Sans Regular"; src: url("https://sg-djk-hattersheim.de/media/templates/site/tp_gusto/fonts/OpenSans-Regular.ttf");}h3, .h3{font-weight:300;text-transform:none;letter-spacing:0em;font-family:Open Sans Regular, Arial, Helvetica, sans-serif;}@font-face { font-family: "Open Sans Regular"; src: url("https://sg-djk-hattersheim.de/media/templates/site/tp_gusto/fonts/OpenSans-Regular.ttf");}h4, .h4{font-weight:300;text-transform:uppercase;letter-spacing:0em;font-family:Open Sans Regular, Arial, Helvetica, sans-serif;}h5, .h5{font-weight:300;text-transform:none;letter-spacing:0em;font-family:Tahoma, Geneva, sans-serif, Arial, Helvetica, sans-serif;}@font-face { font-family: "Open Sans Regular"; src: url("https://sg-djk-hattersheim.de/media/templates/site/tp_gusto/fonts/OpenSans-Regular.ttf");}.astroid-nav > li > a, .astroid-sidebar-menu > li > a, .astroid-mobile-menu > .nav-item > a{font-weight:300;text-transform:none;letter-spacing:0em;font-family:Open Sans Regular, Arial, Helvetica, sans-serif;}@font-face { font-family: "Open Sans Regular"; src: url("https://sg-djk-hattersheim.de/media/templates/site/tp_gusto/fonts/OpenSans-Regular.ttf");}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > a{font-weight:300;text-transform:none;letter-spacing:0em;font-family:Open Sans Regular, Arial, Helvetica, sans-serif;}body{background-color:rgb(174, 174, 174);color:rgb(0, 0, 0);}body a{color:rgb(255, 255, 255);}body a:hover{color:rgb(213, 212, 212);}header{color:rgb(255, 255, 255);}.astroid-header-section, .astroid-sidebar-header{background-color:rgba(255, 255, 255, 0);}.astroid-logo-text .site-title{color:rgb(0, 0, 0);}.astroid-logo-text .site-tagline{color:rgb(44, 46, 54);}#astroid-sticky-header{background-color:rgb(68, 68, 68);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(164, 164, 164);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(213, 212, 212);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(255, 255, 255);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(164, 164, 164);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgb(213, 212, 212);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgb(213, 212, 212);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgb(255, 255, 255);}.megamenu-container{background-color:rgb(51, 51, 51);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(51, 51, 51);}.has-megamenu.open .arrow{border-bottom-color:rgb(51, 51, 51);}.megamenu-container li.nav-item-submenu > a{color:rgb(164, 164, 164);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(213, 212, 212);background-color:rgb(68, 68, 68);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(68, 68, 68);}.astroid-offcanvas, .astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(51, 51, 51) !important;}.astroid-offcanvas { color: rgb(255, 255, 255) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-offcanvas .menu-indicator{ color: rgb(164, 164, 164) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(255, 255, 255) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(68, 68, 68) !important;}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color: rgb(164, 164, 164);}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color: rgb(164, 164, 164);}.astroid-mobilemenu, .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(68, 68, 68) !important;}.astroid-mobilemenu { color: rgb(255, 255, 255) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-mobilemenu .menu-indicator{ color: rgb(164, 164, 164) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(255, 255, 255) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(68, 68, 68) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color: rgb(164, 164, 164);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color: rgb(164, 164, 164);}.astroid-contact-info i[class*="fa-"]{color:rgb(255, 255, 255);}.items-leading .article-title .page-header [itemprop="name"]{font-size:32px;}.items-row .article-title .page-header [itemprop="name"]{font-size:26px;}/* L001 Einfügen Linie unter Menüüberschriften im Megamenu*/
	.nav-item-megamenu .nav-submenu .item-link-heading.item-level-2, 
	.nav-item-megamenu .nav-submenu .item-link-separator.item-level-2 
	{
		margin-top: 5px;
		border-bottom: 3px solid #6D6A6A; /* ursprünglicg #B4B4B4; */
	}
/* Ende L001 */

/* L002 Einstellungen, damit Website immer vollen Bildschirm nutzt */
	.sg-letzterinhalt {padding-bottom: 5em;}

	.sg-footer {
		position:absolute;
		bottom: 0;
		width: 100%;
		height: 2em;
	}
/* Ende L002 */	

/* L003 Einstellungen für Logo inkl. Logo Überhang */
	.astroid-logo img {
		max-height: 83px; /**(100px ggf. zu groß 65px zu klein)**/
		margin-bottom: -38%; /**-40% bei 100px -35% bei 65px **/
	}
	
	.megamenu-container {margin-top: 31px; /** 42px bei -40% 20px - 35% **/}
/* Ende L003 */

/* L004 Einstellungen für geöffnetes Accordion */
	.uk-open > .uk-accordion-title 
	{
		font-weight: bold;
		font-size: 1.75rem;
	}
	
	.uk-accordion > :nth-child(n+2) {margin-top: 5px;}
	
	 .sg-acc 
    {
        margin-top: -5px; 
        margin-right: 10px;
        margin-left: 10px;
       /* line-height: 1.1em;*/
    }
    
    .sg-acc-content 
    {
        margin-top: 2px; 
        margin-bottom: 0px; 
        margin-left: 15px;
    }


/* Ende L004 */

/* L005 Navigation zwischen Artikeln */
	/* Blendet die Beschriftung aus */
	/* Jo3ul.pagenav li.previous SPAN:nth-child(2), ul.pagenav li.next SPAN:nth-child(1) {display:none;} */
	
	nav.pagenavigation a.previous SPAN:nth-child(3),
	nav.pagenavigation a.next SPAN:nth-child(2)
	{
	    display:none;
	    
	}

	/* Dezente Button Transparenz */
	/* J3 ul.pagenav li {opacity: 0.8;} */

	/* Verkleinert die Buttons durch weniger Innenabstand */
	/* J3 .pager li > a, .pager li > span {	padding: 5px 2px;}*/
	
	.pagination a, .pagnation span {padding: 5px 5px;}
	
	.pagination a.next {
	    position: absolute;
		right: 1% /* Startwert: 4%; */
	}

	.pagination a.previous {
	    position: absolute;
		left: 1% /*Startwert: 4%; */
	}
	
	/*J3 ul.pagenav li.previous a {background: #a4a4a4;	color: #000;}

	    ul.pagenav li.next a {background: #a4a4a4; color: #000;}*/
	
	

/* Ende L005 */

/* L006 Artikel Einleitungsbild */
	.entry-image 
	{
		text-align: center;
	/*	margin-top: -5%;
		padding-bottom: -3%;*/
	 /*width: 100%;
		height: 30%;*/
	}

/* Ende L006 */

/* L007 weitere width-Größem*/
	.uk-width-1-10 {width: calc(100% * 1 / 10.001);}
	.uk-width-3-10 {width: calc(100% * 3 / 10.001);}
	.uk-width-7-10 {width: calc(100% * 7 / 10.001);}
	.uk-width-9-10 {width: calc(100% * 9 / 10.001);}
	
	.uk-child-width-1-10 > * {width: calc(100% * 1 / 10.001);}

	.uk-width-1-12 {width: calc(100% * 1 / 12.001);}
	.uk-width-5-12 {width: calc(100% * 5 / 12.001);}
	.uk-width-7-12 {width: calc(100% * 7 / 12.001);}
	.uk-width-11-12 {width: calc(100% * 11 / 12.001);}

	.uk-child-width-1-12 > * {width: calc(100% * 1 / 12.001);}
/* Ende L007 */

/* L008 Struktur für Tabellen */
	.uk-tab > * > a {
		border-bottom: 3px solid transparent;
	}

	.uk-tab > .uk-active > a {
		color: #333;
	} 

	.uk-tab-left > * > a {
		text-align: left;
		border-right: 3px solid transparent;
		border-bottom: none;
	}

	.uk-tab-left > .uk-active > a {
		color: #333;
	}

/* Ende L008 */

/* L009 Struktur für Listen */
	.uk-list-hover > li:hover {
		background: gray;
	}

/* Ende L009 */

/* L010 */
	.item-title {text-align: center;}
/* Ende L010 */

/* L011 Größe, Rand neben Scrollleite iframe aus Article Slider MODALAnsicht*/
	.uk-lightbox-iframe {
		width: 100% !important;
		max-width: 1200px !important; 
		height: 100% !important; 
		background-color: #fff;
		border-right: 5px solid #fff;
	}

/* Ende L011 */

/* L012 Hintergrund und Rand bei Aufruf Modalansicht */
	.component {
		padding: 1%; 
		background-color:  transparent;
	}
/* Ende L012 */

/* L013 Dotnav-Farbe */
	.uk-dotnav > * > * {border-color: #fff !important;}
	.uk-dotnav > * > :hover,
	.uk-dotnav > * > :focus {
		background-color: #fff; 
	}

	.uk-dotnav > * > :active {
		background-color: #fff;
	}

	.uk-dotnav > .uk-active > * {
		background-color: #fff;
	}

/* Ende L013 */

/* L014 Kein Versatz bei Article Slider */
	.uk-slider-container-offset {
		margin: unset;
		padding: unset;
	}

/* Ende L014 */

/* L015 Farbe und Hintergrundfarbe Weiter und Zurückpfeile */

	[uk-slidenav-previous], [uk-slidenav-next] {
		color: #fff; background-color: #333333;
	}
/* Ende L015 */

/* L016 Randeinstellung Slider-Container */

	.uk-slider-container-offset {
		margin: unset;
		padding: unset;
	}

/* Ende L016 */



/* S001 Aufbau Botton-Text je Abteilung */
	.sg-button-text,
	.fb-button-text,
	.la-button-text,
	.tt-button-text,
	.vb-button-text,
	.ff-button-text,
	.ek-button-text,
	.ks-button-text,
	.bb-button-text	
	{
		padding: 5px;
		line-height: 1.5;
		color: #000;
		background: #a4a4a4;
		position: relative;
	}

	.sg-button-text::before,
	.fb-button-text::before,
	.la-button-text::before,
	.tt-button-text::before,
	.vb-button-text::before,
	.ff-button-text::before,
	.ek-button-text::before,
	.ks-button-text::before,
	.bb-button-text::before
	{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 100%;
		border-bottom: 2px solid #4e8831;
		transition: right 0.3s ease-out;
	}

	.sg-button-text::before	{border-bottom: 2px solid #4e8831;}
	
	.fb-button-text::before	{border-bottom: 2px solid #cb161f;}

	.la-button-text::before	{border-bottom: 2px solid #cea013;}
	
	.tt-button-text::before	{border-bottom: 2px solid #cf4419;}	

	.vb-button-text::before	{border-bottom: 2px solid #276598;}

	.ff-button-text::before	{border-bottom: 2px solid #b42990;}

	.ek-button-text::before	{border-bottom: 2px solid #729dc8;}
	
	.ks-button-text::before	{border-bottom: 2px solid #308b8b;}	

	.bb-button-text::before	{border-bottom: 2px solid #13bd8e;}

	
	.sg-button-text:hover::before,
	.sg-button-text:focus::before,
	.fb-button-text:hover::before,
	.fb-button-text:focus::before,
	.la-button-text:hover::before,
	.la-button-text:focus::before,
	.tt-button-text:hover::before,
	.tt-button-text:focus::before,
	.vb-button-text:hover::before,
	.vb-button-text:focus::before,
	.ff-button-text:hover::before,
	.ff-button-text:focus::before,
	.ek-button-text:hover::before,
	.ek-button-text:focus::before,
	.ks-button-text:hover::before,
	.ks-button-text:focus::before,
	.bb-button-text:hover::before,
	.bb-button-text:focus::before	
	{right: 0;}

	.sg-button-text:disabled::before,
	.fb-button-text:disabled::before,
	.la-button-text:disabled::before,
	.tt-button-text:disabled::before,
	.vb-button-text:disabled::before,
	.ff-button-text:disabled::before,
	.ek-button-text:disabled::before,
	.ks-button-text:disabled::before,
	.bb-button-text:disabled::before  	
	{display: none;}	
/* Ende S001 */	

/* S002 Farben für Abteilungsdarstellung im IconNav*/
	.sg-fb {text-shadow: 3px 3px 5px #cb161f;}

	.sg-la {text-shadow: 2px 2px 7px #cea013;}
	
	.sg-tt {text-shadow: 2px 2px 7px #cf4419;}
	
	.sg-vb {text-shadow: 2px 2px 7px #276598;}
	
	.sg-ff {text-shadow: 2px 2px 7px #b42990;}
	
	.sg-ek {text-shadow: 2px 2px 7px #729dc8;}
	
	.sg-ks {text-shadow: 2px 2px 7px #308b8b;}
	
	.sg-bb {text-shadow: 2px 2px 7px #13bd8e;}
	
/* Ende S002 */

/* S003 Farben für Heading-Divider und Heading-Divider pro Abteilung*/

	.uk-heading-divider {border-bottom:  solid #4e8831;}

	.sg-heading-divider, 
	.fb-heading-divider, 
	.la-heading-divider,
	.tt-heading-divider, 
	.vb-heading-divider,
	.ff-heading-divider, 
	.ek-heading-divider,
	.ks-heading-divider, 
	.bb-heading-divider
	{
		padding-bottom: calc(5px + 0.1em);
		border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
	}

	.sg-heading-divider {border-bottom:  solid #4e8831;}

	.fb-heading-divider {border-bottom:  solid #eb161f;}

	.la-heading-divider {border-bottom:  solid #cea013;}

	.tt-heading-divider {border-bottom:  solid #cf4419;}

	.vb-heading-divider {border-bottom:  solid #276598;}

	.ff-heading-divider {border-bottom:  solid #b42990;}

	.ek-heading-divider {border-bottom:  solid #729dc8;}

	.ks-heading-divider {border-bottom:  solid #308b8b;}

	.bb-heading-divider {border-bottom:  solid #13bd8e;}

/* Ende S003 */

/* S004 Overlay white and gey */
	.sg-overlay-white {background-color: rgba(255,255,255,0.8);}

	.sg-overlay-grey {background-color: rgba(174,174,174,0.8);}
	
	.sg-overlay-white a,
	.sg-overlay-white h4,
	.sg-overlay-white h5,
	.sg-overlay-grey a,
	.sg-overlay-grey h4,
	.sg-overlay-grey h5
	{
		color: #000;
	}

	.sg-overlay-white a:hover,
	.sg-overlay-grey a:hover
	{
		color: #000;
	}

	.sg-overlay-white a.uk-link-text:hover,
	.sg-overlay-white .uk-link-text a:hover,
	.sg-overlay-white .uk-link-toggle:hover .uk-link-text,
	.sg-overlay-grey a.uk-link-text:hover,
	.sg-overlay-grey .uk-link-text a:hover,
	.sg-overlay-grey .uk-link-toggle:hover .uk-link-text
	{
		color: rgba(0, 0, 0, 0.5);
	}

	.sg-overlay-white .uk-tab::before
	{
		border-color: rgba(0, 0, 0, 0.2);
	}
	
	.sg-overlay-white .uk-tab > * > a
	{
		color: rgba(0, 0, 0, 0.5);
	}
	
	.sg-overlay-white .uk-tab > * > a:hover
	{
		color: rgba(0, 0, 0, 0.7);
	}
	
	.sg-overlay-white .uk-tab > .uk-active > a
	{
		color: #000;
		border-color: #000;
	}
	
	.sg-overlay-white .uk-tab > .uk-disabled > a
	{
		color: rgba(0, 0, 0, 0.5);
	}

/* Ende S004 */

/* S005 abgerundeten Ecken */

	.sg-border
	{
		border: 6px solid transparent;
		border-radius: 5px;
	    
	}
	
/* Ende S005 */

/* S006 Setzt btn auf Menüfarbe*/

/*	.btn 
	{
		color: #a4a4a4;
		background: #444444;
	}*/
	.btn,
	.btn-secondary	
	{
		color: #a4a4a4;
		background: #444444;
	}

	.btn:hover,
	.btn:focus,
	.btn:active,
	.btn-secondary:hover,
	.btn-secondary:focus, 
	.btn-secondary:active
	{
		color: #fff;
		background-color: #444444;
	    border: none;
	    box-shadow: none;
	}

/* Ende S006 */

/* S007 Definiert Hintergrund für aufgeklappte Accordion */
	.background-white 
	{
		background: #fff;
		padding: 1%;
		margin-left: 1%;
		margin-right: 1%;
    }
/* Ende S007 */

/* S008 Überschriftengröße */
	.sg-heading-small {
		font-size: 1.8rem;
		line-height: 1.2;
	}
/* Ende S008 */

/* S009 Headline Line je Abteilung */
	.uk-heading-line > ::before,
	.uk-heading-line > ::after 
	{
		border-bottom:  solid #4e8831;
	}

	.fb-heading-line, 
	.la-heading-line,
	.tt-heading-line, 
	.vb-heading-line,
	.ek-heading-line, 
	.ff-heading-line,
	.bb-heading-line, 
	.ks-heading-line   	
	{
		overflow: hidden;
	}

	.fb-heading-line > *,
	.la-heading-line > *,
	.tt-heading-line > *,
	.vb-heading-line > *,
	.ek-heading-line > *,
	.ff-heading-line > *,
	.bb-heading-line > *,
	.ks-heading-line > *   	
	{
		display: inline-block;
		position: relative;
	}

	.fb-heading-line > ::before,
	.fb-heading-line > ::after,
	.la-heading-line > ::before,
	.la-heading-line > ::after,
	.tt-heading-line > ::before,
	.tt-heading-line > ::after,
	.vb-heading-line > ::before,
	.vb-heading-line > ::after,
	.ek-heading-line > ::before,
	.ek-heading-line > ::after,
	.ff-heading-line > ::before,
	.ff-heading-line > ::after,
	.bb-heading-line > ::before,
	.bb-heading-line > ::after,
	.ks-heading-line > ::before,
	.ks-heading-line > ::after	
	{
		content: "";
		position: absolute;
		top: calc(50% - ((0.2px + 0.05em) / 2));
		width: 2000px;
		border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
	}
	
	.fb-heading-line > ::before,
	.la-heading-line > ::before,
	.tt-heading-line > ::before,
	.vb-heading-line > ::before,
	.ek-heading-line > ::before,
	.ff-heading-line > ::before,
	.bb-heading-line > ::before,
	.ks-heading-line > ::before   	
	{
		right: 100%;
		margin-right: calc(5px + 0.3em);
	}
	
	.fb-heading-line > ::after,
	.la-heading-line > ::after,
	.tt-heading-line > ::after,
	.vb-heading-line > ::after,
	.ek-heading-line > ::after,
	.ff-heading-line > ::after,
	.bb-heading-line > ::after,
	.ks-heading-line > ::after   	
	{
		left: 100%;
		margin-left: calc(5px + 0.3em);
	}

	.fb-heading-line > ::before,
	.fb-heading-line > ::after 
	{
		border-bottom:  solid #cb161f;
	}

	.la-heading-line > ::before,
	.la-heading-line > ::after 
	{
		border-bottom:  solid #cea013;
	}
	
	.tt-heading-line > ::before,
	.tt-heading-line > ::after 
	{
		border-bottom:  solid #cf4419;
	}
	
	.vb-heading-line > ::before,
	.vb-heading-line > ::after 
	{
		border-bottom:  solid #276598;
	}	

	.ff-heading-line > ::before,
	.ff-heading-line > ::after 
	{
		border-bottom:  solid #b42990;
	}
	
	.ek-heading-line > ::before,
	.ek-heading-line > ::after 
	{
		border-bottom:  solid #729dc8;
	}

	.ks-heading-line > ::before,
	.ks-heading-line > ::after 
	{
		border-bottom:  solid #308b8b;
	}	
	
	.bb-heading-line > ::before,
	.bb-heading-line > ::after 
	{
		border-bottom:  solid #13bd8e;
	}	

/* Ende S009 */

/* S010 Style Accordion insbesondere bei Abteilungen */
   
/* Ende S010 */

/* S011 Sytle für Radioboxen */
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: gray;
}

.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: gray;
}
/* Ende S011 */

/* S012 Sytle für Suchboxen */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  
  border-color: gray;
}
/* Ende S012 */

/* S013 Tooltip mit Position: UP, DOWN, LEFT, RIGHT & START bei UP, DOWN: LEFT & FORM: POINTER */
	[sg-tooltip] {position: relative;}

	[sg-tooltip]::before,
	[sg-tooltip]::after {
		text-transform: none;
		font-size: .9em;
		line-height: 1;
		user-select: none;
		pointer-events: none;
		position: absolute;
		display: none;
		opacity: 0;
	}
	
	[sg-tooltip]::before {
		content: '';
		border: 5px solid transparent;
		z-index: 1001;
	}
	
	[sg-tooltip]::after {
		content: attr(sg-tooltip);
		min-width: 3em;
		max-width: 21em;
		white-space: nowrap;
		overpos: hidden;
		text-overpos: ellipsis;
		padding: 1ch 1.5ch;
		border-radius: .3ch;
		box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
		background: #333;
		color: #fff;
		z-index: 1000;
	}

	[sg-tooltip]:hover::before,
	[sg-tooltip]:hover::after {
		display: block;
	}

	[sg-tooltip='']::before,
	[sg-tooltip='']::after {
		display: none !important;
	}

	[sg-tooltip][form^="pointer"]:not([pos])::before,
	[sg-tooltip][form^="pointer"][pos^="up"]::before {
		bottom: 100%;
		border-bottom-width: 0;
		border-top-color: #333;
	}
	
	[sg-tooltip]:not([pos])::after,
	[sg-tooltip][pos^="up"]::after {
		bottom: calc(100% + 5px);
	}
	
	[sg-tooltip][form^="pointer"][pos^="down"]::before {
		top: 100%;
		border-top-width: 0;
		border-bottom-color: #333;
	}
	
	[sg-tooltip][pos^="down"]::after {top: calc(100% + 5px);}

	[sg-tooltip]:not([pos])::before,
	[sg-tooltip]:not([pos])::after,
	[sg-tooltip][pos^="up"]::before,
	[sg-tooltip][pos^="up"]::after,
	[sg-tooltip][pos^="down"]::before,
	[sg-tooltip][pos^="down"]::after {
		left: 50%;
		transform: translate(-50%, -.5em);
	}

	[sg-tooltip][start^="left"]:not([pos])::before,
	[sg-tooltip][start^="left"]:not([pos])::after,
	[sg-tooltip][start^="left"][pos^="up"]::before,
	[sg-tooltip][start^="left"][pos^="up"]::after,
	[sg-tooltip][start^="left"][pos^="down"]::before,
	[sg-tooltip][start^="left"][pos^="down"]::after {
		left: 1%;
	}

	[sg-tooltip][pos^="left"]::before,
	[sg-tooltip][pos^="left"]::after {
		top: 50%;
		transform: translate(-.5em, -50%);
	}

	[sg-tooltip][form="pointer"][pos^="left"]::before {
		border-right-width: 0;
		border-left-color: #333;
		left: calc(0em - 5px);
	}

	[sg-tooltip][pos^="left"]::after {right: calc(100% + 5px);}


	[sg-tooltip][pos^="right"]::before,
	[sg-tooltip][pos^="right"]::after {
		top: 50%;
		transform: translate(.5em, -50%);
	}

	[sg-tooltip][form^="pointer"][pos^="right"]::before {
		border-left-width: 0;
		border-right-color: #333;
		right: calc(0em - 5px);
	}

	[sg-tooltip][pos^="right"]::after {left: calc(100% + 5px);}

	@keyframes sg-tooltips-vert {
		to {
			opacity: .9;
			transform: translate(-50%, 0);
			}
	}

	@keyframes sg-tooltips-horz {
		to {
			opacity: .9;
			transform: translate(0, -50%);
		}
	}

	[sg-tooltip]:not([pos]):hover::before,
	[sg-tooltip]:not([pos]):hover::after,
	[sg-tooltip][pos^="up"]:hover::before,
	[sg-tooltip][pos^="up"]:hover::after,
	[sg-tooltip][pos^="down"]:hover::before,
	[sg-tooltip][pos^="down"]:hover::after {
		animation: sg-tooltips-vert 300ms ease-out forwards;
	}

	[sg-tooltip][pos^="left"]:hover::before,
	[sg-tooltip][pos^="left"]:hover::after,
	[sg-tooltip][pos^="right"]:hover::before,
	[sg-tooltip][pos^="right"]:hover::after {
		animation: sg-tooltips-horz 300ms ease-out forwards;
	}
	
/* Ende S013 */

/* S014 Sprechblasen */
	.sprechblase {
		position:relative;
		width:270px;
		padding:50px 40px;
		margin:1em auto 50px;
		text-align:center;
		color:#fff;
		-webkit-border-top-left-radius:220px 120px;
		-webkit-border-top-right-radius:220px 120px;
		-webkit-border-bottom-right-radius:220px 120px;
		-webkit-border-bottom-left-radius:220px 120px;
		-moz-border-radius:220px / 120px;
		border-radius:220px / 120px;
	}

	.sprechblase p {font-size:1.25em;}

	.sprechblase:before {
		content:"";
		position:absolute;
		z-index:-1;
		bottom:-30px;
		height:30px;
	}

	.sprechblase[farbe^="grey"],
	.sprechblase:not([farbe]) {
		background:#3f3f3f;
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#727272), to(#3f3f3f));
		background:-moz-linear-gradient(#727272, #3f3f3f);
		background:-o-linear-gradient(#727272, #3f3f3f);
		background:linear-gradient(#727272, #3f3f3f);
    }
    
	.sprechblase[farbe^="grey"][direction^="links"]:before,
	.sprechblase:not([farbe])[direction^="links"]:before,
	.sprechblase[farbe^="grey"]:not([direction]):before,
	.sprechblase:not([farbe]):not([direction]):before {
		border-right:60px solid #3f3f3f;
		background:#3f3f3f;
	}

	.sprechblase[farbe^="grey"][direction^="rechts"]:before,
	.sprechblase:not([farbe])[direction^="rechts"]:before {
		border-left:60px solid #3f3f3f;
		background:#3f3f3f;
	}

	.sprechblase[farbe^="sg"] {
		background:#4e8831;
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#8fce3f), to(#4e8831));
		background:-moz-linear-gradient(#8fce3f, #4e8831);
		background:-o-linear-gradient(#8fce3f, #4e8831);
		background:linear-gradient(#8fce3f, #4e8831);
	}
	
	.sprechblase[farbe^="sg"][direction^="links"]:before,
	.sprechblase[farbe^="sg"]:not([direction]):before {
		border-right:60px solid #4e8831;
		background:#4e8831; 
	}

	.sprechblase[farbe^="sg"][direction^="rechts"]:before {
		border-left:60px solid #4e8831;
		background:#4e8831; 
	}	


	.sprechblase[direction^="links"]:before,
	.sprechblase:not([direction]):before
	{
		right:50%;
		-webkit-border-bottom-right-radius:80px 50px;
		-moz-border-radius-bottomright:80px 50px;
		border-bottom-right-radius:80px 50px;
		-webkit-transform:translate(0, -2px);
		-moz-transform:translate(0, -2px);
		-ms-transform:translate(0, -2px);
		-o-transform:translate(0, -2px);
		transform:translate(0, -2px);
	}

	.sprechblase[direction^="rechts"]:before {
		left:50%;
		-webkit-border-bottom-left-radius:80px 50px;
		-moz-border-radius-bottomleft:80px 50px;
		border-bottom-left-radius:80px 50px;
		-webkit-transform:translate(0, -2px);
		-moz-transform:translate(0, -2px);
		-ms-transform:translate(0, -2px);
		-o-transform:translate(0, -2px);
		transform:translate(0, -2px);
	}

	.sprechblase:after {
		content:"";
		position:absolute;
		z-index:-1;
		bottom:-30px;
		width:60px;
		height:30px;
		background:#fff;
	}

	.sprechblase[direction^="links"]:after,
	.sprechblase:not([direction]):after	{
		right:50%;
		-webkit-border-bottom-right-radius:40px 50px;
		-moz-border-radius-bottomright:40px 50px;
		border-bottom-right-radius:40px 50px;
		-webkit-transform:translate(-30px, -2px);
		-moz-transform:translate(-30px, -2px);
		-ms-transform:translate(-30px, -2px);
		-o-transform:translate(-30px, -2px);
		transform:translate(-30px, -2px);
	}

	.sprechblase[direction^="rechts"]:after {
		left:50%;
		-webkit-border-bottom-left-radius:40px 50px;
		-moz-border-radius-bottomleft:40px 50px;
		border-bottom-left-radius:40px 50px;
		-webkit-transform:translate(30px,-2px);
		-moz-transform:translate(30px, -2px);
		-ms-transform:translate(30px, -2px);
		-o-transform:translate(30px, -2px);
		transform:translate(30px, -2px);
	}

/* Ende S014 */

/* S015 Chatdarstellung */
	.chat-container, .chat-container2 {
		background-color: #dedede; /* rgba(0, 0, 0, 0.4);*/
		border-radius: 25px;
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.7);
		overflow: hidden;
		padding: 15px;
		position: relative;
	/*	width: 320px;
	    max-width: 100%;*/
	}
	
	.chat-container {
	    width: 320px;
	    max-width: 100%;
	}
	
	.chat-container2 {
        width: 640px;
	    max-width: 100%;
    }

	.chat {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.message {
		background-color: rgba(255, 255, 255, 0.9);
		border-radius: 50px;
		box-shadow: 0px 15px 5px 0px rgba(0,0,0,0.5);
		position: relative;
		margin-bottom: 25px;
	}

	.message:last-child {
		margin-bottom: 40px;
	}
  
	.message.left {
		padding: 15px 20px 15px 70px;
	}
  
	.message.left.nologo {
		padding: 15px 20px 15px 15px;
	}  

	.message.right {
		align-self: flex-end;
		padding: 15px 70px 15px 20px;
		background-color: #4e8831;
	}

	.logo {
		border-radius: 0%;
		/*	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.7);*/
		object-fit: cover;
		position: absolute;
		left: 10px;
		top: -10px;
		width: 50px;
		height: auto;
	}

	.message.right .logo {
		left: auto;
		right: 10px;
	}

	.message p {
		margin: 0;
	}

	.chattext_input {
		border-radius: 25px;
		font-size: 16px;
		position: absolute;
  	
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px 15px;
		width: 100%;
		background-color: #fff;
	}

/* Ende S015 */


/* F001 Anpassungen für Iframe Fussball.de */
#SpielplanG3 iframe,
#SpielplanG2 iframe,
#SpielplanG1 iframe,
#SpielplanF2-3 iframe,
#SpielplanF2-2 iframe,
#SpielplanF2-1 iframe,
#SpielplanF1-3 iframe,
#SpielplanF1-2 iframe,
#SpielplanF1-1 iframe,
#SpielplanE2-3 iframe,
#SpielplanE2-2 iframe,
#SpielplanE2-1 iframe,
#SpielplanE1-3 iframe,
#SpielplanE1-2 iframe,
#SpielplanE1-1 iframe,
#SpielplanD3 iframe,
#SpielplanD2 iframe,
#SpielplanD1 iframe,
#SpielplanC3 iframe,
#SpielplanC2 iframe,
#SpielplanC1 iframe,
#SpielplanB3 iframe,
#SpielplanB2 iframe,
#SpielplanB1 iframe,
#SpielplanA3 iframe,
#SpielplanA2 iframe,
#SpielplanA1 iframe,
#SpielplanAktive3 iframe,
#SpielplanAktive2 iframe,
#SpielplanAktive1 iframe,
#TabelleE2-3 iframe,
#TabelleE2-2 iframe,
#TabelleE2-1 iframe,
#TabelleE1-3 iframe,
#TabelleE1-2 iframe,
#TabelleE1-1 iframe,
#TabelleD3 iframe,
#TabelleD2 iframe,
#TabelleD1 iframe,
#TabelleC3 iframe,
#TabelleC2 iframe,
#TabelleC1 iframe,
#TabelleB3 iframe,
#TabelleB2 iframe,
#TabelleB1 iframe,
#TabelleA3 iframe,
#TabelleA2 iframe,
#TabelleA1 iframe,
#TabelleAktive3 iframe,
#TabelleAktive2 iframe,
#TabelleAktive1 iframe  {
    width: 100%;
	max-width: 900px;
}

/* Ende F001 */@media (max-width: 991.98px) {#ah-9by2exq1h{padding-top:1em}#tf-ted3lzpgg{margin:2% 2% 2% 2%}#ar-zckt7bwjy{margin-right:2%;margin-left:2%}#ca-1529739248826{margin:2% 2% 2% 2%}#ar-1528971561366{margin-right:2%;margin-left:2%}#bf-a7s6hbu81{padding-top:2em;padding-bottom:2em}body, .body{letter-spacing:0em;}h1, .h1{letter-spacing:0em;}h2, .h2{letter-spacing:0em;}h3, .h3{letter-spacing:0em;}h4, .h4{letter-spacing:0em;}h5, .h5{letter-spacing:0em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a, .astroid-mobile-menu > .nav-item > a{letter-spacing:0em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > a{letter-spacing:0em;}}@media (max-width: 767.98px) {#ah-9by2exq1h{padding-top:1em}#tf-ted3lzpgg{margin:2% 2% 2% 2%}#ar-zckt7bwjy{margin-right:1%;margin-left:1%}#ca-1529739248826{margin:2% 2% 2% 2%}#ar-1528971561366{margin-right:1%;margin-left:1%}#bf-a7s6hbu81{padding-top:2em;padding-bottom:2em}body, .body{letter-spacing:0em;}h1, .h1{letter-spacing:0em;}h2, .h2{letter-spacing:0em;}h3, .h3{letter-spacing:0em;}h4, .h4{letter-spacing:0em;}h5, .h5{letter-spacing:0em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a, .astroid-mobile-menu > .nav-item > a{letter-spacing:0em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > a{letter-spacing:0em;}}