/* FONTS EINBINDEN */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');

/* ENDE FONTS EINBINDEN */


body {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 25px;
	line-height: 1.5em;
	font-weight: 200;
	width: 100% !important;
	margin: 0 auto 0 auto !important;
	background-color: transparent;

}

.hidden {
	font:size: 1px;
	color: #ffff;
}

div.content_front {
	position: absolute;
	top: 120vh;
	margin: 0em 15% 0 15%;
	padding: 2em 0 0 2em;
	text-align: left;
	color: #000;
	font-family: Helvetica Neue, sans-serif;
	padding: 20px;
	z-index: 99999;
}

div.content_front h3 {
	font-size: 25px;
	font-weight: 600;
}

#phone_mail_top {
	position: absolute;
	top: 0
	right: 0;
	width: 100px;
	height: 20px;
	background-color: #ccc;
}


img.search_img {
	width: 20px;
	float: left !important;
	margin: .3em 2em 0 0em !important;
	display: block;
}



#video_background {
	position: absolute;
	top: 120px;
	right: 0px;
	z-index: -1000;
}

#video_background img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;

}
#video_pattern {
	position: fixed;
	opacity: 0.5;
	left: 0px;
	top: 120px;
	width: 100%;
	height: 100vh;
	z-index: -1;
	background-color: #000;
	opacity: 0.2;
}	
	
#home_title {
	position: absolute;
	top: 50vh;
	left: 10vw;
}	

#home_title h1 {
	color: #fff;
	font-size: 40px;
}

span.regular {
	font-weight: 400;
}

h1 {
	font-weight: 200;
	color: #343E02;
}

h3 {
	border-top: 0px !important;
}

h3.team {
	font-size: 1.3em;
	margin: 0 0 1em 0;
	color: #343E02;
}

div#welcome {
		position: absolute !important;
		bottom: 20vh !important;
		width: 100%;
		left: 0%;
		padding: 5% 5% 2% 5%;
		z-index: 100000; 
	} 


	
	h1.welcome_title {
		font-size: 3rem;
		color: #fff;
		text-shadow: 1px 1px 2px black; 
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
.arrow {
  box-sizing: border-box;
  height: 5vw;
  width: 5vw;
  border-style: solid;
  border-color: #fff;
  border-width: 0px 6px 6px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  position: absolute;
  top: 17vh;
  left: 50vw;
  margin-left: auto;
  margin-right: auto;
}

.scroll-down {
  width: 60px;
  height: 60px;
  position: fixed; /* statt absolute */
  bottom: 20px; /* oder 2vh, je nach Geschmack */
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;

  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  font-size: 2rem;
  color: white;
  cursor: pointer;
  animation: bounce 2s infinite;
}

.scroll-down::after {
  content: '↓';
  display: inline-block;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
	transform: translateY(0);
  }
  40% {
	transform: translateY(-10px);
  }
  60% {
	transform: translateY(-5px);
  }
}

	
body a {
	color:#014d55;
	text-decoration: underline;
	border: 0px !important;
}

body a:hover {
	color: #229dab;
}
	
#header {
	height: 100px;
	background-color: #fff;
	width: 100vw;
	position: absolute;
	top: 20px;
	left: 0px;
	float: left;
	clear: both;
	z-index: 99999;

}	

#main {
	margin: 4em 2% 0 2%;
	padding: 3em 3em 0 3em;
	border-top: none !important;
	position: relative;
	z-index: 50055;
	float: left;
	width: 100%;
	
}



#content ul  {
	list-style-type: none;
	list-style-position: outside;	
	margin-left:0x;
	padding-left: 0px;
}

#content li:before  {
  content: "– ";
  margin-right: 0px;	
}

#content li  {
  text-indent: 15px hanging !important;
}


p.jahreszahl {
	margin-bottom: 0;
}

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;
	vertical-align: top;
}

table.uebermich td {
	border-bottom: 1px dotted #728903;
	width: 50% !important;
}


div#museum_search_header {
	float: left;
	margin-bottom: 1rem;
	width: 75%;
}

div#acess_liste_ausgabe {
	margin-top: 1em;
	clear:both;
}

form#search_museum_form {

}

form#search_museum_form input {
	float: left;
	width: 100%;
}


div#select_regionen {
	width: 20%;
	float: right;
	}

p.region_auswahltext {
	float: left;
	margin-right: 1rem;
	font-size: 70%;
	margin:0px;
	padding:0px;
	}
	
	

