div.cck_contents.cck_content div.cck_value.cck_value_wysiwyg_editor {
    padding: 20px;
    background:#fff;
    box-shadow: 6px 8px 21px #ccc;
    margin-bottom: 30px;
}

.sb-icon-search::before{
font-family: "Font Awesome 5 Free";
  content: "\f002" !important;
  font-weight: 700;
}
#sp-top-bar .nav{
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
}
#sp-top-bar .nav li::before{
  top:15px !important;
}
@media screen and (max-width:600px){
  #sp-top-bar .nav{
  display: none;
}
}
.cck_label_upload_file  label{
  font-weight: bold !important;
  padding-top: 30px
}


.ptheorie .links_vereine {
    display: none;
}

/** Startseite **/

.startseite .breadcrumb, .startseite .menulinks, .startseite #sp-left  {
  display: none !important;
}
.startseite #sp-search {
    width: 38%;
}

@media screen and (max-width: 1080px) { 
	.startseite #sp-search {
		width: 100%;
	}
	
	#sp-component.col-md-6 {
		width: 100%;
	}
}


/* Jugendbereich */


.jugendbereich #sp-main-body,
.jugendbereich #skew {
  background:  url(/images/template/jugendbereich-background.png) repeat 0 0;
  width: 100%;
  margin: 0;
  text-align: center;
  padding-top: 120px;
  box-sizing: border-box;
  -webkit-animation: slide 20s linear infinite;
}


@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -400px 0; }
}

/* Lightbox */

.uk-lightbox-content img {
	position: absolute !important;
  	z-index:9999999999 !important;
  padding-top:80px;
}


/** Top Menü **/
/* > Zeichen ausblenden */
a::before {
  	display: none;
}
/* Menü rechtsbündig */
.topmenu {
  	float: right;
}
/* Abstand zwischen den Menüpunkten */
.topmenu ul > li {
    margin-left: 20px;
}
/* Trennzeichen zwischen den Menüpunkten */
.item-112::before, .item-113::before, .item-157::before {
    content: '|';
  	position: absolute;
	top: 6px;
}
/* Border unten entfernt */
.topmenu ul > li {
    border: none;
}
/* Linkfarbe */
.sp-module ul > li > a {
    color: #878787;
}
.sp-module ul > li > a:hover {
    color: #575756;
    background: #eeeeee;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover {
    color: #7db24a;
    background-color: transparent;
  	font-weight: bold;
}



/** Hauptmenü **/
.sp-megamenu-parent > li > a {
  	font-size: 16px;
    text-transform: none;
  	padding: 0 0 0 50px;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
    color: #7db24a;
}
/* Jugendbereich */
.jugendbereich a {
  	color: #9F00B2 !important;
  	font-size: 18px !important;
}
.jugendbereich a:hover {
  	color: #7db24a !important;
}


/** Untermenüs **/
/* Kurzer Rand unterhalb des Menünamens */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item::after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 15%; /* Change this to whatever width you want. */
    margin-left: 10px; /* This creates some space between the element and the border. */
    border-bottom: 3px solid #7db24a; /* This creates the border. Replace black with whatever color you want. */
  	float: left;
}
/* Kurzer Rand zuviel ganz unterhalb der Menüblöcke ausblenden */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(7)::after,
.sp-megamenu-parent .sp-dropdown .col-sm-4:nth-child(3) li.sp-menu-item:nth-child(5)::after{
  	display: none !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  	font-size: 16px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: none;
  	color: #7db24a;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #7db24a;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
  	background: none;  
  	color: #7db24a;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px 25px 20px 25px;
  	margin-top: -1px;
}
/* Titel der Megamenüs verstecken */
.sp-group-title {
  	display: none !important;
}


/** Menü Sidebar links **/
#sp-left .sp-module ul > li {
    border-bottom: 1px solid #ccc;
  	padding-bottom: 3px;
}

#sp-left .sp-module ul > li > ul > li {
    background: #fff;
    padding-right: 10px;
    border-left: 3px solid #7db24a;
}

#sp-left .sp-module ul > li ul > li::after {
    border-left: 0px solid #7db24a !important;
}

#sp-left .sp-module ul > li > ul {
  border: none !important;
}


/* Kurzer Rand unterhalb des Menünamens */
#sp-left .sp-module ul > li:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 15%; /* Change this to whatever width you want. */
    border-bottom: 3px solid #7db24a; /* This creates the border. Replace black with whatever color you want. */
  	float: left;
}
.sp-module ul > li > a {
    padding-left: 29px;
	padding-right: 10px;
}

