*, iframe * {
	box-sizing: border-box;
	-webkit-text-size-adjust: none; /* iOS Schriftvergrößerung verhindern */ 
	/* hyphens */
	/*-moz-hyphens: auto;
	 -o-hyphens: auto;
	 -webkit-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;*/
}

.dmsg40 img
{
position: absolute;right: 10px;top: 80px;z-index: 1000;
max-height:148px;
width:auto;
}

html {
	font-size: 125%;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 20px;*/ 
	font-size: inherit;
	line-height: 1.4;
	color: #000003;
	height: 100.1%;
	
	/*background-color: #efefef;*/
}

#junge_dmsg  {
	/*font-size: 26px;*/
	font-size: 162.5%;
}

#junge_dmsg #header {
	/*font-size: 20px;*/
	font-size: .769em;
}



body.mobile {
	height: 100vh;
	width: 100vw;
}

a span {
    word-wrap: break-word;
    white-space: normal;
}

#footer, 
.meldungen .meldungs_text_wrap,
.termine .termin .termin_wrap a .titel,
.sidebar { /* p, .sidebar h4, .sidebar ul li, .sidebar a */
	font-size: .8em; /* 16px; */
}

#junge_dmsg #footer {
	/*font-size: .533em;*/ /* 16px; */
	font-size: .615em;
}


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

.dmsg40 img
{
max-height:200px;
width:auto;
}



	body {
		font-size: 18px;
	}
	
	#junge_dmsg body {
		font-size: 27px;
	}
	
	#header, #junge_dmsg #header {
		font-size: 16px;
	}
}
a, a:focus, a:active {
	/*color: #000003;
	text-decoration: none;*/
	color: #1ba1b8;
	text-decoration: underline;
}

a i {
	text-decoration: underline;
}


h1, h2, h3 {
	color: #1ba1b8;
	margin-bottom: 1em;
}

h1, h2 {
	font-size: 1.6em;
}


h3 {
	font-size: 1em;
}

.titel h1 {
	margin: 0;
}

h4 {
	margin-bottom: 1em;
}


p {
	margin: 1.5em 0;
}

ol, ul {
	padding-left: 1em;
}

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

.dmsg40 img
{
max-height:120px;
right:50px;
}

	h1, h2, h3 {
		margin-bottom: .5em;
	}
	
	p {
		margin: .75em 0;
	}
}

.pc a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

table {
	border: 0;
}

.green_bg {
	background-color: #1ba1b8 !important;
}

.static {
	position: static;
}

.nopadding {
	padding: 0;
}

.relative {
	position: relative;
}

.rotate {
  	-moz-transform: rotate(-179.9deg);
	-o-transform: rotate(-179.9deg);
	-webkit-transform: rotate(-179.9deg);
	-ms-transform: rotate(-179.9deg) !important;
	transform: rotate(-179.9deg);
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	zoom: 1;
	z-index: 1;
}

.texteditor {
	max-width: 820px;
}

/* einheitliches Margin-Bottom */
.margin_bottom {
	margin-bottom: 50px;
}

.bb1px {
	border-bottom: 1px solid #000;
}

header + .container-fluid {
	margin-top: 50px;
}

header + .container-fluid.fullscr {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
	.margin_bottom {
		margin-bottom: 25px;
	}
}

#footer .margin_bottom,
#junge_dmsg #footer .margin_bottom {
	margin-bottom: 25px;
}

.noborder {
	border: none !important;
}


.fullscreen-area {
	/*min-height: 30px;*/
}
/* ***************************** SIDEBAR ******************************* */

.sidebar p, 
.sidebar h4,
.sidebar ul li,
.sidebar a {
	/*font-size: .9em;
	line-height: 1.5;*/
	/*margin-bottom: 30px;*/
	margin-top: 0;
}
.sidebar h3 {
	/*font-size: 1em;*/
	/*margin-bottom: 30px;*/
	margin-top: 0;
}

.sidebar h2 {
	/*margin-bottom: 20px;*/
	margin-top: 0;
}

.sidebar img {
	width: 100%;
	max-width: 450px;
	height: auto;
}

/* ***************************** GRID ******************************* */
/*span.hidden-sm,
span.visible-xs,
span.visible-xs,
span.visible-xs {
	display: inline !important;
}*/

#junge_dmsg .container-fluid {
	background-color: #1C4C7D;
	color: #fff;
}

#junge_dmsg .fancybox-wrap .container-fluid{
	background-color: transparent;
	color: #000003;
}

#junge_dmsg .container-fluid:last-child {
	padding-bottom: 50px;
}


#junge_dmsg #header .container-fluid,
#junge_dmsg #footer .container-fluid {
	background-color: #fff;
	color: #000003;
}

#junge_dmsg #footer .container-fluid:first-child {
	padding-top: 50px;
}

#junge_dmsg .container-fluid a {
	color: #fff;
	text-decoration: underline;
}

.container_full, .container {
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
}

.container-fluid {
	padding: 0;
}

.container {
	/*max-width: 1320px;*/
	max-width: 1238px;
	margin-right: auto;
	margin-left: auto;
}

.clearfix:before,
.clearfix:after,
.container:after {
    content: "";
    display: table;
}

.clearfix:after, .container:after {
    clear: both;
}

.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*
@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1320px;
		max-width: 100%;
	}
} */

.container_full.nopadding, .container.nopadding {
	padding: 0 !important;
}

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

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 5px;
	padding-left: 5px;
}

.content {
	padding-right: 100px;
}

@media screen and (max-width: 1200px) {
	.content {
		padding-right: 5%;
	}
}

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

.lblock.triggerwarnung .textwrap
{
height:auto;
padding-bottom:20px;
}

	.content {
		padding-right: inherit;
	}
}

@media screen and (max-width: 768px) {
	#junge_dmsg .sidebar {
		padding-bottom: 10px;
	}
}


.content img {
	width: 100%;
	height: auto;
}

/* ***************************** ENDE GRID ******************************* */

/* ************************ KOPF / FUSS *********************** */

#header, #footer {
}

#header {
}

/*#header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1500;
	min-height: 100px;
	background-color: #fff;
}*/

#header .logo,
#header .bloecke {
	display: inline-block;
	color: #fff;
}

#header .logo {
	padding: 30px 0 50px 0;
	max-width: 40%;
}

@media screen and (max-width: 768px) {
	#header .logo {
		padding: 10px 0 30px 0;
	}
}

#header .logo img {
	width: 100%;
}

#header .logo a,
#header .bloecke a {
	color: #fff;
}

#header .bloecke .block {
	background-color: #1ba1b8;
	/*padding: 10px 10px 5px 10px;*/
	padding: .5em .5em .25em .5em;
	border-radius: 0 0 8px 8px;
	/*display: inline-block;*/
	display: block;
}

#header .bloecke .block.infos {	
	float: left;
	margin-right: 5px;
}

#header .bloecke .block.socials {
	float: right;
	/*padding: 0 10px;*/
	padding: 0 .5em 0em .5em;
}

#header .bloecke .block.socials a {
	font-size: 1.5em;
	line-height: 1.45;
}

#header .bloecke .block.socials a i {
	text-decoration: none;
}

#header .bloecke {
	float: right;
}

#header .bloecke div {
	text-align: left;
	padding-top: 5px;
    float: left;
    padding: 3px;	
}