div.musem_searchform {
	clear: both; 
}

div.musem_searchform input {
		width: 100%;

}





		img.search_icon {
			width: 20px;
			height: 20px;
			float:left; 
			margin: 0 10px 9px 0px;
			
				}






div.hauptbild_mini  {
  display: inline-block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: left;
	margin-right: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}



div.hauptbild_mini img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


div.eventbild_mini {
  display: inline-block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: left;
	margin-right: 1rem;
	margin-top: 0.3rem;
	margin-bottom: 1rem;
	}


div.eventbild_mini img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


img.mg_hauptbild {
	margin: 1em 0 2em 0;
}

h3.museumsgeschichten_uebertitel {
	font-size: 18px;
	font-weight: bold;
	border: none !important;
	color: #D70016;
	float: left;
}

p.museumsgeschichte_museum a {
	color: #D70016;
	font-weight: bold;
	font-size: 0.8em;
}

p.museumsgeschichte_museum a:hover {
	color: #000;
	font-weight: bold;
	font-size: 0.8em;
}

img.museumsgeschichten_icon {
	width: 50px;
	margin: 0 0 0 0.25em;
}

div.rundbrief_mini  {
  display: inline-block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: left;
	margin-right: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
div.rundbrief_mini img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}


div.museum_liste {
	float: left; 
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}

div.museum_liste a:link {
	color: #D70016;
	}
	

p.museen_liste_p {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 1rem;
	margin-bottom: 0.3rem;
}

p.museum_liste_beschreibung {
	font-size: 15px;
	line-height: 1.6em;
}

span.mager_schwarz {
	color: #000;
	font-weight: 400;
}


div.museen_aktuelles h4 {
	font-size: 20px !important;
}




div.attachment {
	border: 1px dotted #666;
	border-radius: 5px;
	padding: 5px;
}


#content > div.attachment ul   {
	list-style-type: none !important;
	margin-left: 0px;
	padding-left: 0px;
}






div.event a:link, div.event a:visited {

	color: #D70016 !important;
}

div.event a:, div.event a:hover {

	color: #000 !important;
	border-bottom:  2px solid 
}

div.event i {
	float: right;
	margin-bottom: 2rem;
	margin-left: 1rem;
}


#banner {
	width: 100%;
	margin: 0px 0% 1rem 0%;
	padding: 0px;
	overflow: hidden !important;
}

#werbebanner {
	width: 50% !important;
}







@media (max-width: 768px) {
	
	body {
		
		font-family: 'Helvetica Neue', sans-serif;
		font-size: 20px;
		line-height: 1.5em;
		padding-top: 0px;
		margin: 0;
		font-weight: 200;
		padding: 0%;
		width: 98% !important;
		margin: 0 auto 0 auto !important;
		background-color: transparent;
	
	}
	
	div.content_front {
		position: absolute;
		top: 103vh;
		margin: 0em auto 0 auto;
		padding: 1em 1em 1em 1em;
		width: 90%;
		text-align: left;
		color: #000;
		font-family: Helvetica Neue, sans-serif;
	}
	
	
	#logo {
		width: 150px;
	}
	
	#phone_mail {
		width: 70px !important;
		margin: 0 0 1em 0;
	}
	
	#header {
		top: 20px;
		background-color: transparent;
	}
	
	

	
}

li.edit a { 
	background-color: #ff21b5;
	border-radius: 0.23rem;
	color: #fff !important;
	border-bottom: 0px !important;
}


span.grau {
	color: #8C8D89;
}


div#suchresultate_museen ul.nav li {
	float: none;
	clear: right;
	width:100%;
}

p.suchresultat {
	font-weight: bold;
}

p.event_museum {
	font-size: 1rem;
}


h4.event_museum_titel {
	font-size: 1em;
	margin-bottom: 0.2rem;
}

div.event_museumshinweis {
	margin-top: 2rem;
	color: #CA0013;
}

h4.museum_event_liste {
	font-size: 20px;
	font-weight: bold;
}





div.search {
	float: right;
	padding: 0px 0px 0px 0px;
	margin-right: 2%;
	width: 32%;
}


#agenda {
float: right;
padding: 0px 0px 0px 0px;
margin-right: 2%;
width: 32%;
}


#footer {
	clear: both; 
	float: left;
	width: 98%;
	margin: 10px 2% 3em 0;
	font-size: 70%; 
	position: relative;
	z-index: 99999;

}