.sp-module ul > li .active a{
    font-weight: bold;
 	color: #3f809e !important;
}


.sp-module ul > li ul > li  {
    margin-left: 20px;

}


#sp-left .sp-module ul > li ul > li:after {
    border-bottom: 0px solid #7db24a; /* This creates the border. Replace black with whatever color you want. */
}


/* Reihe 1, 2 und 3 ausblenden */
.nav-header  {
  	display: none !important;
}
li.item-160::after, li.item-161::after {
  display: none !important;
  border: #fff;
  color: #fff;
}
/* Schwarze und grüne Linie ganz unten ausblenden */
.item-159 {
  	border-bottom: none !important;
}
.item-159::after {
  	display: none !important;
}

/* Untermenü links bg */
.menulinks .active {
	background: #3f809e;
}
/* Untermenü links Textfarbe */
.menulinks .active a {
	color: #fff;
}
.menulinks .active ul li a {
	color: #000;
}

/** Dreieck beim Menü-Hover **/
/*.sp-menu-item:hover {
  	display: block;
    width: 0;
  	height: 0;
  	border-bottom: 7px solid #3f809e;
  	border-right: 5px solid transparent;
  	border-left: 5px solid transparent;
  	position: absolute;
  	top: 20%;
  	right: 50%;
}*/


/*
.sp-group-title {
  border-bottom: 1px solid #ccc;
  margin-bottom:20px;
}*/


/** Header **/
#sp-header {
    border-bottom: 5px solid #3f809e;
  	height: 91px;
}


/** Bannerbild **/
#sp-banner img {
  	margin-top: -1px;
}
#skew {
  	background-color: #fff;
  	position: absolute;
  	top: 28%;
  	left: 0;
  	right: 0;
  	height: 300px;
  	transform: skewY(-1deg);
}


/** Bottom **/
#sp-bottom1 {
  	padding-right: 80px;
}
#sp-bottom2 {
  	padding-right: 40px;
}
#sp-bottom3 {
  	padding-left: 40px;
}


/** Überschriften **/
.entry-header {
  	display: none;
}
h1 {
  	text-transform: uppercase;
  	color: #7eb34b;
  	margin-top: 0;
  	margin-bottom: 15px;
}
h2 {
  	color: #3f809e;
  	margin-top: 30px;
	margin-bottom: 15px;
}
/* Paragraph */
p {
  	font-size: 16px;
}


/** Breadcrumb **/
.breadcrumb {
    background-color: transparent;
  	color: #575756;
}
.breadcrumb > .active {
    color: #7db24a;
}
.breadcrumb a {
  	color: #575756;
}
.breadcrumb a:hover {
  	color: #7db24a;
}
.breadcrumb span {
    display: block !important;  
}

.breadcrumb > li {
    font-weight: bold;
}
/* Reihe 1 ausblenden */
.breadcrumb > li:nth-child(4) {
  	display: none;
}


/* Aufzählungspunkte dick */

.cck-body ol .cck-body {
  margin:0 0 1.5em;
  padding:0;
  counter-reset:item;
}
 
.cck-body ol>li {
  margin:0;
  padding:0 0 0 2em;
  text-indent:-1.2em;
  list-style-type:none;
  counter-increment:item;
}

.cck-body ol>li:before {
  display:inline-block;
  width:1em;
  padding-right:0.5em;
  font-weight:bold;
  font-size:1.2em;
  text-align:right;
  content:counter(item) ".";
}

/** Suche (neues Plugin) **/
.sb-icon-search {
    color: #fff !important;
    background: #7db24a !important;
  	border-radius: 5px;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
    background: #7db24a !important;
    color: #fff !important;
}
.sb-icon-search::before {
    font-size: 20px;
}
input[type="text"] {
    height: 36px;
}

.search {
    margin-top: -20px !important;
    padding-bottom: 20px !important;
}


/** Links **/
a {
    color: #7db24a;
}
a:hover {
    /*color: #3f7f9d;*/
  	color: #9F00B2;
}


/** Body **/
#sp-main-body {
    padding: 0px 0 !important;
  	color: #3D3D3D !important;
}


/** Inhaltsbereich **/

#sp-component {
  padding-bottom:40px;
}
/* Breite Inhalt */
.cck-w70 {
  	width: 60%;
}


/** Frontend Editing **/

#button_save, #button_save_close, #button_cancel {
  margin-top:30px;
  margin-bottom: 20px;
}