@media screen and (max-width: 768px) {
	
	#header .bloecke div {
		float: none;
	}
	
	#header .bloecke .block.infos {
		padding-bottom: 9px;
	}
	
	#header .bloecke .block.socials .socials {
		text-align: center;
		padding: 0;
	}
	
	#header .bloecke .block.infos .telefon,
	#header .bloecke .block.infos .intern {
		display: block;
	}
	
	#header .bloecke .block.infos .telefon {
		padding-bottom: 5px;
	}
	
	#header .bloecke .block.infos .intern {
		/*margin-top: 5px;*/
		border-top: 1px solid #fff;
		padding-top: 5px;
	}
	
	#header .bloecke .block.socials {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

#footer {
	/*line-height: 1.5;*/
	margin-top: 50px;
}

#footer .ftext {
	/*padding-bottom: 25px;*/
}


#footer .kugel {
	width: 100%;
	padding: 25px;
	padding-top: 0;
}

#footer .kugeln,
#footer .ftexte {
	margin-bottom: -25px;
}

#footer .kugel a {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.5);
	border-radius: 50%;
	border: 1px solid #ccc;
	overflow: hidden;
}

#footer .kugel a img {
	width: 100%;
	height: auto;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#footer .zusatzlinks,
#junge_dmsg #footer .zusatzlinks {
	padding: 15px 0;
}

#footer .zusatzlinks a {
    color: #fff;
    line-height: 3em;
    padding-right: 2em;
    text-decoration: none;
}


/* ********************** NAVIGATIONEN ******************** */


#header a {
	text-decoration: none;
}


ul.ebene2 li a {
	text-transform: none;
}

#header #main_nav ul {
	background-color: #fff;
} 

#header #main_nav ul.ebene1 > li > a,
#header #main_nav ul.ebene2 > li > a {
	font-weight: bold;
}

#header #main_nav ul.ebene1 > li > a {
	padding: 10px 1.5em 10px 10px;
}

#header #main_nav ul.ebene3 li a {
	font-weight: normal;
}

#header #main_nav ul.ebene3 > li > a:before {
	content: 'à±¼ ';
}



#header #main_nav li.start i {
	font-size: 1.3em;
    padding-right: 1.5em;
}


#header #main_nav ul, #header #main_nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header #main_nav ul li {
	display: inline-block;
}


#header #main_nav ul li.start {
	padding-right: 0;
}

#header #main_nav ul.ebene1 > li:not[.start] {
	padding-right: 3em;
}



.pc #header #main_nav ul > li:hover > a,
#header #main_nav ul > li.aktiv > a {
	/*color: #fff;
	background-color: #1ba1b8;*/
	color: #1ba1b8;
}

.pc #header #main_nav ul.junge_dmsg.ebene1 > li:hover > a,
#header #main_nav ul.junge_dmsg.ebene1 > li.aktiv > a {
	/*background-color: #1C4C7D;*/
	color: #1C4C7D;
}

.pc #header #main_nav ul.junge_dmsg.ebene1 > li:hover > a.dmsg_home,
#header #main_nav ul.junge_dmsg.ebene1 > li.aktiv > a.dmsg_home {
	/*background-color: #1ba1b8;*/
	color: #1ba1b8;
}


#header #main_nav > ul > li:last-child {
	padding-right: 0;
}

#header #main_nav ul li a {
	position: relative;
	display: block;
	line-height: 2em;
	/*color: #21365f;*/
	color: #000003;
	font-size: 1em;
}

#header #main_nav ul li.fsizes a {
	display: inline-block;
	padding-right: 0;
	padding-left: 0;
}

#header #main_nav ul li.fsizes,
#header #main_nav ul li#suche {
	float: right;
}

#header #main_nav ul li#suche i {
	text-decoration: none;
}

.pc #header #main_nav ul.ebene1 > li.fsizes:hover > a {
	color: #000;
}

.pc #header #main_nav ul.ebene1 > li.fsizes > a:hover {
	color: #1ba1b8;
}

#header #main_nav ul.ebene1 > li.fsizes > a:nth-child(2) {
	font-size: 1.3em;
	line-height: 1.2;
}

#header #main_nav ul.ebene1 > li.fsizes > a:nth-child(3) {
	font-size: 1.6em;
	line-height: 1;
}

#header #main_nav ul li.fsizes {
	margin-right: 1em;
}

.mobile #header #main_nav ul li.fsizes {
	display: none;
}


#header #main_nav li.start {
	margin-bottom: -10px;
}

#header #main_nav li.start a:after {
	content: none;
	margin-bottom: 10px;
}





@media screen and (min-width: 1200px) {
	
	
	/* Farbstreifen */
	#header #main_nav > ul > li > a:after, 
	#header #main_nav ul.ebene1 > li > a:after {
		content: "";
		position: absolute;
		bottom: 0px; /* Abstand nach unten */
		width: 0px;
		height: 2px;
		margin-top: 3px;
		/*margin-bottom: 3px;*/
		margin-bottom: 0;
	
		background-color: #000;
		z-index: 1000;
	}
	
	#header #main_nav ul.ebene1 li:last-child {
		padding-right: 10px;
	}

	
	#header #main_nav > ul > li.start > a:after {
		content: none;
	}
	
	
	#header #main_nav ul.ebene1 > li > a {
		border-radius: 8px 8px 0 0;
	}
	
	#header #main_nav ul.ebene3 > li > a {
		padding: 0;
		line-height: 2em;
	}
	
}

#header #main_nav > ul > li#suche > a:after {
	content: none;
}

#header #main_nav > ul > li#suche > a {
	-webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

/*#header #main_nav > ul > li#suche > a:hover {
	color: #1ba1b8;
}*/


#searchform {
	display: none;
	padding-top: 16px;
	position: absolute;
	background-color: rgba(255,255,255,.7);
	z-index: 3000;
	/*z-index: 1003;*/
}

#searchform form {
	
	/*-webkit-animation: fadeInFromNone 1s ease-in;
    -moz-animation: fadeInFromNone 1s ease-in;
    -o-animation: fadeInFromNone 1s ease-in;
    animation: fadeInFromNone 1s ease-in;*/
}

#searchform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  /*color: pink;*/
 	/*font-size: .8em;*/
}
#searchform ::-moz-placeholder { /* Firefox 19+ */
  /*color: pink;*/
 	/*font-size: .8em;*/
}
#searchform :-ms-input-placeholder { /* IE 10+ */
  /*color: pink;*/
 	/*font-size: .8em;*/
}
/*.btn.search_it-button::cue,
-webkit-button.btn.search_it-button {
	background-color: rgba(0, 0, 0, 0.8);
}*/

.btn.search_it-button {
	padding: 3px 5px;
	line-height: 2em;
	width: 2em;
	text-align: center;
	border-radius: none;
	vertical-align: inherit;
	border-radius: 0;
	top: -1px;
	position: relative;
	border: 1px solid transparent;
	cursor: pointer;
	background-color: #eee;
}


.suche, #search {
	cursor: pointer;
}

#searchform input {
	border: none;
	-webkit-border-radius:0;
	-webkit-appearance: none;
	border-bottom: 1px solid #000;
	background-color: transparent;
}

.highlight {
	background-color: rgba(255, 255, 0, .3);
}