#footer_content_main a {
	text-decoration: underline;
	}

#footer p {
	margin-left: 0px;
	}


h4.museum_titel_ort {
	margin-bottom: 1rem;
}

a.map:link, a.map:visited {
	
	color: #CB0013;
}

a.map:hover, a.map:active {
	
	color: #000;
}



a.map_border_left {
	
	color: #CB0013;
	margin-left: 0.5rem;
}


a.map_border_left:hover, a.map_border_left:active {
	
	color: #000;
}




@media (min-width:1024px) {
    .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
    }

    .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
    }



	#topnav {
	margin: 0 1% 0 1%;
	width: 98%;
	float: left; 	
	clear: both;

}

}




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

}







.nav-link.active {
	background-color: #EBA832 !important;
	border: 0px !important;
}

.nav-link {
	padding: .2rem 0.5rem;
	margin-right: 10px !important;
}




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

.navbar-form {
    border: none
}

#logo {
	margin: 0.3em 0 0 2%;
}



img.logo_iwanraschle {
	width: 260px !important;
	float: left;
	display: block;
}






#byline {
	display: block;
	float: left;
	margin-left: 0px;
	margin: 1.5em 1em 0 0em;
	clear: right;
	width: 300px;
	font-weight: bold;
}

@media (max-width: 768px) {

#byline {
	display: none;
}


#byline img {
	max-width: 150px;
}


@media screen\0 {
    #byline {
	float: left;
	margin-left: 0px;
	margin-top: 50px;
	clear: right;
}

}



#byline p {
		font-size: 80%;
		line-height: 1.5em;
	
}


@media (max-width: 768px) {
	#language_switcher {
	width: 70px;
	margin: -1.4em 0em -0.8em -1.2em !important;
	float: left !important;
	height: 20px !important;
	}
	
	img.search_img {
	width: 20px;
	float: left !important;
	margin: .3em 2em 0 -1em !important;
	}
	
	
	
	
}








	





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



span.datenschutzerklaerung  {
	font-weight: 700;
	margin: 0 0 0 2em;
	float: right;
}


h1 {
	line-height: 1.23em;
	margin: 0 0 0.7em 0;
}

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

#navigationsbox_main {
	float: left;
	width: 70%;
	padding-bottom: 3em;
	margin-bottom: 30px;
	}
	
#navigationsbox_main a {
	text-decoration: underline;
}	
	
	
#navigationsbox_one, #navigationsbox_two, #navigationsbox_three {
	width: 23%;
	height: 80px;
	margin-right: 2%; 
	border: 1px #ccc solid;
	border-radius: 8px;
	float: left;
	padding: 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  */

/* Stile Museumsseiten  */

div.angebot {
	padding: 8px;
	border-radius: 8px;
	border: 1px dotted #666;
	margin-bottom: 1em;
}

div.angebot h3 {
	font-size: 22px;
	border: 0px;
	
	
	
	
	
}


div.angebot h4 {
	font-size: 1em !important;
	font-weight: bold !important;
}



div.adressblock {
	border: 0px dotted #666;
	background-color: #d4eef6;
	padding: 8px;
	border-radius: 8px;
	margin-bottom: 1em;
}



div.adressblock h4 {
	font-size: 1em !important;
	font-weight: bold !important;
	border: none;

}



div.museen_oeffnungszeiten {
	padding: 8px;
	border-radius: 8px;
	background-color:rgba(233, 231, 199, 1);
}





div.museen_oeffnungszeiten h4 {
	font-size: 1em !important;
	font-weight: bold !important;
}


div.museen_aktuelles {
	margin-top: 0em;
	padding: 8px;
	border-radius: 8px;
}

div.museum_events {
	margin-top: 1em;
	padding: 8px;
	border-radius: 8px;
}



div.museen_aktuelles h4 {
	font-size: 2em !important;
	font-weight: bold !important;
}









#content {
	padding-bottom: 1em;
	width: 95% !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;
}














body.has_sidebar #content {
	width: 62%;
	float: left;
}

body.has_sidebar #sidebar {
	width: 20%;
	float: right;
	padding: 0px 0px 0px 0px;
	margin-right: 2%;
}


body.has_sidebar_left #content {
	width: 70% !important;
	float: left;
}

body.has_sidebar_left #sidebar_left {
	width: 21%;
	float: left;
	padding: 0px 0px 0px 0px;
}




body.has_sidebar_both div.search  {
	width: 18%;
	float: right;
	padding: 0px 0px 0px 0px;
}



