@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{
	.service-navigation ul{ list-style:none; text-align:right; margin:0; padding:0; box-sizing:border-box; }
	.service-navigation li{ display:inline-block; position:relative; margin-left:50px; }
	.service-navigation a{ font-weight:bold; padding:5px; display:inline-block; position:relative; font-size:16px; line-height:1.42857143; }
	.service-navigation .icon::before{ position:absolute; top:4px; left:-24px; width:18px; margin-left: }
	.service-navigation .phone .icon::before{ content:url("../../Icons/Smartphone.svg"); }
	.service-navigation .email .icon::before{ content:url("../../Icons/Email.svg"); }
	.service-navigation .search .icon::before{ content:url("../../Icons/Lupe.svg"); }
	
	.header-menu { color:#FFFFFF; }
	.header-menu a{ color:#FFFFFF; line-height:42px; font-size:1.125rem; font-weight:bold; }
	.header-menu .menu--open .icon::after{ content:url("../../Icons/Menu.svg"); width:1rem; height:1rem; font-size:16px; line-height:1; vertical-align:middle; display:inline-block; margin-left:1rem; opacity:1; background:none; position:relative; left:auto; }
	.header-menu .menu--close .icon::after{ content:url("../../Icons/Close.svg"); width:1rem; height:1rem; font-size:16px; line-height:1; vertical-align:middle; display:inline-block; margin-left:1rem; opacity:1; background:none; position:relative; left:auto; }
	
	nav#nav{ display:none; background:#FFFFFF; }
  nav#nav .hlist{  }
  nav#nav ul{ margin:0; }
  
  nav#nav li.menuitem{ list-style-type:none; margin:0; padding:2vw; border-bottom:1px #7c7c7c solid; border-top:1px #DFDFDF solid; }
  nav#nav li.menuitem_selected{ background-color:#462672; list-style-type:none; margin:0; padding:2vw; }
  
  nav#nav li.menuitem.nochild, nav#nav li.menuitem_selected.nochild{ padding-left:8vw; }
	@media(min-width:980px){ nav#nav li.menuitem.nochild, nav#nav li.menuitem_selected.nochild{ padding-left:65px; } }
  .submenuopener{ font-size:200%; text-decoration:none; font-weight:bold; width:3vw; margin-right:2vw; }
  
  nav#nav li.menuitem a{ color:#462672; font-weight:bold; }
  nav#nav li.menuitem a.menuitem{ font-size:150%; text-decoration:none;  }
  nav#nav li.menuitem a:visited, nav#nav li.menuitem a:hover{ color:#462672; }
  nav#nav li.menuitem a.menuitem:visited{ color:inherit; }
  nav#nav li.menuitem_selected a.menuitem_selected{ color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:150%; }
  
  nav#nav li.menuitem.haschild ul{ display:none; }
  nav#nav li.menuitem_selected.haschild ul{ display:block; }
  
  nav#nav ul.submenu li{ list-style-type:none; margin:0; padding:2vw; padding-left:4vw; }
  nav#nav ul.submenu li.menuitem_selected{ border-left:0; }
  
  nav#nav ul.submenu li a{ font-size:80%; }
  
  nav#nav ul.submenu a.submenuitem{ font-size:130%; text-decoration:none; }
  nav#nav ul.submenu a.submenuitem_selected{ color:#FC3000; text-decoration:none; font-weight:bold; font-size:130%; }
  
  nav#nav ul.submenu ul.submenu{ display:none; }
  nav#nav ul.submenu li.menuitem_selected ul.submenu{ display:block; }

	/*.oc-menu{ color:#462672; overflow-x:hidden; background-color:rgba(0, 0, 0, 0.75); transition:background-color 0.3s linear 0s; top:116px; position:absolute; height:100%; width:100%; left:0; overflow-y:auto; display:block; }
	.oc-menu.hidden{ display:block!important; pointer-events:none; background-color:transparent; overflow:hidden; }
	.oc-menu .oc-menu--column-wrap{ left:50vw; position:absolute; width:100%; height:auto; top:0; min-height:unset; transition:left 0.3s ease-in-out 0s; }
	.oc-menu .oc-menu--level-wrap{ background-color:#FFFFFF; display:flex; padding-top:0; flex-direction:column; width:calc(100%/4); }
	.oc-menu .oc-menu--level-wrap div{ flex:1 0 10%; height:33.3333%; padding:45px 25% 30px 45px; }
	.oc-menu .oc-menu--level-wrap div.oc-menu--1{ background-color:#FFFFFF; }
	.oc-menu .oc-menu--level-wrap div.oc-menu--2{ background-color:#6e2272; }
	.oc-menu .oc-menu--level-wrap div.oc-menu--3{ background-color:#2e2672; }
	.oc-menu .oc-menu--level-wrap h3.inactive::after{ content:url('../../Grafik/icon-internal-white.png'); display:block; position:relative; top: calc(50% - 1.3rem); left:calc(100% - 3.2rem); width:2.6rem; height:2.6rem; }
	.oc-menu .oc-menu--column-wrap h3{ margin-bottom:20px; margin-top:0; font-size:24px; line-height:1.333333; font-weight:bold; color:#462672; width:100%; padding-right:3rem; }
	.oc-menu .oc-menu--column-wrap .oc-menu--2 h3, .oc-menu .oc-menu--column-wrap .oc-menu--3 h3{ color:#FFFFFF; }
	.oc-menu .oc-menu--column-wrap span{ color:#462672; font-size:16px; }
	.oc-menu .oc-menu--column-wrap .oc-menu--2 span, .oc-menu .oc-menu--column-wrap .oc-menu--3 span{ color:#FFFFFF; }*/
	
	
	/* #################################  alte Styles vor Layout-Umstellung 2022/23 ######################################### */
  .ym-hlist{ background:none; }
  .ym-hlist ul{ width:100%; }
  .ym-hlist ul li{ width:18%; float:none; }
  .ym-hlist ul li.active{ background:none; }
  .ym-hlist ul li a, .ym-hlist ul li strong{ font-size:1.4em; font-weight:bold; color:#50267E; text-shadow:none; }
  .ym-hlist ul li.active a{ color:#FFFFFF; }
  .ym-hlist ul li a:hover, .ym-hlist ul li strong:hover{ color:#FFFFFF; text-shadow:none; background:none; }
  .ym-hlist ul li.active a:hover{ color:#50267E; }

  .ym-hlist ul li ul li{ float:none; width:100%; }
  .ym-hlist ul li.active ul li a{ color:#50267E; }
  .ym-hlist ul li.active ul li a:hover{ color:#FFFFFF; }
  .ym-hlist ul li.active ul li.active a{ color:#FFFFFF; }
  .ym-hlist ul li.active ul li.active a:hover{ color:#50267E; }

  nav{ background:none; }
  
  #topnav{ display:none; }
  #menutitle{ font-size:1.8em; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; padding:0.2em; padding-left:2.5em; background-image:url('../../Grafik/menu.gif'); background-repeat:no-repeat; background-position:top left; }
  #mainmenu{ display:none; }

  #breadcrumbnavigation{ margin-top:1.5em; }
}

/* Anzeige nur für große Bildschirme */
@media (min-width: 800px){
  #topnav{ display:table-cell; vertical-align:top; text-align:right; font-size:120%; }
  
  .ym-hlist ul li{ float:left; }
}