@media screen and (min-width: 1200px) {
	
	#searchform {
		/*position: absolute;
		background-color: rgba(255,255,255,.7);
		z-index: 3000;*/
	}
	
	#searchform i {
		visibility: hidden;
		position: absolute;
		top: -1000px;
		left: -1000px;
	}
	
	#search_it-form1 .btn.search_it-button {
		display: none;
		font-size: 1em;
		background: none;
	}
	
	#searchform input {
		width: 0;
		display: none;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}
	#searchform.open input {
		width: 180px;
	}
	
}

@media screen and (max-width: 1200px) {
	
	body.pc #header #main_nav ul.ebene1 > li > a::after {
		width: 100%;
		opacity: 1;
	}
	
	/*#header #main_nav > ul > li#suche {
		display: none;
	}*/

	#header #main_nav {
		z-index: 1500;
	}

	
	.rotate {
		-moz-transform: rotate(-179.9deg);
	    -o-transform: rotate(-179.9deg);
	    -webkit-transform: rotate(-179.9deg);
	    -ms-transform: rotate(-179.9deg) !important;
	    transform: rotate(-179.9deg);
	    background-color: transparent;
	    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	    zoom: 1;
	    z-index: 1;
	}
	
	#header #main_nav > ul > li#suche {
		display: none;
	}
	
	#search {
		cursor: pointer;
		/*position: absolute;
		margin-left: 5.3%;
		left: 60px;
		top: 38px;*/
		display: inline-block;
		height: 60px;
		line-height: 40px;
	}
	
	#searchform {
		/*display: none;
		position: absolute;*/
		/*top: 72px;*/
		/*left: 5.3%;
		top: 70px;*/
		/*left: 0;*/
		/*width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 5.3%;*/
		background-color: #fff;
		/*border-bottom: 1px solid #000;*/
	}
	
	#searchform button {
		background: transparent !important;
	}
	
	#searchform button {
		font-size: 1em;
	}
	
	#searchform button.close_search {
		font-size: 1.2em;
		padding: 0 5px;
		line-height: 1.85em;
	}
	
}


@media screen and (min-width: 1200px) {	
	.pc #header #main_nav > ul.ebene1 > li:hover ul.ebene2,
	.pc #header #main_nav > ul.ebene1 > li ul.ebene2:hover{
		display: inherit;
		height: auto;
		/*-webkit-animation: slideInFromNone 1s ease-in;
	    -moz-animation: slideInFromNone 1s ease-in;
	    -o-animation: slideInFromNone 1s ease-in;
	    animation: slideInFromNone 1s ease-in;*/
		z-index: 999;
	}
	
	#header #main_nav .navpfeil {
		display: none;
	}
}
	

	#header #main_nav > ul.ebene1 > li.clicked ul.ebene2 {
		display: inherit;
		height: auto;
		/*-webkit-animation: slideInFromNone 1s ease-in;
	    -moz-animation: slideInFromNone 1s ease-in;
	    -o-animation: slideInFromNone 1s ease-in;
	    animation: slideInFromNone 1s ease-in;*/
		z-index: 999;
	}
	
	.pc #header #main_nav > ul.ebene1 > li:hover ul.ebene2 li a,
	#header #main_nav > ul.ebene1 > li ul.ebene2:hover li a,
	#header #main_nav > ul.ebene1 > li.clicked ul.ebene2 li a {
		/*opacity: 1;*/
	}
	
	
	
	
	/*#header #main_nav ul.ebene2 {
		margin-top: 45px;
	}*/
/*}*/

#header #main_nav ul.ebene2 {
	display: none;
	/*border-top: 1px solid #000;*/
	position: absolute;
	
	background-color: rgba(255, 255, 255, 1);
	padding-bottom: 20px;
}

/*#header #main_nav ul.ebene2 li a {
	opacity: 0;
	-webkit-transition: all 1s ;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}*/




@media screen and (min-width: 1200px) {
	
	#header #main_nav ul.ebene1 > li {
		/*padding-right: 2em;*/
	}
	
	#header #main_nav ul.ebene2 {
		padding-top: 30px;
		padding-left: 10px;
	}

	#header #main_nav ul.ebene2 > li {
		width: 100%;
	}
	#header #main_nav ul.ebene2  { 
		width: 20%;
	}
	
	#header #main_nav ul.ebene1 li:first-child ul.ebene2  { 
		width: 44%;
	}
	
	#header #main_nav ul.ebene1 li:first-child ul.ebene2 > li {
		float: left;
		width: 50%;
	}
	
	#header #main_nav ul.ebene2 > li > a {
		border-top: 1px solid #000;
	}
	
		/* Text ausblenden */
	.pc #header #main_nav > ul.ebene1 > li ul.ebene2 a,
	#header #main_nav > ul.ebene1 > li ul.ebene2 a,
	#header #main_nav > ul.ebene1 > li ul.ebene2 a {
		/*opacity: 0;*/

	}
	
	/* Text einblenden */
	.pc #header #main_nav > ul.ebene1 > li:hover ul.ebene2 a,
	#header #main_nav > ul.ebene1 > li ul.ebene2:hover a,
	#header #main_nav > ul.ebene1 > li.clicked ul.ebene2 a {
		/*opacity: 1;*/
		/*-webkit-animation: fadeInFromNone 1s ease-in;
	    -moz-animation: fadeInFromNone 1s ease-in;
	    -o-animation: fadeInFromNone 1s ease-in;
	    animation: fadeInFromNone 1s ease-in;*/
	}
	
	#main_nav {
		position: relative;
	}
	
	#header #main_nav li.has_children > a + .navpfeil {
		display: none;
	}
	
}

#header #main_nav ul.ebene2 > li {
	display: block;
	/*float: left;*/
	position: relative;
	padding-right: 20px;
}

#header #main_nav ul.ebene3 > li {
	display: block;
}


#header #main_nav > ul.ebene2 > li ul li {
	display: block;
}


#blende {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 3000;
	background-color: rgba(0,0,0,.4);
}

.infobox .kzeile {
	height: 130px;
	background-size: cover;
}

.infobox .infos {

}

/*
@media screen and (min-width: 993px) and (max-width: 1200px) {
	#header #main_nav ul.ebene2 > li:nth-child(4){
		clear: both;
	}
} */