body.has_sidebar_both #sidebar_left  {
width: 15%;

}

body.has_sidebar_both #content {
	width: 57% !important;
	float: left;

}

body.has_sidebar_both #agenda {
	width: 20% !important;
	float: right;

}





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

#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;
	border-bottom: 1px dotted #ccc;
}


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

#sidebar_left a.level-2.on_parent {
	font-weight: bold;
	color: #D70016;
	border-bottom: 0px solid #D70016 !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: #D70016 !important;
}

#agenda {

}

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


/* Ausgabeformate Events */

div.event {
	border-bottom: 1px dotted #D70016;
	padding-bottom: 0.5rem;
	margin-bottom: 5px;
	min-height: 120px;
}

div.event p {
	margin:0 2rem 0 0;
	
}

div.event p.icon {
	margin:0 0 0 0;
	
}
div.event a {
	text-decoration: none !important;
	border:none;
}

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

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


.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;
}

div.event h3 {
	font-size: 16px;
}


h3.event_h3 {
	font-weight: bold;
	font-size: 16px;
	color: #D70016;
	margin: 0 0 0 0;
	border-bottom: 0px dotted #D70016
}


div.event i.far {
	margin-top: -1.35rem;
}

/* Ende Ausgabeformate Events */

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

#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: #D70016;
	font-size: 1.4em;
	font-weight: bold;
}







div.museum_spalte1 {
	float: left !important;
width: 700px;	
}

div.museum_spalte2 {
	float: left !important;
	width: 21.5%;
	margin-left: 2em;
}

div.museum_spalte3 {
	float: left !important;
	margin-left: 2em;
	width: 21.5%;
	margin-right: 0px !important;
}









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

footer h2 {
	font-weight: bold;
	font-size: 20px;
}


.customHr {
    width: 10%;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    line-height: 3px;
    background-color: grey;
    margin-top: -6px;
    margin-bottom: 10px;
}




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

}


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

#footer_content_one, #footer_content_two, #footer_content_three, #footer_content_four {
	padding: 5px;
	width: 20%;
	margin-right: 2%;
	margin-left: 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;
	
}





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


table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    padding: 8px !important;
	vertical-align: top;

}

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

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

}

.odd {
		background-color: #FFFBF8;

}

.even {
		background-color: #F5FAFF;

}

table.members td {

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


td.w20p {
}


td.w5p {
}





.MarkupPagerNav {
        clear: both;
        margin: 1em 0;
		font-family: 'Open Sans', 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: right;
	margin-rigth: 10rem;
}

#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%;
	clear: both; 
	border-bottom: 5rem;
	}
	



img.nav_home {
	width: 20px;
	margin: -0.3em 0 0 0;
}



#navigation2 {
	margin: -0.75em 3em 2em 2% !important;
	position: absolute !important;
	top: 2em !important;
	right: 2em;
	z-index: 50000 !important;
	
	
	
}







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: 200px;
}



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

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


#footer_content_main  {
	color: #666 !important;
}


#sidebar_left a {
color: #D70016 !important;
}




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

		#banner, #main, #agenda {
		width: 85% !important;
		margin-left: auto;
		margin-right: auto;
		padding: 0 3% 0 3%;
}
		
		form.search {
		clear: both;
		float: left;
		}
		

		
		form.search input {
			font-size: 70% !important;
		}
	
		#mobile_menu {
        display: block;
        width: 100%;
    	}
    	
    	button.navbar-toggle.collapsed {
	    	float: right;
	    	margin-right: 8px !important;
    	}
    	
    	
div.breadcrumbs {
		font-size: 80%;
		width: 100%;
		float: left;
		clear: both;
		padding: 0.5em 0 2em 0;
		}



    
		#logo_byline {
			display: block !important;
			
		}
		
		#logo {
			display: block !important;
				width: 200px !important;
				float: left;
			}
		}
		
		#byline {
		}
		
		nav.navbar-default {
			display: block;
			margin:0px;
			width: 100%;
			}
			
		.navbar-collapse {
			
		margin:0px;
		padding-left: 0px;
		padding-right: 0px;	
		
			
		}
		
		
		.container-fluid > .navbar-collapse {
		margin-right: 0px;
		margin-left: 0px;
}
		
		

form.search {
	width: 100%;
	margin-top: 2rem;
}

form.search input {
		float: left;
	width: 70%;
	overflow: visible !important;
}

