body {
	
	font-family: "Open Sans", sans-serif;
	font-size: 19px;
	padding-top: 0px;
	margin-top: 0px;
	padding: 0 7% 0 7% !important;
	
	}
	
body a {
	color: #666;
	text-decoration: underline;
}

body a:hover {
color: #000;
text-decoration: underline;
}
	
div.trennlinie_unten {
	float: left;
	border-bottom: 1px dotted #11866C;
	width: 100%;
}	
	
	#unterseiten_menu {
		margin: 0 0 1em 0;
		float: left;
		clear: both;
		position: relative;
		z-index: 999999999;
		border: none;
	}
	
	h3.h3_unterseiten_menu {
		color:#00967f !important;
		font-size: 18px !important;
		margin: 0em 0 0.5em 0 !important;
		width: 100%;
		clear: both;
		border: none !important;

	}
	

	
	
	ul.ul_nav_children { 
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		clear: both;
	
	}
	
	ul.ul_nav_children a {
		color: #000;
	}
	
	.li_children {
		float: left;
		margin: 0 1.5em 0 0;
		font-size: 16px !important;
	}

	
	
	
	img.logo {
	max-width: 200px;
	margin: 20px 0px 20px 0px;
}

#content {
	position: relative;
	z-index: 999;
}

p.wichtig {
	color: red;
	font-weight: bold;
}


#content ul  {
	list-style-type: disc;
	list-style-position: outside;	
	margin-left:3px;
	padding-left: 14px;
}

table {
	border: 0px;
	margin: 0px;
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	border-horizontal-spacing: 0px;
	border-vertical-spacing: 0px;
}

td {
	border: 0px;
	margin: 0px;
}


td, td > p {
	font-family: "Open Sans", sans-serif;

}

div#suchresultate ul.nav {
	display: block;
}

div#suchresultate ul.nav li {
	clear: right !important;
	float: none;

}

div.modal-content {
	position: relative;
	z-index: 75000;
}

img.search {
	width: 18px;
	float: right;
	margin: 7px 0 0 0;
}

/* ******************************************* */
/* Suche	 */

.overlay {
	display: none;
}

* {
  box-sizing: border-box;
}

.openBtn {
  background: #f1f1f1;
  border: none;
  padding: 10px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}

.overlay {
  height: 15vh;
  width: 100vw;
  overflow-x: hidden !important;
  position: fixed;
  z-index: 1000000000000 !important;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: absolute;
  top: 1%; 
  left: 1%;
  width: 70%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
  z-index: 1000000000001 !important;
}

.overlay .closebtn .closebtn_submenutop {
  position: absolute;
  z-index: 50000000000050 !important;
  top: 20px !important;
  right: 0px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}


 (max-width: 320px) {
	.overlay .closebtn {
	  position: absolute;
	  z-index: 10000000000050 !important;
	  top: 10px !important;
	  right: 45px;
	  font-size: 60px;
	  cursor: pointer;
	  color: white;
	}
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 10px;
  font-size: 15px;
  border: none;
  float: left !important;
  width: 75%;
  background: white;
  border-radius: 8px;
  margin: 3em 1em 0 1em !important;
  height: 40px;
  position: relative;
  z-index: 10000000000010 !important;

}

@media (max-width: 1148px) {
	
.overlay input[type=text] {
  padding: 10px;
  font-size: 15px;
  border: none;
  float: left !important;
  width: 75%;
  background: white;
  border-radius: 8px;
  margin: 4em 1em 0 1em !important;
  height: 40px;
  position: relative;
  z-index: 10000000000010 !important;

}

.overlay .closebtn {
  position: absolute;
  z-index: 555550000000000050 !important;
  top: 10px !important;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
  font-weigth: 800 !important;
}
	
}

@media (max-width: 320px) {
	
.overlay input[type=text] {
  padding: 10px;
  font-size: 15px;
  border: none;
  float: left !important;
  width: 75%;
  background: white;
  border-radius: 8px;
  margin: 3em 1em 0 1em !important;
  height: 40px;
  position: relative;
  z-index: 10000000000010 !important;

}

.overlay .closebtn {
  position: absolute;
  z-index: 555550000000000050 !important;
  top: 0px !important;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
  font-weigth: 800 !important;
}
	
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
	position: relative;
    z-index: 10000000000010 !important;
  float: left !important;
  margin-top: -1em;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
  height: 50px;
  border-radius: 5px;
}

.overlay button:hover {
  background: #bbb;
}

label.visually-hidden {
	display: none;
}

/* ******************************************* */




div#header_navigation {
		float: right !important;
		clear: right;
		font-size: 15px;
		margin: 15px 0 0 0 !important;
		padding: 0px !important;
		height: 20px !important;
	}
	
div#header_navigation ul {
		float: right;
		list-style: none;
		margin: 0 1em 0 0;
	}
	
#ptf_search_form {
	font-size: 100%;
}
	

li.header_nav_li_1 {
	float: left;
	margin: 0 0 0 0em;
	color: #fff;
	font-size: 120%;
	font-weigth: 800;
	background-color: #11866C;
	padding: 3px 3px 3px 3px;
	font-size: 19px;

	
	}
	
li.header_nav_li_2 {
	float: left;
	margin: 0.3em 0 0 1em;
	background-color: #ffffff;
	color: #666;
	padding: 0px 0px 0px 0px;
	height: 3em;	
	font-size: 16px;
	}


li.header_nav_li_3 {
	float: left;
	margin: 0.3em 0 0 1em;
	background-color: #ffffff;
	color: #666;
	padding: 0px 0px 0px 0px;
	height: 3em;	
	font-size: 16px;

	}		

li.header_nav_li_4 {
	float: left;
	margin: 0.3em 0 0 2em;
	background-color: #ffffff;
	color: #666;
	padding: 0px 0px 0px 0px;
	height: 3em;	
	font-size: 16px;

	}
	
img.calendar {
	width: 22px;
	height: auto;
	float: right;
	margin: 5px 1em 0 0;
	}

div#header_navigation a li {
	text-decoration: none !important;
}

div#header_navigation a:hover li {
	text-decoration: underline !important;
	color: #000;
}


.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: relative;
  left: calc(50% - 60px);
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


table.liste_mitglieder td {
border-bottom: 1px solid #666;	
}



span.umkreissuche_erklaerung {
	font-size: 70%;
	clear: both;
}

#werbebanner {
	width: 50% !important;
}

input.ptf_input_float {
	float: left; 
	width: 300px !important;
	margin-right: 20px;
}

input.ptf_input_float_clear_left {
	float: left; 
	clear: left;
	width: 300px !important;
	margin-right: 20px;
}

span.pass-scores {
	display: none;
}


input.ptf_checkbox {
	
}

label.ptf_checkbox_label {
	width: 90%;
}

input.ptf_input_clear {
	float: left; 
	clear: both;
	width: 300px !important;
	margin-right: 20px;
}