/** Images **/
.cck_plan_vereinslogo {
  	margin-bottom: 20px;
}

.cck_plan_vereinslogo_fr {
  	margin-bottom: 20px;
}

/** Tabelle Partner **/
#tabelle_partner {
  	width: 100%;
}
#tabelle_partner img {
  	width: 100%;
  	padding: 20px 0;
}
/* Spalte links */
#tabelle_partner td:nth-child(1) {
  	width: 30%;
}
/* Spalte rechts */
#tabelle_partner td:nth-child(2) {
  	padding-left: 100px;
  	font-weight: bold;
}




/** SEBLOD **/
/* Kontaktformular */
.kontaktformular div.cck_forms.cck_site div.cck_form {
    width: 40%;
}
.kontaktformular .inputbox, div.cck_forms select.inputbox {
    width: 100%;
}

/* Vereinsportraits */
div.cck_label .partizipationsformen_links {
  	font-size: 20px;
}
.cck_beitragslink_rechts {
  	margin-bottom: 50px;
}
/* Partizipationsformen */
div.cck_label .links_vereine {
  	font-size: 20px;
}
/* Alle Überschriften 100% breit */
div.cck_contents.cck_content div.cck_label {
    width: 100%;
}





/** START Accordeon **/
.uk-accordion-title  {
  	display: inline-block;
  	vertical-align: middle;
  	transform: translateZ(0);
  	-webkit-transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	backface-visibility: hidden;
  	-webkit-backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	position: relative;
  	font-size: 1.4em !important;
  	font-weight: 100;
  	width: 100%;
  	background: #fff !important;
  	color: #696969 !important;
  	border-bottom: 1px dashed #bfbfbf;
  	margin: 15px 0 5px;
	line-height: 1.2em;
}
.uk-accordion-title::before, .uk-accordion-title:active::before {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: 0;
    content: "";
    left: calc(50% - 10px);
    pointer-events: none;
    position: absolute;
    transition-duration: 0.3s;
    transition-property: transform;
    z-index: -1;
}
.uk-accordion-title:hover:before, .uk-accordion-title:focus:before, .uk-accordion-title:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.uk-accordion-title:hover {
	background-color:#000;
  color:#fff;
  border-bottom:1px #7eb34b solid;
  color:#000 !important;
}
.uk-accordion-title:hover::before, .uk-accordion-title:focus::before, .uk-accordion-title:active::before {
	pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #7eb34b transparent transparent transparent;
}
/** ENDE Accordeon**/


.cck_label_link label,
.cck_label_group_x label {
  font-weight: bold !important;
}

.cck_label_upload_file {
  min-width: 300px !important;
}

.cck_plan_links_x_weitere_informationen,
.cck_plan_links_weitere_informationen {
  padding-top:30px;
}

div.cck_group_x div.gxi {

    border-bottom: 0px dotted #CCCCCC;
    margin-bottom: 5px !important;
    overflow: hidden;
    clear: both;
    padding-bottom: 5px;
    min-width: 112px !important;

}

/* Galerie Lightbox Bildtext */
#cboxTitle {
  display: none !important;
}


/* Scroll to top */
.scrollup::before {
    content: " \f106" !important;
    font-family: "FontAwesome" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    border-radius: 3px !important;
    width: 40px !important;
    height: 38px !important;
    line-height: 38px !important;
    text-align: center !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    color: #000 !important;
}


/** MEDIA QUERIES START **/
@media screen and (max-width: 1080px) { 
  .menuoben {
    display:none;
  }
}


@media screen and (max-width: 991px) { 
  	/* Mobile Menü ausrichten*/
  	ul.menu_mobile {
    	display: flex !important;
        flex-direction: column !important;
        position: absolute;
        top: 300px;
        left: 10px;
	}
	/* Trennzeichen zwischen den Menüpunkten*/
	.item-112::before, .item-113::before, .item-157::before {
    	content: none;
	}
}


@media screen and (max-width : 480px) {
   	/* Body Bereich bei Vereinsportraits */
	.cck-body {
  		width: 100%;
	}
	/* Logo/Vereinsbild/Link Bereich bei Vereinsportraits */
	.cck-ptb {
  		float: left;
        width: 100%;
	}
  	/* Reihenfolge umkehren */
  	div.cck-line-body {
    	display: flex !important;
      	flex-direction: column-reverse !important;
  	}
}
/** MEDIA QUERIES ENDE **/