@media screen and (max-width: 1200px) { /* ehemals 992px */
	
	#header #main_nav ul.ebene1 a:hover {
    	color: #E75A2E;
    }
    
    #header #main_nav ul.ebene1 a {
	    -webkit-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-ms-transition: color .3s linear;
		-o-transition: color .3s linear;
		transition: color .3s linear;
	}
	
	#header #main_nav ul li {
		padding-right: 0;
	}
	
	#header #main_nav li.start {
	    margin-bottom: 0;
	}

	
	#header #main_nav ul.ebene2 {
		display: inherit;
		position: static;
		clear: both;
		padding-bottom: 0;
	}
	
		#header #main_nav > ul > li > a:after,
		#header #main_nav > ul.ebene1 > li > a:after,
		#header #main_nav > ul.ebene1 > li.start > a:after {
			content: '';
			width: 100%;
			opacity: 1;
		}
	
	#header #main_nav ul.ebene2 > li {
		float: none;
		padding-right: 0;
		width: 100%;
	}
	
	
	#main_nav {
		display: none;
		position: absolute;
	    background-color: #fff;
	    width: 100%;
	    /*padding-left: 20px;*/
	    /*left: 0px;
	    top: 72px;*/
	    /*height: 90%;*/
	   	/*width: 94.7%;*/
		/*padding-right: 10px;*/
		/*padding-left: 3.7em;*/
		/*padding-left: 5.3%;*/
		padding-top: 10px;
		overflow: auto;
		left: 0;
	}


	#header #main_nav > ul > li {
		display: block;
	}

	#header #main_nav > ul > li a, #header #main_nav > ul > li > ul, #header #main_nav > ul > li > ul > li {
		/* cb		display: inline-block; */
		display: block;
		position: relative;
	}

	#header #main_nav > ul > li > ul > li a {
		line-height: 1.2em !important;
	}

	#header #main_nav > ul > li > ul > li {
		padding-left: 1em;
		margin-bottom: 1.2em;
	}

	#header #main_nav > ul > li > ul > li li {
		padding-left: 1em;
	}
	/*#header #main_nav > ul > li > a:after {
		content: none;
	}*/

	#header #main_nav > ul > li ul {
		padding-top: 0;
	}
	
		#header #main_nav li.has_children  {
			position: relative;
		}
		
		#header #main_nav li.has_children > a {
			padding-right: 3em;
		}
		
		#header #main_nav li.has_children > a + .navpfeil {
			position: absolute;
			right: 0;
			top: 0;
			padding: 0 1em;
			line-height: 2em;
			display: inline-block;
		    font-style: normal;
		    font-variant: normal;
		    text-rendering: auto;
		    speak: none;
		    cursor: pointer;
			/*
			content: "\f078";
			font-weight: 400;
    		font-family: "Font Awesome 5 Pro";
		    -moz-osx-font-smoothing: grayscale;
		    -webkit-font-smoothing: antialiased;
		    */
		    -webkit-transition: all 0.5s ease;
		    -moz-transition: all 0.5s ease;
		    -o-transition: all 0.5s ease;
		    transition: all 0.5s ease;
		}
		
		#header #main_nav li.has_children.clicked > a + .navpfeil {
			-moz-transform: rotate(-179.9deg);
			-o-transform: rotate(-179.9deg);
			-webkit-transform: rotate(-179.9deg);
			-ms-transform: rotate(-179.9deg) !important;
			transform: rotate(-179.9deg);
			background-color: transparent;
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
			zoom: 1;
			z-index: 1;			
		}
		
		#header #main_nav li.has_children > a + .navpfeil + ul {
			display: none;
		}

}

@media screen and (max-width: 768px) {
	#header .main_nav {
		margin-top: 0;
	}
}


#header #main_nav ul > li > ul li a {
	line-height: 1.5em;
	/*padding-top: .9em;
	padding-bottom: .9em;*/ 
	padding-top: .5em;
	padding-bottom: .5em;
}


#sandwich {
	display: block;
	float: left;
	width: 38px;
	height: 30px;
	width: 60px;
	height: 45px;
	/*position: absolute;
	top: 35px;
	left: 5.3%;*/
	margin: 10px;
	margin-left: -15px;
	margin-top: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: transform .5s ease-in-out;
	-moz-transition: transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	cursor: pointer;
	z-index: 1000;
}

#sandwich span {
	display: block;
	/*border-radius: 5px;*/
	position: absolute;
	height: 2px;
	width: 32px;
	/*border-radius: 9px;*/
	opacity: 1;
	left: 15px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	background-color: #000003;
	/*background-color: #2774b9;*/
}

#sandwich span:nth-child(1) {
	top: 11px;
}

#sandwich span:nth-child(2) {
	top: 23px;
	display: none;
}

#sandwich span:nth-child(3) {
	top: 23px;
}

#sandwich.open span {
	/*background-color: #344675;*/
	/*background-color: #fff;*/
}

#sandwich.open span:nth-child(1) {
	top: 15px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#sandwich.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

#sandwich.open span:nth-child(3) {
	top: 15px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}


/* ******************** interner Bereich ******************* */

.nav_intern {
	margin-bottom: 1em;
	padding-bottom: 1em;
    border-bottom: 1px solid #1ba1b8;
}

.nav_intern .navpfeil {
	display: none;
}

.nav_intern i {
	font-size: .5em;
}

.nav_intern li, .nav_intern ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav_intern li a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: .25em 0;
}

.pc .nav_intern a:hover,
.nav_intern li.aktiv > a {
	color: #1ba1b8;
}

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

.sidebar.intern .btn.logout {
	margin-bottom: 0;
}

.sidebar.intern .loginname {
	margin-bottom: 1em;
}

/* ******************************** FULLSCREEN IMAGE ************************************ */


.fullscr .floating-text {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 25px;
}

.fullscr .floating-text .infos {
	padding: 25px;
	background-color: rgba(255,255,255, .9);
	border-radius: 12px;
}

@media screen and (max-width: 1024px) {
	.fullscr .floating-text .infos {
		padding: 15px;
		padding-top: 25px;
	}
}

@media screen and (max-width: 768px) {
	.fullscr .floating-text {
		position: static;
	}
	
	.fullscr .floating-text .infos {
		padding: 10px;
		padding-top: 20px;
	}
	
}

.fullscr .floating-text h2 {
	margin: 0em;
}

.fullscr .floating-text p {
	margin: 0;
}
.fullscr .floating-text h2 + p {
	margin-top: .25em;
}

.fullscr img {
	width: 100%;
	height: auto;
}


/* ****************************** SIDEBAR BOX ************************************* */