/* # multiselect #  */

div.ptf_search_box {
	margin-top: 1rem;
	margin-right: 10px;
	float: left !important;
}



div.wichtig {
	padding: 8px;
	margin: 0.5em 0 2em 0;
	border: 2px dotted #11866C;
	border-radius: 5px;
}



div.wichtig h3 {
color: #11866C;
border: 0px;
margin: 0.5em 0 0.5em 0;
padding: 0;
}



div.psychotherapeut_finden {
	width: 100%;
	height: 40px;
	margin-right: 2%; 
	border: 1px #666 solid;
	border-radius: 8px;
	float: left;
	padding: 5px 5px 0px 8px;
	background-color: #ccc;	
	color: #000;
}

p.links_nav_asp_p {
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

a.box_psy_finder_link {
	color: #11866C !important;
}
	
a.box_psy_finder_link:hover {
		color: #000 !important;
	}
	

#symptome {
	height: 300px;
	overflow-y:scroll;
}

#sprachen {
	height: 300px;
	overflow-y:scroll;
}

#zielgruppen {
		height: 300px;
	overflow-y:scroll;
	
}

#methoden {
	height: 300px;
	overflow-y:scroll;
}

#situationen {
	height: 300px;
	overflow-y:scroll;
}

.btn_search {
	clear:both !important;
	margin-top: 20px;
	float: right;
}


.btn {
display: inline-block;
font-weight: 700;
color: #fff;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #3185eb;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



div.trenner {
	width: 100%;
	height: 1px;
	float: none;
	clear: both;
	margin-top: 3em;
}

/* # Ende Multiselect */

div.ptf_content_main {
	margin-top: 2em;
	padding:0px;
	}

div.ptf_spalte_1 { 
	width: 43%; 
	float: left;
	border-right: 1px dotted #ccc;
	padding: 0px;

}


div.ptf_spalte_2 { 
	width: 43%; 
	float: left;
	padding:0px;
	margin-left: 1em;
}



p.ptf_row {
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 4px;
	line-heigth: 2em;
}


div.ptf_output {
	position: relative;
	z-index: 900;
	border: 1px solid #0D776E;
	padding: 5px;
	margin-bottom: 2em;
	background-color: rgba(255, 255, 255, 0.90);
	width: 100%;
}




div.ptf_output .odd {
		background-color: rgba(238, 224, 238, 0.38);


}


tr.odd {
			background-color: #fff;
}


tr.odd {
			background-color: rgba(204,  204,  204, 0.27);
}

td.bestaetigt {
	background-color: rgba(213, 245, 198, 1);
}


td.unbestaetigt {
	background-color: rgba(255, 0, 0, 0.41);
}



select.select_geschlecht {
	width: 200px;
	margin-left: 50px;
	float: right;
}


tr.kopfzeile td {
	font-weight: bold;
}

h1.profil {
	margin-bottom: 0px;
}

h3.profil {
	margin: 0 0 0 0;
	border: none;
	font-size: 22px;
}

h4.profil {
	margin: 1em 0 0 0;
	font-size: 18px;
}

h4.profil_ohne_margin {
	margin: 0 0 0 0;
	font-size: 18px;
}

p.profil {
	margin: 0px 0px 0px 0px;
}

ul.profil {
	margin: 0px 0px 0px 0px;
}

button.ptf_submit {
	margin: 0px 1px 0px 0px;
	height: 1.7em;
	font-size: 90%;
	float: right;
}

button.success {
	background-color: rgba(18, 135, 110, 0.71);
	color: #fff;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}


button.success:hover {
	color: #fff !important;
	background-color: #11866C;



}





div.kreis1 {
	position: absolute; 
	top: 350px;
	left: -50px;
	z-index: 100;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: rgba(222, 71, 20, 0.34);
}

div.kreis2 {
	position: absolute; 
	top: 350px;
	left: 400px;
	z-index: 100;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background-color: rgba(80, 174, 51, 0.2);
}

div.kreis3 {
	position: absolute; 
	top: 500px;
	left: 800px;
	z-index: 100;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background-color: rgba(99, 76, 135, 0.2);
}


div.kreis4 {
	position: absolute; 
	top: 650px;
	left: 150px;
	z-index: 100;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background-color: rgba(174, 217, 237, 0.4);
}


div.kreis5 {
	position: absolute; 
	top: 800px;
	left: 500px;
	z-index: 100;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: rgba(248, 235, 121, 0.2);
}


div#ptf_search_header {
	position: relative;
	z-index: 999;
}



div#search_feedback {
	position: relative;
	z-index: 500000;
	background-color: red;
	height: 50px;
	color: #fff;
	font-weight: bold;
	margin-top: 2em;
	padding: 5px;
}





select {
	background-color: transparent;
	border: 0px;
	width: 100%;
}


div.ptf_search_box_situation {
	margin-top: 1rem;
	margin-right: 10px;
	float: left !important;
	background-color: rgba(255, 255, 255, 0.73);
	border-radius: 10px;
	border: 2px dotted #000;
	width: 300px;
	padding: 10px;
}


div.ptf_search_box_symptome {
	margin-top: 1rem;
	margin-right: 10px;
	float: left !important;
	background-color: rgba(255, 255, 255, 0.73);
	border-radius: 10px;
	border: 2px dotted #000;
	width: 300px;
	padding: 10px;
}

div.ptf_search_box_methoden {
	margin-top: 1rem;
	margin-right: 10px;
	float: left !important;
	background-color: rgba(255, 255, 255, 0.73);
	border-radius: 10px;
	border: 2px dotted #000;
	width: 300px;
	padding: 10px;
}


div.ptf_search_box_sprachen {
	margin-top: 1rem;
	margin-right: 10px;
	float: left !important;
	background-color: rgba(255, 255, 255, 0.73);
	border-radius: 10px;
	border: 2px dotted #000;
	width: 300px;
	padding: 10px;
}

div.ptf_search_box_zielgruppen {
	margin-top: 1rem;
	margin-right: 10px;
	float: left !important;
	background-color: rgba(255, 255, 255, 0.73);
	border-radius: 10px;
	border: 2px dotted #000;
	width: 300px;
	padding: 10px;
} 
 

h3.ptf_label {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0px;
	color: #000;
}
 
 
    .navbar-form .form-control-static, .navbar-form .form-group {
        display: inline-block
    }

    .navbar-form .control-label, .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label, .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}







@media (min-width:768px) {
    .navbar-form .form-control-static, .navbar-form .form-group {
        display: inline-block
    }

    .navbar-form .control-label, .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label, .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}



@media (min-width:1024px) {
    .navbar-header {
	    background-color: transparent;
        float: none;
    }
    #mobile_menu {
        display: none;
    }
    
    #topnav {
	display: block;
}

}

