body {
	font-family: 'Roboto', Arial, "sans-serif" !important;
	background-color: #000 !important;
	
}

p, li, ul, li, a, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', Arial, "sans-serif" !important;
	
	
	
}

h1, h2, h2 a, h3, h4, h5, h6 {
	
	font-weight: 300 !important;
	color: #50ACBC !important;
}

h1, h2, h2, h3, h4, h5, h6 {
	
	padding-top: 1rem;
}

h2 {
	letter-spacing: 0.025em !important;
	text-transform: none !important;
	
}

.article-intro-text {
	color: #1D589C !important;
	
}

/*Allgmeiner Abstand Inhaltsbereich*/
.card-body {
  padding: 1rem 5rem !important;
}


@media (max-width: 980px) {
	
	.card-body {
  padding: 1rem 1rem !important;
}

}


.card, .article-wraper-inner {
  border: none !important;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {

  padding-right: 0 !important;
  padding-left: 0 !important;
}



.py-3 .container {
	
	padding: 1rem 5rem !important;
	
}


@media (max-width: 980px) {
	
	.py-3 .container {
	
	padding: 1rem 1rem !important;
}

}


.p-3, .border-layout {
  padding: 0 !important;
}



/*Formatierungen Menü*/
.nav-submenu-container {
	
	top: 40px !important;
}

div#maximenuck159.maximenuckh ul.maximenuck, #maximenuck159.maximenuckh ul.maximenuck {

  padding-bottom: 0 !important;
}



div#maximenuck159 ul.maximenuck2 li.maximenuck {
  padding: 0 !important;
  margin: 0 !important;
}


div#maximenuck159 ul.maximenuck2 a, div#maximenuck159 ul.maximenuck2 li.maximenuck span.separator {

	margin: 0 !important; }

div#maximenuck159 div.floatck {
  border: 1px solid #fff !important;
	border-bottom: 0 !important;
}

div#maximenuck159 ul.maximenuck2 a, div#maximenuck159 ul.maximenuck2 li.maximenuck span.separator {

  border-top: 0 !important;
 border-bottom: 1px solid #fff !important;
  width: 100% !important;
}


div#maximenuck159 ul.maximenuck li.maximenuck.level1 {
  padding-left: 0 !important;
  padding-right: 5px !important;
	border-right: #fff 1px solid !important;
	border-bottom: #fff 1px solid !important;

}


/*Formatierung Logo*/
div#mod-custom167 {
	
	position: absolute;
	right: 0;
	top: 25px !important;
	z-index: 99 !important;
	
}

div#mod-custom167 img {
	
	width: 80%;
	
}

@media (max-width: 979px) {

	
	
	div#mod-custom167 {
	
	position: relative;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	z-index: 99 !important;
	
}
	
	
	div#mod-custom167 img {
	
	max-width: 200px;
	margin-left: calc(50% - 100px) !important;
		
	
}
	
	
	}

/*Einheitliche Höhe für alle Headerbilder setzen*/

.astroid-banner-inner {
	height: 455px !important;
	widht: 1280px !important;
	
}




#m-pxxopy81k .moduletable {
    margin: 0px !important;
    padding: 0px !important;
}


/*Farben für Rubriken im Sportarten-Menü 2. und 3. Ebene*/

li.blau, li.blau a:hover, li.blau .nav-item-level-3 a, .blau .active {  
	background-color: #1D589C !important;
}

li.tuerkis, li.tuerkis a:hover,  li.tuerkis .nav-item-level-3 a, .tuerkis .active {
	background-color: #50ACBC !important;
}

li.rot, li.rot a:hover, li.rot .nav-item-level-3 a, .rot .active {
	background-color: #C8253A !important;
}


li.cappucino, li.cappucino a:hover, li.cappucino .nav-item-level-3 a, .cappucino .active {
	background-color: #BC9A7E !important;
}

li a:hover {
	text-decoration: underline !important;
	
}

.astroid-nav .nav-submenu > li > a.active, .astroid-nav .nav-submenu > li > a:active {
  text-decoration: underline !important;

}


@media (max-width: 767px) {

	
	/*Hamburgermenü*/
.astroid-header-section header.astroid-header:not(.astroid-header-sticky)
{
  padding-left: calc(50% - 12px) !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

}

/*Allgemeiner Abstand Inhaltsbereich auch für Blog Category*/
.com-content-article, .com-dpcalendar-locations, .com-content-category-blog__items {
	
	padding: 0 5rem !important;
    
}

.com-content-category-blog__items .row > * {

padding-left: 0 !important;
    
    }


@media (max-width: 980px) {
	
	.com-content-article, .com-dpcalendar-locations, .com-content-category-blog__items {
	
	padding: 0 1rem !important;
}

}



h1 {
	font-weight: 100 !important;
	letter-spacing: 0.25rem;
	font-family: "Roboto", Arial, "sans-serif" !important;
}

@media (max-width: 980px) {
h1 {
	font-size: 36px !important;
	letter-spacing: 0.05rem !important;
}
}



.blog h1 {
	padding-left: 5rem !important;
}


@media (max-width: 980px) {
	
	.blog h1 {
	padding-left: 1rem !important;
	
	}
}

/*Abstand Modul auf Startseite vermeiden*/

#ca-1529739248826 {
  margin: 0 !important;
}



.astroid-component-section {
  padding: 0 !important; }


.bottom-1-position h3, .bottom-2-position h3, .bottom-3-position h3 {
	
	color: #fff !important;
	font-weight: bold !important;
}


@media (min-width: 576px) {
.container, .container-sm {
    max-width: 100% !important;
}
	
	
	
	
	}



/*Anpassungen Kalender*/

.com-dpcalendar {
	
	border-color: #fff !important;
}

.com-dpcalendar-calendar {
	padding: 1rem 5rem !important;
	line-height: 1em !important;
	font-size: 16px;
}

@media (max-width: 980px) {
	
	.com-dpcalendar-calendar {
  padding: 1rem 1rem !important;
}
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(0,0,0,0.2) !important;
	color: #fff !important;
}

.fc, tbody {
	
	--fc-today-bg-color: rgba(0,0,0,0.2) !important;
}

.com-dpcalendar-calendar {
    --fc-button-border-color: #ffffff !important;
}

.fc-timegrid-event .fc-event-main {
    padding: 5px 5px;
}

.fc .fc-timegrid-slot {
    height: 3.5em;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {
    box-shadow: none;
}

.row {
    margin-left: 0px !important;
	margin-right: 0px !important;
}
	
.fc-theme-standard td, .fc-theme-standard th {
    border: 0px solid #fff;
}


.fc-theme-standard .fc-scrollgrid {
    border: 0px solid #fff;
}


.fc-timegrid-event {
    margin: 5px 5px;
}

.fc-direction-ltr .fc-timegrid-col-events {
	margin: 0px;
	
}


/*Anpassung Hallen*/

.com-dpcalendar-locations .dp-button-map-site, .com-dpcalendar-locations .dp-button-map-directions {
  background-color: #1D589C;
  color: #fff;
  border: 1px solid #1D589C;
	}
	




/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v30-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}