form.search img {
	margin-top: 0px;
}	



}


@media screen and (min-width:1024px) {
	
			nav.navbar-default {
			display: none;
			}
			
			#topnav {
			display: block;
			}
			
			#byline {
				display: block;
				margin: 1.5em 0 0 0.7em;
			}
			
			#content {
				margin: 0em 0 0 0;
			}
			
}			




img.align_right {
	position: relative;
	z-index: 5000000;
	background-color: #fff;
	mix-blend-mode: hue;

}





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


.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=fff');
}
.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?color=1729B0');
}
.navbar.navbar-9 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger3.svg?color=00FBD8');
}


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

ul.nav li {
	width: 100% !important;
	border-bottom: 3px solid #fff !important;
}

ul.nav li a:link, ul.nav li a:visited {
	width: 100%;
}

ul.nav li a:hover {
	background-color: #ccc;
}



.museum_spalte1, .museum_spalte2, .museum_spalte3 {
	width: 100% !important;
	margin-left: 0px !important;
	
	
}

body.has_sidebar #content {
	width: 98%;
}





}


/* #################################################################### */

	
	



/* #################################################################### */






/* #################################################################### */

label {
	font-weight: bold;
	margin: 2em 0 0 0;
}

label.InputfieldHeader_first {
	margin: 0.25em 0 0 0;
	
}

#LoginRegister {
	margin: 3em 0 3em 0;
	border: 1px dotted #ccc;
	border-radius: 8px;
	padding: 8px;
}

#LoginRegister input {
	background-color: #DCF3F6;
width: 100%;
}


#LoginRegister select {
width: 100%;
}

select input#sprache {
width: 100%;
}

select#pool_arbeitsbereiche {
	height: 280px;
}

div#benutzername span.small {
	margin-bottom: 5em !important;
}

input.LoginRegisterName {
	margin-top: 1em !important;
width: 100%;
}

textarea#pool_referenzen {
	width: 100%;
}

textarea#pool_bemerkungen {
	width: 100%;
}





div#benutzername {
width: 100%;
}


.meldung {
	font-weight: 800;
	
}

div.user_row {
	width: 100%;
	clear: both;
	border-bottom: 1px dotted #ccc !important;
	font-size: 13px;
}

div.name {
	float: left;
	margin: 0 1em 0 0;
	width: 250px;
}

div.ort {
		float: left;
		margin: 0 1em 0 0;
		width: 150px;
	}


div.arbeitsbereiche {
	float: left;
	margin: 0 1em 0 0;
	width: 400px
}


div.website {
	float: left;
	margin: 0 1em 0 0;
	width: 100px;
}


p.hinweis {
	margin: 2em 0 0 0;
	color: #ff6b00;
	font-size: 0.7em;
}




p.pool_label {
	font-size: 0.8em;
	font-weight: normal;
	color: #ff6b00;
	margin: 0 0 0 0 !important;
	
}

p.pool_field {
	margin: 0em 0 0 0;
}
div.pool_data {
	color: #000 !important;
}

div.pool_data p {
	margin: 0 0 0 0 !important;
}


#filter {
	font-size: 0.7em;
	border-bottom: 1px dotted #ccc;
}

a.filter_item {
	margin: 0 2em 0 0;
}

button.copy_button {
font-size: 13px;
background-color: #E10277;
color: #fff;
border-radius: 6px;
margin: -1em 0 2em 0 !important;
width: 300px;
}

#sharetext_1, 
#sharetext_2,
#sharetext_3,
#sharetext_4,
#sharetext_5,
#sharetext_6,
#sharetext_7,
#sharetext_8,
#sharetext_9,
#sharetext_10,
#sharetext_11,
#sharetext_12,
#sharetext_13,
#sharetext_14,
#sharetext_15,
#sharetext_16 {
  display: block;
}


div.sharetext p {
  font-size: 0.9em;
  margin: 0 0 1.5em 0;
}

h3.h3_sharetext {
  font-size: 1.1em;
}

.fa-copy {
  margin: 0 5px 0 0;
}

i.fa-filter {
	margin: 0 1em 0 0;
}


h3 {
	font-weight: 700;
}





div#front_tiles_wrapper	{
	
	width: 100% !important;
	margin: 1em 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: #fff;
	padding: 20px;
	flex-grow: 0 !important; /* default 0 */
	width: 260px;
	height:150px;
	font-weight: 800;
	font-size: 1.1em;
	border-radius: 12px;
	}
	
	