div.mobile_login {
	float: left;
	width: 300px;
	background-color: transparent;
	margin-bottom:0px !important;
	padding-top: 0px;
	margin: 2em 0 0 1.5%;	
	font-size: 50px !important;
	
}

div.nav_close {
	width: 100%;
	clear: both;
	margin: 1em 0 1em 0;
	float: right;
}



div.mobile_login p {
	margin-bottom: 0px;
	color: #fff;
	font-size: 10px !important;
}


div.mobile_login a:link, div.mobile_login a:visited {
	color: #666 !important;
}



div.mobile_edit {
	position: relative;
	z-index:9999;
	display: table;
	background-color: rgba(232, 232, 232, 1);
	margin: 1em 0 1em 0;
	width: 100%;
	padding-left: 1em;
	color: #fff;
	
}

div.mobile_edit p {
	margin-bottom: 0px;
	color: #fff
}


div.mobile_edit a:link, div.mobile_login a:visited {
	color: #fff;
}


.navbar-mobile {
    margin-bottom: 20px
}

.navbar-form {
    border: none
}


#logo img.logo_asp {
	max-width: 200px !important;
	float: left;
	margin-bottom: 2em;
	margin-right: 20px;
	margin-top: 10px;
}

#byline {
	float: left;
	margin-left: 0x;
	margin-top: 15px;
	
}






#byline p {
		font-size: 10px;
		line-height: 1.4em;
	
}


#topnav {
	float: left; 	
	clear: both;
}

#language_switcher { 
	float: right;
	font-size: 18px;
	margin-top: 15px;
	position: relative;
	z-index: 9999;
}






	



.languages {
	float: left;
	width: auto;
}



h1 {
	line-height: 1.5em;
}

/* ### Navigationsboxen Home-Seite ### */

#navigationsbox_main {
	float: left;
	width: 100%;
	padding-bottom: 3em;
	margin-bottom: 20px;
	}
	
#navigationsbox_main a {
	text-decoration: underline;
}	
	
	
#navigationsbox_one, #navigationsbox_two, #navigationsbox_three {
	width: 28%;
	height: 120px;
	margin-right: 2%; 
	border: 1px #ccc solid;
	border-radius: 8px;
	float: left;
	padding: 0px 5px 5px 5px;
}	

#navigationsbox_main h1 {
	font-size: 1.2em;
}

#navigationsbox_main a {
		color: #fff;

}


/*
#navigationsbox_one {
background-color: #F07F3C;	
}


#navigationsbox_two {
background-color: #B7D484;	
	
}

#navigationsbox_three {
background-color: #AFACD6;	
	
}
*/



#navigationsbox_one {
background-color: #DE4815;	
}


#navigationsbox_two {
background-color: #4FAE33;	
	
}

#navigationsbox_three {
background-color: #624B86;	
	
}





/* Ende Navigationsboxen Home-Seite  */












#content {
	padding-bottom: 1em;
}



#sidebar_left {
float: left;
width: 100%;
font-size: 18px;
font-weight: bold;
color: red;
margin: 0 0 2em 0 !important; 
position: relative;
z-index: 9999999;
}

#sidebar_left ul {
margin : 0 0 0 0;
padding : 0 0 0 0;
}


#sidebar_left ul li {
float : left;
margin : 0 1em 0 0;
list-style-type : none !important ;
}

#sidebar_left .current {
font-weight : 800;
border-bottom: 2px solid #11866C !important;
padding-bottom: 0px;
}




.current a {
color : #11866C !important ;
}


#sidebar_left ul.nav-tree li, #sidebar_left nav.li {
	list-style-type: none;
	margin-left: 0px !important;
	padding-left: 0px;
}


	.nav .nav {
		padding-left: 0em;
		list-style: none;
	}
	
	
	.nav li {
    margin: 0em 0;
}



@media (max-width:1200px) {
	
	body {
	padding: 0 3% 0 3% !important;
}
	
	#navigationsbox_one, #navigationsbox_two, #navigationsbox_three {
		width: 100%;
		float: left;
		padding: 5px;
		clear:both;
		margin-bottom: 1em;
	}
	
	
	body.has-sidebar #sidebar {
		width: 100% !important;
		padding: 0px 0px 0px 0px;
	}
	
	img.logo_mobile_menu {
		display: block;
		float: left;
		width: 270px !important;
		margin-left: 0px;
		padding-left: 0px;
	}	
	
	
	#logo {
	display: block;
	float: left !important;
	width: 170px !important;
	}
	
	#byline {
	float: left;
	margin-left: 0x;
	}
	
	
	
	#agenda {
		width: 100%;
	}
	
	#sidebar_left {
		float: left;
		clear:both;
		font-size:70%;
	}
	
	
	#content {
		float: left;
		clear:both;
		width: 100% !important;
	}
	
	
	div#navigationsbox_main {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	
	
	div.psychotherapeut_finden {
		width: 100%;
		height: auto !important;
		padding: 0.25em 0.25em 0.25em 0.5em !important;
	}
	
	#ptf_search_header {
		clear: both; 
		margin-top: 1em;
		width: 100 !important;
		position: relative; 
		z-index: 999999
	}
	
	select.select_geschlecht {
		width: 100%;
		margin-top: 1em;
		background-color: #fff;
		margin-bottom: 2em;
	}
	
	input.ptf_input_float {
		width: 100% !important;
	}
	
}




@media (max-width:768px) {

#sidebar_left {
	float: left;
	width: 100%;
	margin-bottom: 2em;
	clear:both;
	font-size:70%;
	height: auto;
}


#sidebar {
	float: left;
	width: 100% !important;
	margin-bottom: 2em;
	clear:both;
	font-size:70%;
	height: auto;
}


#content h1 {
	font-size: 35px;
	line-height: 1.3em;
	font-weight: 800;
}

div.psychotherapeut_finden {
	width: 100%;
	height: auto !important;
	padding: 0.25em 0.25em 0.25em 0.5em !important;
}

div#navigationsbox_main {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

form.search {

}


div.wichtig {
	padding: 8px;
	margin: 1.5em 0 2em 0;
	border: 2px dotted #11866C;
	border-radius: 5px;
}

img.logo_mobile_menu {
	display: block;
	float: left;
	width: 250px !important;
	margin-left: 0px;
	padding-left: 0px;
}	

}




@media (max-width: 450px) {
	
	img.logo_mobile_menu {
		display: block;
		float: left;
		width: 120px !important;
		margin-left: 0px;
		padding-left: 0px;
	}	
	
	.navbar {
		margin-left: 0px;
		padding-left: 0px;
	}
	
	
	div#header_navigation {
		float: left !important;
		width: 100%;
		font-size: 10px;
		margin: 5px 0 0 0 !important;
		padding: 0px !important;
		height: 20px !important;
	}
	
	div#header_navigation ul {
		float: left;
		list-style: none;
		margin-left: 0px;
		padding: 0px !important;
	}
	
	div#header_navigation ul li {
	margin: 0 0 1em 0 0 !important;
	}
	
	
	#language_switcher {
		float: right;
		margin: 0em 0em 1em 0 !important;
		background-color: transparent;
	}
	
	
}