.sidebar .box {
	padding: 20px;
	border: 1px solid #1ba1b8;
	border-radius: 12px;
	/* hyphens */
	/*-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/
}

.sidebar .box p:last-child {
	margin-bottom: 0;
}


/* ******************************** SLIDER **************************************** */

.slidebox {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #324050;
	color: #fff;
}

.slidebox nav {
	width: 5%;
	display: inline-block;
}

.slidebox .vor,
.slidebox .zurueck {
	width: 100%;
	cursor: pointer;
	position: relative;
}

.slidebox .vor {
	text-align: left;
}
.slidebox .vor i {
	left: 5px;
}

.slidebox .zurueck {
	text-align: right;
}

.slidebox .zurueck i {
	right: 5px;
}

.slidebox .vor i,
.slidebox .zurueck i {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.slidebox .slidewrap {
	width: 90%;
	overflow: hidden;
	height: auto;
	display: inline-block;
}

.slidebox .slidewrap .slide {
	display: inline-block;
}


/* ******************* FADE *************** */

.slidebox.fade_ani .slider{
	position: relative;
}

.slidebox.fade_ani .slide {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.slidebox.fade_ani .slide.aktiv {
	display: inline-block;
} 

/* ******************* INFINITE *************** */

.slidebox.infinite_ani .slider{
	
}

.slidebox.infinite_ani .slide {
	
}

.slidebox.infinite_ani .slide.aktiv {
	
} 






/* ************************************ KACHELN **************************************** */

.bildkachel {
	color: #fff !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}

.bildkachel a {
	color: #fff;
}

.bildkachel {
	position: relative;
	background-color: #dadada;
	float: left;
	/*cursor: default;*/
	overflow: hidden;
	height: 320px;
}

.bildkachel .kacheltext {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);	
}


.size33 {
    width: 320px;
	float: left;
}

.size43 {
	width: 430px;
	float: left;
}

.size63 {
	width: 650px;
	float: left;
}


/*
.size2-2{ width:   80px; height:  80px; }
.size11 { width:  195px; height: 195px; }
.size12 { width:  195px; height: 400px; }
.size13 { width:  195px; height: 605px; }
.size21 { width:  400px; height: 195px; } 
.size22 { width:  400px; height: 400px; } 
.size23 { width:  400px; height: 605px; } 
.size24 { width:  400px; height: 810px; } 
.size31 { width:  605px; height: 195px; } 
.size32 { width:  605px; height: 400px; } 
.size33 { width:  605px; height: 605px; } 
.size34 { width:  605px; height: 810px; } 
.size43 { width:  810px; height: 605px; } 
.size61 { width: 1220px; height: 195px; } 
.size62 { width: 1220px; height: 400px; } 
.size63 { width: 1220px; height: 605px; }
*/



.kachel {
	border-radius: 8px;
	overflow: hidden;
	background-color: #DDE4EC;
	margin-bottom: 10px;
	border: 1px solid #DDE4EC;
}

.kachel img {
	width: 100%;
	height: auto;
	display: block;
}

.kachel .kopf {
	background-color: #fff;
}

.kachel .body {
	padding: 10px;
}

.kachel a[href^="mailto:"] {
	color: #000003;
	text-decoration: none;
	font-weight: normal;
}

/* ****************************** SOCIAL NETWORKS ****************************** */

.socialnetworks {
	text-align: center;
	padding: 25px 0;
}

.socialnetworks .sn {
	display: inline-block;
}

.socialnetworks .sn a {
	display: block;
	padding: 5px 10px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.pc .socialnetworks .sn a:hover {
	background-color: #383838;
	color: #fff;
	border-radius: 4px;
}


/* ********************************* TERMINE ÃœBERSICHT *********************************** */

.terminzeile .datum {
	font-weight: bold;
}

.terminzeile .termine {
	margin-bottom: 40px;
}

.terminzeile .termintitel {
	cursor: pointer;
	position: relative;
	padding-left: 1.5em;
}

.terminzeile .termintitel .arrow {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1.5;
	/*width: 1.5em;*/
	-webkit-transform-origin: 50% 50% 0;
	-moz-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	color: #1ba1b8;
}


.terminzeile .termintext {
	padding-left: 1.5em;
	display: none;
	padding-bottom: 20px;
}

.noscript .terminzeile .termintext {
	display: inherit;
}

.terminzeile .termintext p {
	margin: .5em 0 1em 0;
}	

/* ********************************* TERMINE ÃœBERSICHT ********************************** */

.termine .termin {
	margin-bottom: 10px;
}

.termine .termin .termin_wrap {
	border-radius: 8px;
	border: 1px solid #1ba1b8;
	overflow: hidden;
	background-color: #1ba1b8;
	height: 3em;
}

.termine .termin .termin_wrap .datum,
.termine .termin .termin_wrap .titel {
	float: left;
	height: 3em;
}

.termine .termin .termin_wrap .datum {
	color: #fff;
	font-size: 1.2em;
	line-height: 2.3;
	width: 33.333%;
	text-align: center;
}

.termine .termin:last-child .termin_wrap {
	background-color: #1C4C7D;
	border-color: #1C4C7D;
}

.termine .termin:last-child .termin_wrap i {
	font-size: 1.5em;
	line-height: 1.5em;
}

.termine .termin:last-child .termin_wrap a .titel {
	color: #1C4C7D;
}

.termine .termin .termin_wrap a .titel {
	/* line-height: 1.25; */
    width: 66.666%;
    padding: 8px 5px;
    background-color: #fff;
    color: #000;
    height: 3.75em
}


/* ********************************* MELDUNGEN ÃœBERSICHT ********************************** */

.meldungszeile h2 {
	margin-top: 0;
	margin-bottom: .5em;
}

.meldungen .meldung .meldungs_wrap {
	border-radius: 8px;
	border: 1px solid #DDE4EC;
	overflow: hidden;
	background-color: #DDE4EC;
	height: auto;
	color: #000;
	height: 100%;
}

.meldungen .meldung .meldungs_wrap a {
	text-decoration: none;
	color: #000;
} 

.meldungen .meldung .meldungs_wrap .bild {
	background-color: #fff;	
}

.meldungen .meldung .meldungs_wrap .bild img {
	width: 100%;
	height: auto;
}

.meldungen .meldung .meldungs_text_wrap {
	padding: 10px;
}

.meldungen .meldung .meldungs_text_wrap .meldungstext {
	max-height: 10.25em;
	overflow: hidden;
}

.meldungen .meldung .meldungs_text_wrap .meldungstitel {
	font-weight: bold;
}



.meldungen .meldung {
	margin-bottom: 10px;
}

.meldungen + .row .btn {
	margin-top: 10px;
	margin-bottom: 0;
}



/* ************************************* JUNGE DMSG ************************************* */



#junge_dmsg .margin_bottom {
	margin-bottom: 0;
	padding-bottom: 50px;
}

#junge_dmsg #footer .margin_bottom {
	margin-bottom: 25px;
	padding-bottom: 0;
}

#junge_dmsg .fullscreen-area {
	background-color: #1C4C7D;
}


#junge_dmsg h1, #junge_dmsg h2, #junge_dmsg h3, #junge_dmsg h4 {
	color: #fff;
	display: inline-block;
	/*padding: 5px 10px;	*/
	font-style: normal;
	font-weight: bold;
	margin-top: 0;
	
}

#junge_dmsg .fancybox-wrap h1, #junge_dmsg .fancybox-wrap h2, #junge_dmsg .fancybox-wrap h3 {
	color: #1C4C7D;
}

#junge_dmsg .fancybox-wrap h4 {
	
}

#junge_dmsg h1, #junge_dmsg h2 {
	font-size: 1.333em;
}


#junge_dmsg h1 span, #junge_dmsg h2 span, #junge_dmsg h3 span, #junge_dmsg h4 span {
	background-color: #FF7332;
	padding: 0 10px;
}

#junge_dmsg .sidebar {
	font-size: 0.867em;
}

#junge_dmsg .sidebar .box {
	background-color: #FF7332;
	color: #FFF;
	border: none;
}

#junge_dmsg .sidebar .box a {
	color: #fff;
}

#junge_dmsg .sidebar .box h2, #junge_dmsg .sidebar .box h3, #junge_dmsg .sidebar .box h4 {
	padding: 0;
	background: none;
}


/* ************************************* BUTTON ************************************* */


.btn {
	background-color: #1ba1b8;
	border-radius: 8px;
	color: #fff;
	padding: 10px;
	text-decoration: none;
}

#junge_dmsg .btn {
	background-color: #1C4C7D;
}


.btn + .btn {
	margin-left: 10px;
} 

.btn {
	border: 0;
	outline: 0;
}

.btn.icon {
	background-color: transparent;
}


.sidebar .btn,
.meldungen +.row .btn {
	width: 100%;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1em;
	white-space: normal;
}

.kurs .btn {
	font-weight: bold;
	font-size: 1em;
	white-space: normal;
}

.sidebar .btn + .btn {
	margin-left: 0;
}


/*
.btn.flat.full,
#sidenavi .btn.flat.full {
	color: #fff;
	background-color: #2774b9;
	text-align: right;
	display: block;
	padding-right: 50px;
	position: relative;
	text-transform: uppercase;
	border-radius: 0;
}

.iframe .btn.flat.full {
	width: 100%;
}

.klappform .btn.flat.full {
	margin-bottom: 5px;
}

.btn.flat.full.arrow:after {
	content: '';
	width: 15px;
	height: 18px;
	background: url('/assets/design/icn_arrow_w.svg') center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 6px;
	right: 25px;
}

*/