@media (max-width: 1600px) {
	
	div#front_tiles_wrapper	{
		
		width: 100% !important;
		margin: 1em auto 0 auto !important;
		display: block;
		}
		
		
	
	div.front_tile	{
	
	width: 100%;
	margin-bottom: 1em;
	
	}	
	}
	
	div#front_tiles_wrapper a:link {
		width: 260px;
		color: #000 !important;
	}
	
	div#front_tiles_wrapper a:visited {
		color: #000 !important;
	}
	
	
	div.front_tile ul {
		margin: 0.5em 0 0 0;
		padding: 0;
		list-style-position: inside;
	}
	
	div.front_tile ul li {
	
	}
	
	
	div.front_tile a {
		color: #000 !important;
		text-decoration: underline;
	}
	
	div.front_tile a.visited {
		color: #000 !important;
		text-decoration: underline;
	}
	

div.tile_1	{
background-color: #ffad00;
color: #fff;
}

div.tile_1:hover	{
background-color: #e59b00;
color: #fff;

}


div.tile_2	{
background-color: #04babe;
color: #fff;

}

div.tile_2:hover	{
background-color: #039c9e !important;
color: #fff;

}

div.tile_3	{
background-color: #f30a0a;
color: #fff;

}

div.tile_3:hover	{
background-color: #ba0000;
color: #fff;

}

div.#tile_2_wrapper {
	
}

div.tile_sub {
	margin: 0.25em 0 0 0;
	font-weight: normal;
	padding: 8px 8px 8px 0px;
	background-color: transparent;
	position: relative;
	z-index: 9999;
	
}

div.tile_sub:hover {
	margin: 0.25em 0 0 0;
	padding: 8px 8px 8px 0px;
	background-color:  #bfe284;
	
}


div.tile_4	{
background-color: #a0009d;
color: #fff;

}

div.tile_4:hover {
background-color: #8a0088;
color: #fff;
}


div.tile_4:hover	{
background-color: #4a0049;
color: #fff;

}
	
div.tile_5	{
background-color: #020899;
color: #fff;

}

div.tile_5:hover	{
background-color: #010451;
color: #fff;

}

div.tile_6	{
background-color: #02066a;
color: #fff;

}	

div.tile_symbol {
	margin: 1em 0 0 0;
	text-align: center;
	
}
div.tile_symbol img {
	background-color: transparent !important;
	width: 160px;
	
}

div.tile_1 {

	object-fit: cover;
	position: center center;
}

div.tile_2 {
	
	object-fit: cover;
	position: center center;
}






div.tile_3 {
	
	object-fit: cover;
	position: center center;
}


div.tile_4 {
	
	object-fit: cover;
	position: center center;
}




	
	
div.login {
	float: left;
	margin: 0em 1em 0em 0;

}	


div.service_top {
margin: 1.65em 0em 2em 0;
float: right;
position: absolute;
top: 2%;
right: 1%;
z-index: 5000;
}






@media screen and (max-width: 1024px) {
	
	
	body {
		
		font-family: 'Helvetica Neue', sans-serif;
		font-size: 20px;
		line-height: 1.5em;
		padding-top: 0px;
		margin: 0;
		font-weight: 200;
		padding: 0%;
		width: 85% !important;
		margin: 0 auto 0 auto !important;
		background-color: transparent;
	
	}
	
	
#banner, #main {
	margin: 0 2% 0 2%;
	width: 100%;
}





#logo_byline {
	display: none;
}	



img.search_img {
	width: 20px;
	float: left !important;
	margin: .3em 2em 0 0em !important;
}





ul.languages {
	float: right;
}


#topnav {
	display: none;
}

#sidebar_left {
	display: none;
}

	body {
	width: 98% !important;
	border: 0 2% 0 2% !important;
	}
	
div.service_top {
		margin: 1em 3em 2em 3em !important;
		width: 120px;
	}	
	
	#language_switcher {
		width: 70px;
		margin:  -1.5em -0.8em 0 2em !important;
		float: left !important;
		height: 20px !important;
	}
	
	#topnav {
	display: none;
	}
	

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


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


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


}







@media screen and (min-width: 768px) and (max-width: 1600px) {
	
	#navigation2 {
		float: right !important;
		margin: 0em 0em 0 2% !important;
		position: relative;
		width: 97%;
		z-index: 555555 !important;
	}
	
#banner, #main {
	margin: 1em 2% 0 2%;
	width: 96%;
}