/* Ausgabeformate Events */

div.event {
	border-bottom: 1px dotted #11866C;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div.event p {
	margin:0px;
}

.event_datum {
	font-weight: bold;
	font-size: 14px;
	color: #11866C;
	margin: 0 0 0 0;
}

.event_datum_detailanzeige {
	font-weight: bold;
	font-size: 20px;
	color: #11866C;
	margin: 0 0 0 0;
}


.event_titel {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	margin: 5px 0 0 0;
}

.event_kontakt {
	font-size: 22px;
}

.event_untertitel {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	margin: 5px 0 0 0;
}


.event_beschreibung {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	margin: 5px 0 0 0;
}

h3.event_h3 {
	font-weight: bold;
	font-size: 22px;
	color: #11866C;
	margin: 0 0 0 0;
	border-bottom: 1px dotted #11866C
}



#content {
width: 100%;
}




#sidebar_left {
	float: left;
	margin-right: 50px;
	font-size:80%;
	padding-right: 15px !important;
	border-right: 1px dotted #ccc;
}

#sidebar_left ul {
	margin-left:0px;
	padding-left: 0px;
}


#sidebar_left ul li {
	list-style-type: none;
	margin-left: 0px !important;
	padding-left: 0px;
	margin-bottom: 1em;
	line-height: 1.5em;
}


#sidebar_left a.on_page li {
	font-weight: bold;
	color: #11866C;
	border-bottom: 1px solid #11866C !important;
}

#sidebar_left a.level-2.on_parent {
	font-weight: bold;
	color: #11866C;
	border-bottom: 0px solid #11866C !important;
	font-size: 120%;
}

#sidebar_left li ul {
	background-color: #F4F9EB;
	margin-top: 5px;
}

#agenda p.events_weiter {
	margin-top: 2em !important;
	border: none;
	color: #11866C !important;
}

#agenda h3 {
	border-top: 0px;
}


div.event p {
	margin-bottom: 0px !important;
	-webkit-margin-after: 0em !important;
	margin-after: 0em !important;
}

#sidebar_left a   {
	text-decoration: none !important;
	border:none !important; 
	
}

#sidebar_left li.first a {
	color: #11866C !important;
}

#sidebar_left li.first a:after {
	content: ': ';
}

#sidebar_left li {
	padding: 4px;
}

#sidebar_left a:hover li   {

background-color: #EAEAEA;
	
}


#sidebar_left level-2 {
}



#sidebar_left li.parent {
	display: none;
}

	.nav .nav {
		padding-left: 0em;
		list-style: none;
	}
	
	
	.nav li {
    margin: 0em 0;
}


#sidebar_left .nav>li>a {
	padding-left: 5px;
}






#sidebar h2 {
	color: #11866C;
	font-size: 1.4em;
	font-weight: bold;
}

form.search {
	width: 70%;
}




/* ###### F O O T E R   C O N T E N T ######### */

footer h2 {
	font-weight: bold;
	font-size: 20px;
	border-bottom: 3px solid #0D776E;
}

#footer_content_main 
{
	background-color: #C5DEDC;
	width: 100%;
	float:left;
	clear:both;
	margin: 20px 0px 0px 0px;
	padding: 0px;

}


#footer_content_main ul li {
	border-bottom: 0px;
}

#footer_content_one, #footer_content_two, #footer_content_three, #footer_content_four {
	padding: 5px;
	width: 22%;
	margin-right: 2%;
	padding-right: 10px;
	float: left;
}



ul.footer_nav {
	list-style-type: none;
	margin-left: 0px !important;
	padding-left: 0px !important;

}

ul.footer_nav li {
	border-bottom: 1px dotted #000;
	}


#footer_content_one ul, #footer_content_two ul, #footer_content_three ul, #footer_content_four ul {
	margin-left: 0px;
	padding-left: 0px;

}

#footer_content_one li, #footer_content_two li, #footer_content_three li, #footer_content_four li {
	list-style-type: circle;
	margin-left: 17px !important;
	padding-left: 0px;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	border-bottom: 1px dotted #000;
}


#footer_content_one a, #footer_content_two a, #footer_content_three a, #footer_content_four a {
	
	border-color: #000;
	
}


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



#footer_content_one, #footer_content_two, #footer_content_three, #footer_content_four {
	padding: 5px;
	width: 100%;
}


}


div.dateien {
	padding: 8px;
	border: 1px dotted #ccc;
}


table td {
	border-right: 1px solid #ccc;
    padding: 5px !important;
	

}

table.members {
	width: 100%;
	font-size: 75% !important;
}

tr.member.odd {
	background-color: #DDECEB;

}

table.members td {

	vertical-align: top !important;
	white-space: nowrap;
}


td.w20p {
	vertical-align: top !important;
}


td.w5p {
}

span.span_vorname {
	margin-top: -1px;
}





.MarkupPagerNav {
        clear: both;
        margin: 1em 0;
        font-family: Arial, sans-serif;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;
	color: #fff;
	background: #2f4248;
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #db1174;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: #d2e4ea;
	padding-left: 3px;
	padding-right: 3px;
}




#content ul.MarkupPagerNav {
	padding-left: 0px !important;
	margin-left: 0px;
	-webkit-padding-start: 0px;
	padding-start: 0px;
	
	
}


div#member_search_header {
float: left !important;
width: 100%;
margin-bottom: 2em;
margin-left:0px;
margin-right: 0px;
padding: 0px;

}

form#search_member_form {
	width: 400px;
	float: left;
}

#search_member_form button.feedback_submit {
	float: right !important;
	font-size: 100%;
}


input.input_float{
	float: left; 
	margin-left: 0px;
	width: 400px;
	font-size: 80%;
}

div#pagination_search {
	width: 100%;
}




@media screen and (max-width:1024px) {
	
#logo_byline {
	display: none;
}	




#topnav {
	display: none;
}

#sidebar_left {
	display: none;
}

body.has-sidebar_both #content {
float: left;
width: 100%;
clear: none !important;
}
    
    
    #topnav {
	display: none;
	}
	

.navbar-toggle {
	float: left;
	margin: 15px 0px 0px 10px;
}


ul.nav {
	margin:0px;
	padding:0px;
}


ul.nav li.level-1 {
		margin:0px;
	padding:0px;
}


}




div.navbar-header {
	background-color: transparent;
	border-bottom: 0px solid #fff;
}


div.navbar-default {
	background-color: transparent;
}


.navbar-inverse {
	background-color: #CFE5BC;
	border-color: #69AE04;
	border:none;
}

.navbar-inverse .navbar-toggle {
	border-color: #fff;
	background-color: #C60C30;
}



#myNavbar a {
	border-color: #C60C30;
}