/* ************************************* FORMULARE ************************************* */

#kursanmelde_wrap .form-check-group, 
#infoform .form-check-group  {
    overflow: hidden;
    margin: .5em 0;

}
#kursanmelde_wrap .form-check-group .radio,
#infoform .form-check-group .radio {
	float: left;
	margin-right: 1em;
}

#kursanmelde_wrap .form-check-group .radio label,
#infoform .form-check-group .radio label {
	/*font-size: .8em;*/
}


#kursanmelde_wrap {
    padding-bottom: 40px;
}

legend {
	font-weight: bold;
	border-bottom: none;
}



.form-captcha .input-group-addon {
    width: 144px;
    padding: 0;
}

.form-captcha .input-group-btn {
	
}

.form-captcha input {
	height: 2em;
}

.yform .interval {
	float: left;
	width: 50%;
	height: 1.675em;
}

.yform .interval label input {
	padding-top: 5px;
}

.yform .form-check-group label {
	float: left;
	width: 100%;
}

.yform .checkbox + .checkbox, .radio + .radio, .yform .radio {
	margin-top: 0;
}

.radio label {
	line-height: 1.25;
	padding-top: 5px;
}

.alert {
	margin-bottom: 0;
	border-radius: 0;
}


form, form * {
	font-family: "corporate-s", Arial, Helvetica, sans-serif;
}

input[type="text"], input[type="email"], textarea, textarea.form-control, select, input, input.form-control {
	border-radius: 8px;
	padding: 3px;
	border: 1px solid #1BA1B8;
	background-color: #fff;
	font-size: 1em;
}

label {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0;
}

form p.help-block {
	display: none;
}


/*.row.kontakt {
	max-width: 920px;
}*/

.fancybox-wrap .row.kontakt {
	
}

.ajaxform .kontaktformular .kontakt {
	padding: 0;
}


.veranstaltungsform {
	text-align: left;
}

.gallery {
	padding-top: 30px;
}

.row.kontaktformular {
	max-width: 922px;
	margin: 0 auto;
	
}

.kontaktformular .formheader {
	/*margin-bottom: 5px;*/
}

.formbody {
	background-color: #9cadc2;
	padding: 30px 15px;
}

.kontaktformular .formfooter {
	margin-top: 5px;
}

.kontaktformular form {
	/*background-color: #ced6e0;*/
}


/*.row.kontaktformular button[type="submit"] {
	display: none;
}*/



.uformular.schlank {
	max-width: 660px;
}

.uformular .formheader {
	/*margin-bottom: 5px;*/
	/*border-top-right-radius: 12px;*/
	overflow: hidden;
}

.uformular .formfooter {
	margin-top: 5px;
}

/* ******************************* Beratungsstellen ******************************* */

.bstelle {
	border-radius: 8px;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #DDE4EC
}

.bstelle .infos {
	padding: 10px;
}

.bstelle .infos2 {
	background-color: #DDE4EC;
}

.bstelle .name,
.bstelle .bstellename {
	font-weight: bold;
}

.bstelle .tel_fax,
.bstelle .email,
.bstelle .url {
	margin-top: .5em;
}

.bstelle .tel_fax span {
	width: .85em;
    display: inline-block;
}

.bstelle .erreichbarkeit {
	margin-bottom: .5em;
}

.bstelle a {
	color: #000;
	text-decoration: none;
}

/* ************************************ Kurse *********************************** */

.kurs_wrap {
	margin-bottom: 30px;
}


.kurs_wrap .anmeldezeile {
	text-align: right;
	padding: 0 10px 10px 0;
	/*border-top: 1px solid #1ba1b8;*/
	/*border-top: 1px solid #fff;*/
}

.kurs_wrap .anmeldezeile.abgelaufen {
	color: #ccc;
	font-style: italic;
}
.kurs {
    /*border: 1px solid #1ba1b8;*/
    /*border-radius: 8px;*/
    margin: 40px 0 20px 0;
    /*overflow: hidden;*/
	position: relative;
    /*background-color: #f7feff;*/
   	/*border: 1px solid #1ba1b8; */
   	border: 1px solid #DDE4EC;
   	border-radius: 8px;
}

.kurs .kurstitel {
	position: relative;
	display: inline-block;
	margin: 0;
	top: -.6em;
	margin-left: -5px;
    background-color: #fff;
    /* background-color: #1ba1b8; */
    /* color: #fff; */
    /*padding: 10px;*/
    /*border-bottom: 1px solid #1ba1b8;*/
   	/*border-bottom: 1px solid #fff;*/
}



.kurs .desc,
.kurs .daten {
	/*padding: 0 10px;*/
}

.kurs .kasten span.floating-label {
    position: absolute;
    /* transform: translateY(-90%); */
    top: -.75em;
    margin-left: -5px;
    padding: 0 5px;
    background-color: #fff;
    /*background-color: #f7feff;*/
    color: #1ba1b8;
}

.kurs .kasten {
	position: relative;
	border-top: 1px solid #DDE4EC; /* #1ba1b8; */
	padding: 20px 5px 15px 10px;
	/*border-radius: 8px;*/
	margin-bottom: 20px;
}

/*.row:nth-child(3) .kurs .kasten,
.row:nth-child(3) .kurs {
	border-color: #1ba1b8;
}*/

.kurs .desc.kasten {
	border-top: none;
	margin-bottom: 0;
	padding-top: 0;
}

.kurs .desc.kasten p {
	margin-top: 0;
}

.kurs .kasten:last-child {
	/*border-bottom: 1px solid #1ba1b8;*/
	/*padding-bottom: 30px;*/
	margin-bottom: 0px;
}


.kurs h2 {
	font-size: 1.35em;
}


