.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

header, #container {
	width:100%;
	background: #fff; /*#e2d8ed;*/
}

header #nav_main, main, footer .inside {
	max-width: 1200px;
	margin: auto;
}

header {
	padding-bottom: 20px;
}
#header_picture {
	position:relative;
	margin:0px;
	pading:0px;
}
#header_picture img {
    height: 450px;
    object-fit: cover;
    object-position: 55%;
    width: 100%;
}
main {
	/*margin:0px 20px;*/
	padding:15px 0px 15px 0px;
	background-color:#fff;
	min-height:300px;
}
main .inside {
	max-width: 850px;
	margin: auto;
	padding:5px;
}
main a {
	text-decoration:underline;
}
#footer {
	border-top: 20px solid #e2d8ed;
	padding-bottom: 30px;
}
#footer a{
	color:#fff;
}


/*allgemein*/ 
body {
	background-color:#501f83;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#501f83;
	margin:0px;
	padding:0px;
	} 
a {
	text-decoration:none;
	color:#501f83;
	}
h1 {
font-size:1.2em;
}

h2 {
	font-size:1.1em;
	padding-top:15px;
	padding-bottom:5px;
}
h3 {font-size:1.0em;}
h4 {font-size:1.0em; font-style:italic; font-weight:normal;}

.bijou {
	text-align:center;
}

.bijou img {
	width:150px;
	height:150px;
}
.bijou figure {
	margin:0px;
}

#nav_main {
	text-align:center;
	}

#nav_main > ul, #nav_kontakt > ul {
	display: flex;
	flex-direction: row;
	margin-bottom: 0px;
}
#nav_main li, #nav_kontakt li {
	/*float:left;*/
	text-align:center;
	flex: 1 1 0%;
	}
nav li a, nav li strong {
	display:block;	
	padding:5px;
	}

	
#nav_main ul , #nav_kontakt ul, #nav_mobile ul, #nav_intern ul {	
	list-style: none;
	/*margin-left:5px;*/
	}
#nav_mobile li, #nav_main li li {	
	padding-bottom:7px;
	}
.level_1 a, .level_1 span, .level_1 strong {
	/*padding-left: 20px;*/
	}
#nav_main .level_1 a:hover, #nav_main .level_1 a:active, #nav_main .level_1 strong.active, #nav_mobile .level_1 a:hover, #nav_mobile .level_1 a:active, #nav_mobile .level_1 strong.active { 
	/*background:url('../../files/io/img/dot.gif') no-repeat;*/
	background:#fff;
	transition:0.5s
	}

#nav_kontakt a:hover, #nav_kontakt a:active, #nav_kontakt strong.active { 
	/*background:url('../../files/io/img/dot-w.gif') no-repeat;*/
	background:  #fff; /*#e2d8ed;*/
	color:#501f83;	
	transition: 0.5s;
	}

ul.level_2 {
	margin-left:0px;
	position:absolute;
	}
.level_2 li {
	background:  #fff; /*#e2d8ed;*/
	}
	
.level_2 li.first {
	padding-top:7px;
	}
/*.level_2 a, .level_2 span {
	padding-left: 50px;
	}*/

/* Submenü anzeigen */
nav li.submenu ul { 
  visibility: hidden;  
  height: 0;
  z-index: 1000; 
}
nav li.submenu li { 
  display: block; 
}
 
nav li.submenu:hover ul,
nav li.submenu:active ul, 
nav li.submenu:focus ul { 
  visibility: visible;
  height: auto;

}

#nav_main .level_2 a:hover, #nav_main  .level_2 a:active, #nav_main .level_2 strong.active, #nav_mobile .level_2 a:hover, #nav_mobile  .level_2 a:active, #nav_mobile .level_2 strong.active { 
	/*background:url('../../files/io/img/dot.gif') no-repeat;*/
	background:#fff;
	transition: 0.5s;
	}
	
/* interner Bereich*/	
.breit #nav_main ul {
	border-bottom: 1px solid rgba(80, 31, 131, 0.1);
}
.logout a {
	color:red;
}
.login label {
    width: 150px;
    display: inline-block;
}
.login .widget {
    padding-bottom:10px;
}
.login .submit {
    margin-left: 155px;
}

/* Mobile */
@media all and (max-width: 1024px) {	

#header_picture img {
    height: 300px;
}
.mod_mobile_menu {
	text-align:right;
}
.mobile_menu .inner {
	background:  #fff; /*#e2d8ed;*/
}
.mobile_menu {
	text-align:right;
}
.mod_mobile_menu, #mobile-menu .inner img, .mobile_menu_trigger span {
	padding-right:10px;
	padding-top:10px;
	cursor:pointer;
}
#nav_mobile, #nav_intern  {
	text-align:left;
	width:80%
}
#nav_mobile li, #nav_intern li {
	border-bottom: 1px solid rgba(80, 31, 131, 0.1); /*rgb für #501f83; mit opacity*/
}

	#nav_main, #nav_kontakt {
	display:none;
	}
}
@media all and (max-width: 800px) {	

#header_picture img {
    height: 200px;
}
}
	
a.invisible {
	display:none;
	}	
/* IO-Layout_2023.css */