#logo_byline {
	display: none;
}	



element.style {
}


#navigation2 {
	margin: 0em 2em 0 2% !important;
	width: 60px;
	z-index: 999999999999999 !important;
	float: right;

}

#header {
	
}

div.service_top {
	margin: 1.4em 1em 2em 5em !important;
	float: right;
	width: 280px;
}


img.search_img {
	width: 20px;
	float: left !important;
	margin: .3em 2em 0 0em !important;
}



#language_switcher {
	width: 70px;
	margin:  0em -0.8em 0 !important;
	float: left !important;
	height: 20px !important;
}

ul.languages {
	float: right;
}


#topnav {
	display: none;
}

#sidebar_left {
	display: none;
}

	body {
		width: 98% !important;
	}
	
	
	
	#topnav {
	display: none;
	}
	

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


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


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


}

div#front_tiles_wrapper a:link {
color: #000 !important;
text-decoration: none;
}

div#front_tiles_wrapper a:visited {
color: #000 !important;
text-decoration: none;
}

@media (max-width: 750px) {
	
.front_tile {
	min-height: 300px !important;
}	
}

#content table {
	margin: 0 0 1em 0;
}

iframe.iframe_gmap {
	width: 100% !important;
	min-height: 400px;
}	



.pwcmb-widget, .pwcmb {
	background-color: #365e88;
	color: #fff;
}




@media (max-width: 390px) {
	
	
	div.service_top {
		margin: 1em 0em 2em 2em !important;
		float: left !important;
		width: 70px;
	}
	
	img.search_img {
	width: 20px;
	float: left !important;
	margin: 0.6em 2em 0 -1em !important;
	
}

#language_switcher {
	width: 70px;
	margin: -1.5em 0 0em -1.3em !important;
	float: left !important;
	height: 20px !important;
}

h1 {

font-size: 1.5rem;

}

h2 {

font-size: 1.3rem;
	
	
}

h3 {
font-size: 1.1rem;

}


}




@media (max-width: 768px) {
	
	
	div.service_top {
		margin: 1em 0em 2em 2em !important;
		float: left !important;
		width: 70px;
		position: relative;
		z-index: 555555 !important;

			}
	
	img.search_img {
	width: 20px;
	float: left !important;
	margin: 0.6em 2em 0 -1em !important;
	position: relative;
	display: none;
	
}


#navigation2 {
	margin: -1.7em 0em 0 2% !important;
	float: right;
	right: 1em;
	width: 50px;
		z-index: 555555 !important;
	
	
}

#language_switcher {
	width: 70px;
	margin: -1.5em 0 0em -1.6em !important;
	float: left !important;
	height: 20px !important;
	display: none;
}

h1 {

font-size: 1.5rem;

}

h2 {

font-size: 1.3rem;
	
	
}

h3 {
font-size: 1.1rem;

}


}








@media screen and (min-width:1600px) {
	
			nav.navbar-default {
			display: none;
			}
			
			#topnav {
			display: block;
			}
			
			div.service_top {
				display: block;
			}
			
			#language_switcher {
				display: none;
			}
			
}









dl.accordion > dt > a:hover {
text-decoration: none;
background: #fff !important;
color: #000;
mix-blend-mode: multiply;

}


dl.accordion > dt > a.open {
background: transparent !important;
}

dl.accordion > dt > a {
display: block;
padding: 10px 40px 10px 10px !important;
vertical-align: middle;
position: relative;
transition: all .2s ease;
font-weight: 700;
font-size: 1.1em;
}


div.natur_elemente {
	display: flex;
	margin: 1em 0 2em 0;
}

img.natur_elemente {
	width: 24%;
	height: calc(24%/5*3) !important;
	margin: 1em 1em 0 0;
}

@media (max-width: 768px) {
	
	div.natur_elemente {
    display:flex;
	width: 100%;
	  justify-content: space-around;
	  flex-wrap: wrap;
	  
			}
	
	img.natur_elemente {
  flex-grow: 2;
	flex-basis: 20rem;

	}



}

div.intro_as {
	color: #666;
	font-size: 0.8em;
	margin: 0 0 50px 0 !important;
	line-height: 1.5em;
}


iframe.googlemap {
	width: 100% !important;
}


iframe#FormBuilderViewport_kontakt {
	position: relative;
		z-index: 555555 !important;
}


#navigation ul {
	border: none !important;
}