div#myNavbar.navbar-collapse.collapse.in {
		border-color: #C60C30;

}

#myNavbar a:hover {
	background-color: #C60C30;
	color: #fff;
}


img.logo_mobile_menu {
	display: block;
	float: left;
	width: 230px;
	margin-left: 0px;
}



.navbar-brand a {
	border-bottom: 0px !important;
}

a {
	border-bottom: 0px !important;
}


#footer_content_main  {
	color: #666 !important;
}









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

		body.has-sidebar #content {
		width: 100% !important;
		float: left;
		position:relative;
		z-index: 900;
}



		
		#language_switcher { 
		float: right;
		margin: 1em 1em 2em 0;
		background-color: transparent;
		}
		
		
		form.search {
		float: left;
		margin: -1em 0 0 0;
		}
		
		
	
		#mobile_menu {
        display: block;
        
        position: relative;
        z-index: 999999;
    	}
    	
    	button.navbar-toggle.collapsed {
   	        display: block !important;
	    	float: right;
	    	margin-right: 8px !important;
    	}
    
		#logo_byline {
		display: block !important;
		float: left;
		}
		
		#logo {
		display: block !important;
		float: left !important;
		width: 130px !important;
		margin: -4.4em 0 0 0;
		}
		
		#byline {
		display: none !important;
		}
		
		nav.navbar-default {
			display: block;
			margin:0px;
			width: 100%;
			}
			
		#topnav {
			display: none;
		}	
			
		.navbar-collapse {
			
		margin:0px;
		padding-left: 0px;
		padding-right: 0px;	
		
			
		}
		
		
		.container-fluid > .navbar-collapse {
		margin-right: 0px;
		margin-left: 0px;

		
}


div#header_navigation {
	float: right !important;
	clear: right;
	font-size: 12px;
	margin: 15px 0 0 0 !important;
	padding: 0px !important;
	height: 20px !important;
}




}





@media screen and (max-width: 640px) {
	div#header_navigation {
		float: right !important;
		clear: both;
		width: 100%;
		font-size: 12px;
		margin: 2em 0 0em 0 !important;
		padding: 0px !important;
		height: 20px !important;
	}
}






/* ### Mobile Menu #### */

/* ### Mobile Menu ### */

#mySidenav {
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding: 60px 0 60px 0;
	height: 100vh;
	z-index: 999999999999;
}

#mySidenav a {
	padding: 0px 8px 0px 0px;
	text-decoration: none;
	
	color: #818181;
	display: block;
	transition: 0.3s;
}

#mySidenav a:hover {
	color: #f1f1f1;
}

#mySidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

#mySidenav_blue {
	padding: 0 0 0 20px;
}

#mySidenav_content ul {
	list-style-type: none !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

#mySidenav_content ul.slider_menu_ul {
	list-style-type: none !important;
	
}


#mySidenav_content li.parent_active {
	font-weight: bold;
}



.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: #fff;
border: 1px solid #ccc;
border-radius: .25rem;
}







#mobile_menu div.navbar-collapse {
	background-color: #ffffff;
	margin:0px;
	padding: 0px;
	position: relative;
	z-index: 9999;
	margin-top: 1rem;
	
}

#mobile_menu li a {
	width: 100%;
	text-decoration: none;
	
}

#mobile_menu li a:hover {
	background-color: #C4E0F7;
	color: #000;
}	


#mobile_menu div.navbar-collapse ul {
	list-style-type: none;
	margin:0px;
	padding: 0px;
	width: 100%;
}

#mobile_menu div.navbar-collapse ul li {
	width: 100%;
	line-height: 2rem;
	font-weight: normal;
}	

#mobile_menu li.level-1 {
	background-color: #fff;
	font-weight: normal !important;
	border-bottom: 1px solid #ccc;
	margin: 0 0 1em 0 !important;
	padding: 0 0 0 0 !important;
	list-style: none;
}

#mobile_menu li.level-2 {
	background-color: #fff;
	font-weight: 400 !important;
	border-bottom: 1px solid #ccc !important;
	margin: 0 0 1em 0 !important;
	padding: 0 0 0 0 !important;
	list-style: none;
}

#mobile_menu li.level-2.has_children {
	font-weight: bold;
	color: #ccc;
}


#mobile_menu li.level-1 >.has_children {
	background-color: #ccc;
}



#mobile_menu li.level-3.has_children {
	border-bottom: 0px;
	font-weight: bold;
}


#mobile_menu li.level-3 {
	border-bottom: 1px dotted #666;
}		 


#mobile_menu li.level-1.parent.has_children {
	border-bottom: 0px;
}		








#mobile_menu li ul li  {
	font-weight: normal;
	margin-bottom: 1rem;
	background-color: #fff;
	list-style: inside;
}

#mobile_menu li ul li ul li  {
	border-bottom: 1px dotted #666;
	
}	


#mobile_menu li.current a {
	color: #39383E;
}


#mobile_menu li.last {
	border-bottom: 0px;
}

#mobile_menu li.first {
	border-top: 1px solid #000;
	font-weight: bold;
}	

#mobile_menu .level-5 {
	display: none;
}

#mobile_menu .level-1 a {
	color: #39383E;

}	

#mobile_menu .level-2 a {
	color: #000;
}		


#mobile_menu .level-3 a {
	color: #000;
}

#mobile_menu level-3.has_children {
	font-weight: bold;
	font-size: 110%;
}


#mobile_menu level-3.has_children {
	font-weight: bold;
}

#mobile_menu .level-4 a {
	color: #000;
}



img.logo_mobile_menu {
	width: 240px;
}




h1  {
	font-family: 'DINWeb-Bold', sans-serif;
	
	font-size: 40px;
	font-weight: 800;
}








.navbar-header {
	background-color: transparent;
	float: none;
}
#mobile_menu {
	display: none;
	background-color: #fff;
}

#navigation_top {
	display: block;
}

#logo {
	display: block;
	float: left !important;
	width: 230px;
}



.navbar-toggler-icon {
	display: inline-block;
	width: 2em !important;
	height: 2em !important;
	vertical-align: middle;
	content: "";
	background-color: transparent;
	background-size: 100% 100%;
	margin: -0.5em 0 0 0;
}

div.nav_logo {
	float: left;
	margin: 1em 2em 0 0;
}

img.asp_logo_nav {
	width: 200px;
}



/* #### Ende Mobile Menu #### */


#mobile_menu {
	display: block;
	float: right !important;
	margin: 0em 0em 0 0 !important;
	padding:0px !important;
}

.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.2em 0 0 0;
}


 
 .navbar-toggler-icon {
	width: 1em;
	height: 1em;
	background-color: transparent;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E');
	position: relative; 
	z-index:999;
}

button.navbar-toggler {
border-color: rgba(0,0,0,0.3);
	border-width: 1px;
	border-radius: 5px;
	background-color: transparent;
	width: 3em;
	height: 3em;
	float: right;
	margin-top: 0em;
	margin-right: 1em;

}
}