/* ************************************ Kontaktgruppen + Map *********************************** */

	.kontaktgruppen .kontaktgruppe {
		margin-bottom: 40px;
	}
	
	.kontaktgruppen .kontaktgruppe .stelle,
	.kontaktgruppen .kontaktgruppe .name {
		font-weight: bold;
	}
	
	.kontaktgruppen .kontaktgruppe p {
		margin: .5em 0;
	}

	#ds_map {
		position: relative;
	}
	
	#ds_map_legend {
		/*position: absolute;*/
		transform: translateY(-100%);
	}

	#ds_map .karten-markierung {
		position: absolute; 
		width: auto; 
		height: auto; 
		margin-left: -7px;
		margin-top: -7px;
	}
	
	#ds_map .karten-markierung a.icons {
		display: inline-block;
		float: left;
		padding-right: 0px;
		/*line-height: 2.25em;*/
		margin-top: -12px;
		line-height: 2.15;
	}
	
	/*#ds_map .karten-markierung span.icon {
		font-size: 3.3em;
		display: block;
		color: #1ba1b8;
	}*/
	
	.mappoint {
		width: 14px;
		height: 14px;
		display: inline-block;
		margin-right: 5px;
		background-color: #1ba1b8;
	}
	
	.mappoint span {
		color: #1ba1b8;
	}
	
	.mappoint.icn_kgruppe {
		width: 0;
		height: 0;
		border: 14px solid #000;
		border-left-width: 7px;
		border-right-width: 7px;
		border-top-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
		background-color: transparent;
	}
	
	.mappoint.icn_kgruppe span {
		color: #000;
		border: 1px dotted #000;
	}
	

	.pc .mappoint:hover {
	    cursor: help;
	    position: relative
	}
	.mappoint span {
	    display: none
	}
	
	.pc .mappoint:hover span {
	    /*border: #c0c0c0 1px dotted;*/
	    padding: 10px;
	    padding-top: 8px;
	    display: block;
	    z-index: 100;
	    background: #ececec;
	    left: 0px;
	    margin: 10px;
	    /*min-width: 18em;*/
	    position: absolute;
	    top: 10px;
	    text-decoration: none;
	    line-height: 1.5;
	    border: 1px dotted #1ba1b8;
	    white-space: nowrap;
	}
	
	.mappoint.icn_bstelle {
		border-radius: 50%;
	}
	
	.mappoint.icn_sstunde {
	}
	
	#ds_map .karten-markierung .kartentext {
		display: block;
		/*padding-top: 12px;*/
		/*position: absolute;
		left: 26px;*/
		/*top: 2px;*/
		/*margin-top: 5px;*/
		/*width: 200px;*/
		font-size: .8em;
		color: #000;
		text-decoration: none;
		white-space: nowrap;
		/*text-shadow: 0 0 2px #999;*/

		/*background-color: #fff;
		padding: 2px 4px;*/
	}
	
	@media screen and (max-width: 768px) {
		/*#ds_map, .ds_map_legend {
			display: none;
		}*/
		#ds_map_legend {
			/*position: absolute;*/
			transform: none;
			margin-bottom: 40px;
		}
	}



/* ************************************ FANCYBOX *********************************** */

.fancybox-wrap {
	width: 96%;
	max-width: 920px;
}

.fancybox-button.fancybox-close-small {
	width: 90px;
	height: 90px;
}

.fancybox-button svg {
	color: #1ba1b8;
}

#junge_dmsg .fancybox-button svg {
	color: #1C4C7D;
}

#junge_dmsg .fancybox-button svg path {
	stroke: #1C4C7D;
}

.fancybox-button svg path {
	stroke: #1ba1b8;
	stroke-width: 1px;
}
/*
.fancylink:after {
	content: ' \f054';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
*/

/* ************************************* IPHONE ************************************* */

/* 
   Remove telephone style on iphones 
   https://stackoverflow.com/questions/3736807/how-do-i-remove-the-blue-styling-of-telephone-numbers-on-iphone-ios
*/
a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font-size: 1em !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	line-height: inherit !important;
}

#footer a[href^=tel] {
	color: #fff !important;
}




/* ********************** FOCUS OUTLINE ********************* */

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) img:focus,
body:not(.user-is-tabbing) a img {
	outline: none;
}


/* ********************** DRUCK ********************* */

 @media print {
 	.formprint header, .formprint footer {
 		display: none;
 	}
 	
 	.formprint #header, .formprint #footer, 
 	.formprint .fullscreen-area, .formprint .container, .formprint .container-fluid,
 	.formprint .fancybox-button, button, .btn, 
 	#main_nav, #suche, .row.kugeln, .mobile_nav {
 		display: none;
 	}
 	
 	.formprint .dmsg-infos {
 		display: block;
 	}
 	
	.fullscreen-area, .container, .container-fluid {
		max-width: 18cm;
	}
	
	.fullscr .floating-text {
		position: relative;
	}
	
	label, h1, h2, h3, h4 { 
		page-break-after: avoid;
		line-height: 1.5;
	}
	
	.ftexte {
		page-break-inside: avoid;
	}
	
 	.formprint .fancybox-wrap {
 		height: auto;
 		margin: 0;
 		padding: 0;
 		max-width: 17cm;
 	}	
 		
 	.formprint .fancybox-wrap form {
 		background: url("/index.php?rex_media_type=logo&rex_media_file=dmsg-logo.png");
 		
 	}
 	
 	.container_full, .container {
	    padding-right: 0 !important;
	    padding-left: 0 !important;
	}

	.content {
		padding-right: 5px !important;
	}
	
 	
	a[href^="http"]:after { 
	   content: " (" attr(href) ") "; 
	   color: gray !important; font-size: smaller; 
	}
 	
 	a.btn:after {
 		content: none;
 	}
 	
 	
 }
 
 @page { margin: 1cm 1cm 2cm 2cm }
 
 
 /********************** SPRUNGMARKER *************************/

.hoch {
    position: fixed;
    right: .9em;
    bottom: .9em;
    width: 2.7em;
    height: 2.7em;
    /*border-radius: 2.7em;*/
    text-align: center;
    background-color: #1ba1b8;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: 3000;
    transition: opacity 0.25s linear,visibility 0.25s linear;
    padding-top: 3px;
    text-decoration: none;
}

.hoch i {
	text-decoration: none;
}


.hoch:hover,.hoch:focus,.hoch:active{
	color: #fff;
}


.hoch.aktiv {
	opacity:0.7;
	visibility:visible;
}

.pc .hoch.aktiv:hover {
	opacity: 1;
}

.hoch span {
	line-height: 1;
	display: block;
	/*display:none;*/
}


/* Aktionswoche */
.fltrbutton .img
{
width:10%;
max-width:28px;
float:left;
display:block;
}
.fltrbutton::after {
	
	clear: both;
	display: table;
	content: " ";
}

.fltrbutton,.blog > div > div,.blog > div > a > div
{
border:2px solid #9dc3e6;
padding: 8px;
border-radius: 8px;
min-height: 50px;
margin-bottom: 11px;
}
.blog > div > div,.blog > div > a > div
{
position:relative;
}
.blog div.img
{
    position: absolute;
    left: 0;
    top: 0;
    min-height: auto !important;
    margin-left: 5px !important;
    width: 33px;
    margin-top: 5px;

}
.blog > div > div > div,.blog > div > a > div > div
{

margin-left:50px;
min-height:10em;
}