#phone_mail {
	display: none;
	float: right;
	top: 1.15em;
	width: 150px;
	height: 40px;
	background-color: transparent;
	margin: 0.6em 4em 3em 0;
	padding: 0px;
	
}

#header {
		z-index: 555555 !important;
	background-color: transparent;
}

#phone_mail a {
	text-decoration: none !important;
	border: 0px !important;
}

img.contact_icons {
	width: 25px;
	margin: 0 5px 0 0;
	position: relative;
}


div.breadcrumbs {
font-size: 80%;
width: 100%;
float: left;
clear: both;
padding: 0.5em 0 2em 0;
}


img.nav_home {
	width: 20px;
	margin: -0.3em 0 0 -0.1em;
}


.menu_item_active_1 a:link, .menu_item_active_1 a:visited {
color: #080 !important;
padding: 26px 35px 0px 35px;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 10px;
}


.nav-toggle {
  width: 40px !important;
  height: 40px;
  padding: 0 0 0 0;
  margin: 0.6em 0 0 0 !important;
  right: 10px;
  display: none;
  cursor: pointer;
  z-index: 999999999;
}

table.berufliche_stationen td {
	font-size: 24px;
line-height: 1.6em;
}


table.berufliche_stationen tr {
	border-bottom: 1px dotted #666;
}

td.jahr {
	min-width: 180px;
}

iframe.google_Map {
	width: 100%;
	min-height: 500px;
}



@media (max-width: 768px) {
		
	#main {
	margin: 6em 4% 0 4% !important;
	width: 100% !important;
}


#navigation2 {
	margin: -2em 0em 0 2% !important;
	width: 50px;
		z-index: 555555 !important;
	float: right;

}

#logo {
	margin: 0.3em 0 0 3% !important;
}


h1 {
	font-size: 30px;
}

img.align_right {
	float: left;
	width: 100% !important;
	clear: both;
}
	
}



@media (max-width: 375px) {
	
	
	#main {
	margin: 6em 1% 0 1% !important;
	width: 100% !important;
}


#navigation2 {
	margin: -2em -1em 0 2% !important;
	width: 50px;
		z-index: 555555 !important;
	float: right;

}


h1.welcome_title {
	font-size: 2.5rem;
	color: #fff;
	text-shadow: 1px 1px 2px black; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

		
.arrow {
  box-sizing: border-box;
  height: 15vw;
  width: 15vw;
  border-style: solid;
  border-color: #fff;
  border-width: 0px 6px 6px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  position: absolute;
  top: 30vh;
  left: 50vw;
  margin-left: auto;
  margin-right: auto;
}	
	
	





h1 {
	font-size: 30px;
}

img.align_right {
	float: left;
	width: 100% !important;
	clear: both;
	margin: 0 0 1em 0;
}


}


div.contact-info {
	display: none;
}




.pwcmb a {
	color: #fff !important;
	
}

.pwcmb-widget__actions {
	font-size: 0.7em;
}



.btn-mediation,
.btn-kommunikation {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  color: white;
}

.btn-mediation {
  background-color: #406db0; /* Petrol / Türkis */
  margin: 0 0 0 0;

}

.btn-kommunikation {
  background-color: #406db0; /* Petrol / Türkis */
  margin: 0 0 1em 0;

}

.btn-mediation:hover, 
.btn-kommunikation:hover {
	color: #fff;
	background-color: #094bae
	
}

 div.iwanraschle {
margin: 0 0 0 0;
}

.namenszug {
	font-size: 45px;
}

.byline {
	font-size: 30px !important;
	margin: 1em 0 0 0 !important;
	line-height: 1.2em !important;
}

.ueber-mich-block {
  margin-top: 1.5em; /* Abstand nach oben */
}

.ueber-mich-strich {
  width: 22px;
  height: 3px;
  background-color: currentColor; /* übernimmt automatisch die Textfarbe */
  margin-bottom: 0.4em;
  border-radius: 2px;
  display: block; /* sorgt für sauberen Abstand */
}

.ueber-mich-hinweis {
  font-size: 0.75em;
  color: #555;          /* Standardfarbe für hellen Modus */
  margin: 0;
  line-height: 1.4em;
}

.ueber-mich-hinweis a {
  color: #1a1a1a;       /* Linkfarbe */
  text-decoration: none;
  font-weight: 600;
}

.ueber-mich-hinweis a:hover {
  color: #0056b3;       /* dezente Akzentfarbe beim Hover */
}