/*
.navbar.navbar-1 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger6.svg?color=000');
}
.navbar.navbar-2 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger2.svg?color=0D776E');
}
.navbar.navbar-3 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger1.svg?color=6a1b9a');
}
.navbar.navbar-4 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger7.svg?color=BFE100');
}
.navbar.navbar-5 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger5.svg?color=f3e5f5');
}
.navbar.navbar-6 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger8.svg?color=E3005C');
}
.navbar.navbar-7 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger9.svg?color=FF2C00');
}
.navbar.navbar-8 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger4.svg');
}
.navbar.navbar-9 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger3.svg?color=00FBD8');
}
*/


.navbar-light .navbar-toggler {
color: rgba(0,0,0,.5);
border-color: rgba(0,0,0,.1);
}

button.navbar-toggler {
border-color: rgba(0,0,0,1);
border-width: 0px;
border-radius: 0px;
background-color: transparent;
width: 3em;
height: 3em;
float: right;
margin-top: 0em;
margin-right: -0.5em !important;
padding: 0px !important;
}

.breadcrumbs {
font-size: 60%;
width: 100%;
float: left;
clear: both;
padding-top: 1em;
padding-bottom: 0.5em;
border: none !important;
}

span.subnav_text {
	font-size: 70%;
}


div#front_tiles_wrapper {
width : 100% !important ;
margin : 2em auto 0 auto !important ;
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : space-between;
gap : 10px;
}

div.front_tile {
background-color : #ccc;
color : #000;
padding : 25px;
width : 250px;
height : 250px;
border-radius: 50%;
font-weight : 800;
font-size : 25px;
position : relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 2em 0; 
}
div.front_tile h2.kachel_title {
display: inline;
font-size : 40px;
line-height: 2em;
font-weight : 800;
text-transform : uppercase;
background-color: #fff;
padding: 6px 2px 6px 2px;
}
div.front_tile_title {
height : 70px;
margin : 0 0 0.5em 0
}
div.front_tile p {
font-size : 24px;
line-height : 1.5em;
font-weight : 400;
margin: 0 0 1em 0;
}
a.front_tile_link {
text-decoration : none !important ;
}
div.readmore {
display : flex;
justify-content : center;
align-items : center;
width : 100%;
position : absolute;
bottom : 3%;
}
img.readmore_link {
width : 25px;
}
div#socialmedia {
display : block;
margin : 1em 0 1em 0;
float : left;
clear : both;
width : 100%;
position : relative;
z-index : 500000000 !important ;
}
img.instagram {
width : 40px;
}

@media (min-width: 1600px) {
div.front_tile {
width : 300px;
height : 300px;
}
div.front_tile p {
font-size : 21px;
line-height : 1.5em;
font-weight : 400;
}

div#appelle_home {
float: left;
margin: 0em 1em 0em 0em;
width: 80px !important;
}

div.front_tile h2.kachel_title {
font-size : 30px;
font-weight : 800;
text-transform : uppercase;
display: inline;
padding: 6px 2px 6px 2px;

}
}

@media (min-width: 1440px) and (max-width: 1600px) {
div.front_tile {
width : 380px;
height : 380px;
}
div.front_tile p {
font-size : 15px;
line-height : 1.5em;
font-weight : 400;
}

div.front_tile h2.kachel_title {
font-size : 24px;
font-weight : 800;
text-transform : uppercase;
display: inline;
padding: 6px 2px 6px 2px;

}
}
@media (min-width: 1250px) and (max-width: 1440px) {
div.front_tile {
width : 280px;
min-height: 280px;
}
div.front_tile p {
font-size : 15px;
line-height : 1.5em;
font-weight : 400;
}
div.front_tile h2.kachel_title {
font-size : 22px;
font-weight : 800;
text-transform : uppercase;
display: inline;
padding: 6px 2px 6px 2px;

}
div.content_inner {
width : 300px;
margin : 2em 50px 2em 50px !important;
}
}

@media  (min-width: 1100px) and (max-width: 1250px)  {
div.front_tile {
width : 250px;
height : 250px;
}
div.front_tile p {
font-size : 17px;
line-height : 1.5em;
font-weight : 400;
}
div.front_tile h2.kachel_title {
font-size : 20px;
font-weight : 800;
text-transform : uppercase;
display: inline;
padding: 6px 2px 6px 2px;

}

div.front_tile_title {
height: 50px;
}
div.content_inner {
width : 400px;
margin : 2em 50px 2em 50px !important;
}
}
@media (min-width: 900px) and (max-width: 1100px) {
div.front_tile {
width: 240px;
height : 250px;
}
}

@media (min-width: 1200px) {
	div#appelle_home {
		float: right;
		margin: 1em 1em 2em 1em !important;
		width: 150px !important;
	}
}
div.front_tile p {
font-size : 15px;
line-height : 1.5em;
font-weight : 400;
}
div.front_tile h2.kachel_title {
font-size : 20px;
font-weight : 800;
text-transform : uppercase;
display: inline;
text-align: center !important;
padding: 6px 2px 6px 2px;

}
div.front_tile_title {
height: 30px;
text-align: center;
}
div.content_inner {
width : 400px;
margin : 2em 50px 2em 50px !important;
}
}
@media (min-width: 768px) and (max-width: 900px) {
div.front_tile {
width: 230px;
height : 230px;
flex-grow: 1;
}
div.front_tile p {
font-size : 13px;
line-height : 1.5em;
font-weight : 400;
}
div.front_tile h2.kachel_title {
font-size : 17px;
font-weight : 800;
text-transform : uppercase;
padding: 6px 2px 6px 2px;
display: inline;
}
div.front_tile_title {
height: 30px;
}
div.content_inner {
width : 400px;
margin : 2em 30px 2em 50px !important;
}
}
@media (max-width: 768px) {
div#front_tiles_wrapper {
display : block;
padding: 0 auto 0 auto;
}
div.front_tile {
display: flex;
justify-content: space-around;
width : 300px;
height : 300px;
clear : both;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
}
div.spuren_verwischen {
float : left;
margin : 0 0 0 0;
padding : 0em 0.5em 0.5em 0em;
background-color : #fff;
width: 50px;
font-size : 11px;

}
#servicelinks {
float : left;
margin : 2em 0 0 0;
font-size : 15px;
width : 100% !important ;
}
div.content_inner {
width : 350px;
margin : 2em 30px 2em 30px !important;
}

}

#header_navigation li a:hover {
color: red;
}




/* ### Mobile Menu ### */

#mySidenav {
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding: 0px 0 60px 0;
	height: 100vh;
	z-index: 999999999999;
}

#mySidenav a {
	padding: 0px 8px 0px 0px;
	text-decoration: none;
	
	color: #818181;
	display: block;
	transition: 0.3s;
}