.fltrbutton.art1,.blog .art1  {
background-image: linear-gradient(to right, #9dc3e6 0%, #9dc3e6 45px,white 45px);
}

.fltrbutton.art2,.blog .art2  {
background-image: linear-gradient(to right, #92d050 0%, #92d050 45px,white 45px);
border:2px solid #92d050; }

.fltrbutton.art3,.blog .art3  {
background-image: linear-gradient(to right, #bf9000 0%, #bf9000 45px,white 45px);
border:2px solid #bf9000; }

.fltrbutton.art4,.blog .art4  {
background-image: linear-gradient(to right, #cc66ff 0%, #cc66ff 45px,white 45px);
border:2px solid #cc66ff; }

.fltrbutton.art5,.blog .art5  {
background-image: linear-gradient(to right, #ffc000 0%, #ffc000 45px,white 45px);
border:2px solid #ffc000; }

.fltrbutton.art6,.blog .art6  {
background-image: linear-gradient(to right, #00b0f0 0%, #00b0f0 45px,white 45px);
border:2px solid #00b0f0; }

.fltrbutton.art7,.blog .art7  {
background-image: linear-gradient(to right, #ff3300 0%, #ff3300 45px,white 45px);
border:2px solid #ff3300; }


.fltrbutton.art8,.blog .art8  {
background-image: linear-gradient(to right, #ff99ff 0%, #ff99ff 45px,white 45px);
border:2px solid #ff99ff; }



.fltrbutton div div
{
padding:10px;
}
.fltrbutton
{
cursor:pointer;
}
.fltrbutton div
{
width:83%;
float:right;
}
.fltrbutton.aktiv
{
color:#666;
border-color:#666;

}
.blog a, .blog a:focus, .blog a:active {
    color:#000;
    text-decoration: none;
}

.stoerer
{
position:fixed;
right:0;
bottom:35%;
background-color:#1ba1b8;
background-color:#ff3300;

padding: .5em .5em .5em .8em;
border-radius: 8px 0 0 8px;
color:#fff;
z-index:5000;
max-width:6.5em;
}

.stoerer a
{
color:#fff;
text-decoration:none;
}


@media screen and (max-width: 768px ) {
.stoerer
{
position:absolute;
right:53px;
bottom:initial;
top:86px;
border-radius: 8px;
max-width:initial;
padding: .5em .8em .5em .8em;
}
}

@media screen and (max-width: 418px ) {
.stoerer
{
top:15px;
right:5px;
}
}


.bmesharer a,.bmesharer a i
{
text-decoration:none;
}

.bmebuttons button
{
margin-bottom:20px;
}


.kurslink
{
display:inline-block;
width:100%;
}

.linkbloecke .lblock .textwrap {
    background-size: cover;
    background-position: center center;
}
.lblock .textwrap {
    display: block;
    text-decoration: none;
    border: none;
    text-align: center;
    padding: 10px 20px 0 20px;
    height: 16em;
    overflow: hidden;
}


.blogbloecke .lblock .textwrap {
    text-align: left;
}

.blogbloecke .lblock  a, .blogbloecke  .lblock
{
border-radius:20px;
padding-bottom: 10px;
background-position: right bottom;
}
.blogbloecke .lblock a,.blogbloecke .lblock  h3
{
color:#000;
margin:0;
}
.trenner.half{
displaY:none;
}
.blogbloecke .lblock .col-xs-2
{
font-size:2.2em;
font-weight:bold;
}

.alexheader img
{
width:100%;
border-radius:10px;
height:auto;
}

.blogbloecke .lblock .col-xs-10
{
padding-top: .4em;
font-size: 1.4em;
}

/* andada-pro-regular - latin */
@font-face {
  font-family: 'Andada Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/theme/fonts/andada-pro-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/andada-pro-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/andada-pro-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/andada-pro-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/andada-pro-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/andada-pro-v2-latin-regular.svg#AndadaPro') format('svg'); /* Legacy iOS */
}

/* andada-pro-700 - latin */
@font-face {
  font-family: 'Andada Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/theme/fonts/andada-pro-v2-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/andada-pro-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/andada-pro-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/andada-pro-v2-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/andada-pro-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/andada-pro-v2-latin-700.svg#AndadaPro') format('svg'); /* Legacy iOS */
}

/* andada-pro-italic - latin */
@font-face {
  font-family: 'Andada Pro';
  font-style: italic;
  font-weight: 400;
  src: url('/theme/fonts/andada-pro-v2-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/andada-pro-v2-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/andada-pro-v2-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/andada-pro-v2-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/andada-pro-v2-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/andada-pro-v2-latin-italic.svg#AndadaPro') format('svg'); /* Legacy iOS */
}

/* andada-pro-700italic - latin */
@font-face {
  font-family: 'Andada Pro';
  font-style: italic;
  font-weight: 700;
  src: url('/theme/fonts/andada-pro-v2-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/andada-pro-v2-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/andada-pro-v2-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/andada-pro-v2-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/andada-pro-v2-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/andada-pro-v2-latin-700italic.svg#AndadaPro') format('svg'); /* Legacy iOS */
}


.blogbloecke
{
font-family: 'Andada Pro';
  font-weight: 400;

}

.alexblog h2,.alexblog h3
{
font-family: 'Andada Pro';
font-weight: bold;
}
.plyr > div.plyr__controls
{
background: #eee;
border-radius: 10px;

}


.bmeplyr
{
padding-right: 20px;
}

.bmeplyr img
{
border-radius:10px 10px 0 0;
}

.bmeplyr img ~ .plyr > div.plyr__controls

{
border-radius: 0 0 10px 10px;
}


.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] {
    background: #1ba1b8;
    background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#1ba1b8)));
}

.plyr--full-ui input[type="range"] {

    color: #1ba1b8;
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#1ba1b8)));
    }
    
/* ************************ KLAPPLISTE ********************** */

.klappliste a.btn {
    border-radius: 8px;
    background-color: #993436;
background-color: #1ba1b8;    
    color: #fff;
}

.pc .klappliste a.btn:hover {
	color: #fff;
}
.klappliste p
{
margin: .5em 0;
}
.klappliste .klapptitel {
    /*font-weight: 600;*/
    /* color: #771e3a; */
    cursor: pointer;
    position: relative;
    display: inline-block;
/*    font-size: 1.25em; */
}


.klappliste ol .klapptitel:before {
margin-right: .5em;
    /*counter-increment: list;
    content: counter(list)'.';*/
  content: "\f078";
font-family: "Font Awesome 5 Free";

   	padding-right: .5em;
    display: inline-block;
    width: 1em;
-webkit-transform-origin: 50% 50% 0;
-moz-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
color: #1ba1b8;
font-weight: 900;
}

.klappliste ol .klapptitel.open:before {
/*	content: '-'; */

-moz-transform: rotate(-179.9deg);
-o-transform: rotate(-179.9deg);
-webkit-transform: rotate(-179.9deg);
-ms-transform: rotate(-179.9deg) !important;
transform: rotate(-179.9deg);
background-color: transparent;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
zoom: 1;
	
}

.klappliste ol {
    list-style: none;
    counter-reset: list;
    margin: 0;
    padding: 0;
/*    border: 2px solid #1ba1b8;
    border-radius: 8px;
*/
}

.klappliste ol > li {
	padding: 15px;
/*
	border-bottom: 2px solid #1ba1b8;
*/
}


.klappliste ul > li {
list-style-type: disc;
margin-bottom:.5em;
}

.klappliste ol li:last-child {
	border-bottom: none;
}	


.klapptitel p {
    display: inline-block;
    padding: 0;
    line-height: 1.5em;
    margin: 0;
}

.klappliste h2 {
	margin-bottom: 50px;
}

.klappliste .klapptext {

position:relative;
    font-weight: normal;
	padding-bottom: 10px;
padding-left: 1.5em;	
height: 4em;
overflow: hidden;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
.klappliste .klapptext:after
{
position:absolute;
height:60px;
width:100%;
bottom:0;
left:0;
displaY:block;
content:" ";
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
background-image: linear-gradient(to top, RGBA(255,255,255,1) 5%, RGBA(255,255,255,.2) 100%)
}

.klappliste .klapptext.open
{

//max-height:fit-content;
}


.klappliste .klapptext.open:after
{
height:0;
}

.noscript .klappliste .klapptext:after
{
display:none;
}

.noscript .klappliste .klapptext {
	display: inherit;
	max-height:none;

}

.klappliste .klapptitel     
{
width:100%;
color: #1ba1b8;
font-weight:bold;
}

.klappliste > ol > li
{
    margin-left:-5px;
margin-right: -5px;    
padding-right: 0;    
padding-left:0;
    
}

.klappliste .klapptitel
{
    
padding-left:1.5em;
}

.klappliste .klapptitel::before {
  position: absolute;
  left: 0;
}