#mySidenav a:hover {
	color: #f1f1f1;
}

#mySidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

#mySidenav_content ul {
	list-style-type: none !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

#mySidenav_content ul.slider_menu_ul {
	list-style-type: none !important;
	
}


#mySidenav_content li.parent_active {
	font-weight: bold;
}



.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: #fff;
border: 1px solid #ccc;
border-radius: .25rem;
}







#mobile_menu div.navbar-collapse {
	background-color: #ffffff;
	margin:0px;
	padding: 0px;
	position: relative;
	z-index: 9999;
	margin-top: 1rem;
	
}

#mobile_menu li a {
	width: 100%;
	text-decoration: none;
	
}

#mobile_menu li a:hover {
	background-color: #C4E0F7;
	color: #000;
}	


#mobile_menu div.navbar-collapse ul {
	list-style-type: none;
	margin:0px;
	padding: 0px;
	width: 100%;
}

#mobile_menu div.navbar-collapse ul li {
	width: 100%;
	line-height: 2rem;
	font-weight: normal;
}	

#mobile_menu li.level-1 {
	background-color: #fff;
	font-weight: normal !important;
	border-bottom: 1px solid #ccc;
	margin: 0 0 1em 0 !important;
	padding: 0 0 0 0 !important;
	list-style: none;
}

#mobile_menu li.level-2 {
	background-color: #fff;
	font-weight: 400 !important;
	border-bottom: 1px solid #ccc !important;
	margin: 0 0 0.5em 0 !important;
	padding: 0 0 0 0 !important;
	list-style: none;
	font-size: 20px !important;
	line-height: 1.4em;
}

#mobile_menu li.level-2.has_children {
	font-weight: bold;
	color: #ccc;
}


#mobile_menu li.level-1 >.has_children {
	background-color: #ccc;
}



#mobile_menu li.level-3.has_children {
	border-bottom: 0px;
	font-weight: bold;
}

#mobile_menu li.level-2 ul {
	list-style: none !important;
}

#mobile_menu li.level-2 ul li  {
	list-style-type: "– ";

}


#mobile_menu li.level-3 {
	border-bottom: 0px dotted #666;
}		 


#mobile_menu li.level-1.parent.has_children {
	border-bottom: 0px;
}		








#mobile_menu li ul li  {
	font-weight: normal;
	margin-bottom: 1rem;
	background-color: #fff;
	list-style: inside;
}

#mobile_menu li ul li ul li  {
	border-bottom: 1px dotted #666;
	
}	


#mobile_menu li.current a {
	color: #39383E;
}


#mobile_menu li.last {
	border-bottom: 0px;
}

#mobile_menu li.first {
	border-top: 1px solid #000;
	font-weight: bold;
}	

#mobile_menu .level-5 {
	display: none;
}

#mobile_menu .level-1 a {
	color: #39383E;

}	

#mobile_menu .level-2 a {
	color: #000;
	border-bottom: 1px dotted #ccc;

}		


#mobile_menu .level-3 a {
	color: #000;
}

#mobile_menu level-3.has_children {
	font-weight: bold;
	font-size: 110%;
}


#mobile_menu level-3.has_children {
	font-weight: bold;
}

#mobile_menu .level-4 a {
	color: #000;
}



img.logo_mobile_menu {
	width: 240px;
}




h1  {	
	font-size: 40px;
	line-height: 1.3em;
	margin:0.25em 0 0.5em 0;
	clear: both;
}








.navbar-header {
	background-color: transparent;
	float: none;
}
#mobile_menu {
	display: none;
	background-color: #fff;
}

#navigation_top {
	display: block;
}

#logo {
	display: block;
	float: left !important;
}

#byline {
	display: block;
}	

.navbar-toggler-icon {
	display: inline-block;
	width: 2em !important;
	height: 2em !important;
	vertical-align: middle;
	content: "";
	background-color: transparent;
	background-size: 100% 100%;
}





/* #### Ende Mobile Menu #### */


#mobile_menu {
	display: block;
	float: right !important;
	margin: 3em 1em 0 0;
}


p.appelle_text {
	font-weight: 800;
	font-size: 15px;
	width: 100%;
}

p.appelle_text {
	display: none;
}




div.navigation_wrapper {
	clear: both;
	float: left;
	width: 94%;
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	justify-content : space-between;
	gap : 40px;
	margin: 0 2% 3% 2% !important;
	

}

@media (max-width: 1048px) {
	div.navigation_wrapper {
		clear: both;
		float: left;
		width: 94%;
		display : flex;
		flex-direction : row;
		flex-wrap : wrap;
		justify-content : space-between;
		gap : 40px;
		margin: 0 2% 3% 0% !important;
	
		}
		
div.navigation_col_1, div.navigation_col_2, div.navigation_col_3, div.navigation_col_4	{
	width: 100% !important;
}	

div.navigation_col_2 {
width: 300px;
float: left;
padding-left: 0em;
margin: 0 0 0 0 !important;
}

div.navigation_col_3 {
width: 300px;
float: left;
padding-left: 0em;
margin: 0 0 0 0 !important;
}

div.navigation_col_3 h1 {
	margin-top: 0em;
}

div.navigation_col_4 {
width: 300px;
float: left;
padding-left: 0em;
margin: 0 0 0 0 !important;
}

div.navigation_col_4 h1 {
	margin-top: 1em;
}


}


div.mobile_login {
	float: right;
	width: 100px;
	background-color: transparent;
	margin-bottom:0px !important;
	padding-top: 0px;
	margin: 0.5em 0 0 1.5%;	
	font-size: 50px !important;
	
}




div.mobile_login p {
	margin-bottom: 0px;
	color: #fff;
	font-size: 10px !important;
}


div.mobile_login a:link, div.mobile_login a:visited {
	color: #666 !important;
}

div.navigation_ {
	margin: 1.5em 0 0em 0;
}

p.nav_edit_link {
	margin: 1em 0 0 0;
	font-weigth: 800 !important;
}

div.mobile_edit {
	float: right;
	background-color: rgba(229, 229, 229, 1);
	margin: 1em 0 0 0 !important;
	width: 300px;
	padding-left: 1em;
	margin-right: 2%;
	
}

h1.margin_top_1em {
	margin-top: 1em !important;
}

div.mobile_edit p {
	margin-bottom: 0px;
	color: #fff
}


div.mobile_edit a:link, div.mobile_login a:visited {
	color: #fff;
}

.sgg_logo_nav {
	margin: 0 1em 0 1em;
	width: 300px !important;
}

h1.links_nav_sgg {
font-size: 20px;
color: #E30613 !important;
border-bottom: 2px solid #000 !important;
padding-bottom: 0em;
margin: 0em 0 0 0;
}

li. {
font-size: 20px;
color: #E30613 !important;
border-bottom: 2px solid #000 !important;
padding-bottom: 0em;
margin: 2em 0 2em 0;
}



div.navigation_col_1 {
width: 240px;
	float: left;
	padding-left: 0em;
	margin: 2em 0 0 0;
}


div.navigation_col_2 {
width: 240px;
float: left;
padding-left: 0em;
margin: 2em 0 0 0;

}

div.navigation_col_3 {
width: 240px;

float: left;
padding-left: 0em;
margin: 2em 0 0 0;

}

div.navigation_col_4 {
width: 240px;
float: left;
padding-left: 0em;
margin: 2em 0 0 0;

}

ul.navbar-nav-home {
	border: none;
	margin-bottom: 1em;
	
}

.mySidenav_content ul  {
	margin-top: 0.2em !important;
}

h1.first-home  {
	border: none !important;
	margin: 0 0 1em 0;
	background-color: #11866C;
	color: #fff !important;
	font-size: 110%;
	font-weigth: 800;
	padding: 3px 3px 3px 5px;
}

h1.first-home  a {
	color: #fff !important;
}


li.first-home-title {
	border: none !important;
	width: 100%;
	color: #E30613 !important;
	font-size: 20px;
	border-bottom: 2px solid #000 !important;
	padding-bottom: 0.5em;
	margin: 0 0 0 0;
}


h1.links_nav_sgg {
	margin: 0 0 0.5em 0;
}








div.navigation_box {
	border: 3px dotted #11866C;
	padding: 10px;
	margin: 0em 0 1em 0;
}

div.box_psy_finder {
	background-color: #fff;
	border-radius: 6px;
}

div.box__finder a:link {
	color:#11866C !important;
}

div.box__finder a:hover {
	color: #000 !important;
}

div.navigation_home h1 {
	margin: 0 0 0 0 !important;
}

ul.margin-top {
	margin-top: 2em !important;
}

div.navigation_col_1 li.level-1.first-home-title {
	background-color: #fff;
	color: #000 !important;
	border-bottom: 2px solid #000 !important;

}

h1.links_nav_asp {
	font-size: 30px;
}



div.navigation_home {
	float: left;
	margin: 1.3em 0 0 0 !important;
	
}
div.navigation_home a:hover {
	color: #000 !important;
}

p.links_nav_asp_p {
	font-size: 21px;
	font-weight: bold;
}


#page_submenu_top {
	display: none;
}


img.submenu_top_button {
	width: 5px;
	margin: 0.6em 0.2em 1em 0;
}

div.closebtn_submenutop {
  position: absolute;
  z-index: 50000000000050 !important;
  top: 20px !important;
  right: 0px;
  font-size: 30px;
  cursor: pointer;
  color: #11866C;
}

#page_submenu_top li.li_children {
	width: 100%;
	clear: both;
	margin: 0 0 0.3em 0;
	font-size: 20px !important;
}



h3.h3_unterseiten_menu a {
	text-decoration: none;
	color: #11866C;
}

img.submenu_top_button a {
	text-decoration: none;
}

div.navigation_col_2 li.level-1.first-home-title {
	background-color: #fff;
	color: #000 !important;
	border-bottom: 2px solid #000 !important;

	font-size: 26px !important;
	padding-left: 0px;
}

div.navigation_col_3 li.level-1.first-home-title {
	background-color: #fff;
	color: #000 !important;
	border-bottom: 2px solid #000 !important;
	font-size: 26px !important;
	padding-left: 0px;
	
}

ul.nav.navbar-nav {
	margin: 0;
	padding: 0 !important;
}


div.navigation_col_1 > ul li {

	
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	
}


div.navigation_col_1 ul li a:link, div.navigation_col_2 ul li a:visited
 {
color: #000 !important;

}
	
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
float: right;
margin-right: 1em;
margin-top: 0.5em;
}
.arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
	
	
.nav a {
font-weight: 400;
}	

ul.nav {
background-color: #fff;
width: 100% !important;
}

li.level-2 {
	font-size: 20px !important;
	line-height: 1.4em !important;
}


li.level-2 > ul {

}

li.level-3 {
	list-style: none;

}

span.datenschutzerklaerung {
	float: right;
}

p.copyright {
	font-size: 60%;
}

h1.kontakt_h1 {
	
}


div.adresse {
	margin-top: 1em;
	margin-bottom: 1rem;
	border-radius: 6px;
	padding: 10px;
	border: 3px dotted #11866C;
}



.page-protector-container  {
	margin-bottom: 10em !important;
}


#sidebar_left .first {
color: red !important;
}

#content ul.ul_subpage_menu {
	list-style-type: none !important;
	margin-left: 0px !important;
	padding-left: 0px !important;
	clear: both;
	background-color: #fff;
	padding: 3px;

	}
	
.ul_subpage_menu a {
	color: #11866C !important;
}

li.li_subpage {
	list-style-type: none !important;
	margin: 0.25em 0 0.5em 0 !important;
	padding: 0px !important;
	font-size: 20px;
}

li.li_subpage:before {
	content: '•';
	color: #11866C;
	font-size: 110%;
	margin-top: 0.2em;
}








@media (min-width: 1400px)  {


div#header_navigation {
float: right !important;
clear: right;
margin: 20px 0 0 0 !important;
padding: 0px !important;
height: 20px !important;
}


	#byline {
	margin: 15px 0 0 0;
}

#byline p {
font-size: 10px !important;
line-height: 1.4em;
}

}

#footer {
clear: both;
border-top: 1px solid #eee;
font-size: 80%;
padding-top: 0.3em;
margin-top: 1em;
}


h2 {
	font-size: 21px;
	font-weight: bold;

}

h3 {
	font-size: 21px;
	font-weight: bold;
	border-top: 0;
	color: #777;
	padding-top: 0px;
}

h4 {
font-size: 19px;
font-weight: normal;
border-bottom: 1px dotted #000;
color: #11866C;
margin-top: 0;
margin-bottom: 1rem;
line-height: 1.2;
padding-top: 1em;
}

h5 {
	font-size: 19px;
	color: #11866C;
	font-weight: normal;
}

h5 a:link   {
	color: #11866C !important;
	text-decoration: underline;
}

h5 a:visited   {
	color: #11866C !important;
	text-decoration: underline;
}

h6 {
	font-size: 17px;
	font-weight: normal;
}



address {
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #000;
color: #11866C;
margin-top: 0;
margin-bottom: 1rem;
padding-bottom: 2px;
line-height: 1.2;
padding-top: 1em;
}

pre {
font-family: "Open Sans", sans-serif;
font-weight: 700 !important;
font-size: 19px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 23px;
border-left: 4px solid #11866C !important;
background: #d4f4ed;
border: 1px solid #11866C;
}


strong {
	font-weight: 700 !important;

}




label {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
	margin-top: 1rem;
	color: #6F6F6F;
	font-weight: bold;
}


#mobile_menu {
	display: none;
}