@charset "UTF-8";
/**
 css for
 */

/* hamburger menu yummy */

.mobiletoggle, #nav_main ul li a.togglesub {
	display: none;
}


#nav_main ul li ul.submenu {
	display: none;
}


#nav_main ul li ul li.menu-ebene2 {
	display: none;
}

#footer .mobiletoggle {
	display: none;
}

#footer .menu {
	display: block;
}

/* NEW 2021 Dropdown menu for desktop screens */

@media only screen
  and (min-width: 801px) {

  #nav_main ul li.menu-ebene1 {
    height: 40px;
    z-index: 99999;
    position: relative;
  }
  #nav_main ul li.menu-ebene1 ul.submenu {
    display: block;
    position: absolute;
    visibility: hidden;
    z-index: 99990;
    background-color: #cddee8;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;

    padding: 5px 10px 5px 4px;
    margin-left: 6px;
    font-size: 92%;

    /*
    margin-top: -40px;
    */
  }

  #nav_main ul li.menu-ebene1 ul.submenu li.menu-ebene2 {
    display: block;
    float: none;
    line-height: 1.6;
    background-color: #cddee8;
    white-space: nowrap;
  }
  #nav_main ul li.menu-ebene1 ul.submenu li.menu-ebene2 a {
    margin-left: 5px;
  }
  #nav_main ul li.menu-ebene1:hover ul.submenu,
  #nav_main ul li.menu-ebene1 ul.submenu:hover

  {
    display: block;
    position: absolute;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
  }
}

/* smallscreen rules */

@media only screen
  and (max-width: 800px)
  and (min-width: 120px) {
		.mobiletoggle {
			float: right;
			font-size: 42px;
			margin: 2px;
			padding: 2px;
			position: relative;
			text-decoration: none;
			display: block;
			top: -10px;
			color: #000;
			font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
		}
		.mobiletoggle:hover, .mobiletoggle:active, .mobiletoggle:focus {
			float: right;
			font-size: 42px;
			margin: 2px;
			padding: 2px;
			position: relative;
			text-decoration: none;
			top: -10px;
			color: #990000;
		}

		#nav_main ul li a.togglesub {
			display: inline-block;
		}

	.menu {
		display: none;
		transition: color 1s, font 1s, border 2s, display 2s;
		-webkit-transition: color 1s, font 1s, border 2s, display 2s;
	}

	.menuOpen {
    display: inline-block;
    padding-left: 10px;
    transition: color 1s ease 0s, font 1s ease 0s, border 2s ease 0s, display 2s ease 0s;
    width: 98%;
	}

  #col2 { width: 32em; float:left; margin: 0; border-left:0px solid #666; border-right: 0px solid #666; padding-bottom: 0; border-bottom: 0px solid #666; }


  #nav_main {
	 float: right;
	 padding: 0 1.3em 0 2.3em;
	 overflow:hidden;
	 width: 100%
  }

  #nav_main ul {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0;
    transition: color 1s ease 0s, font 1s ease 0s, border 2s ease 0s, display 2s ease 0s;
    width: 100%;
	  }


#nav_main ul li ul.submenu {
	display: none;
}

#nav_main ul li ul.submenuOpen {
	display: inline-block;
}

#nav_main ul li ul.submenu {
    padding-top: 10px;
	margin: 0;
    width: 100%;
}

#nav_main ul li ul li.menu-ebene2 {
    display: inline-block;
}

  #nav_main ul li {
    background-image: none;
    border-top: 1px solid #000;
    clear: both;
    display: inline-block;
    font-size: 1.06em;
    line-height: 1em;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0.5em;
    text-transform: uppercase;
    width: 100%;
		transition: color 1s, font 1s, border 2s, display 2s;
		-webkit-transition: color 1s, font 1s, border 2s, display 2s;
  }

  #nav_main ul li:last {
	border-bottom: 1px solid #000;
  }

  #nav_main ul li a,
  #nav_main ul li strong {
    color: #000;
    padding: 2px 2px 0 2px;
    text-decoration: none;
		transition: color 1s, font 1s, border 2s, display 2s;
		-webkit-transition: color 1s, font 1s, border 2s, display 2s;
    margin-left: 15px;
  }

#nav_main ul li ul li.menu-ebene2 a {
    margin-left: 45px;
}


  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { color: #990000; text-decoration: underline; }

  #nav_main ul li.current {
  }

  #nav_main ul li.current strong,
  #nav_main ul li.current a,
  #nav_main ul li.current a:focus,
  #nav_main ul li.current a:hover,
  #nav_main ul li.current a:active { color: #990000; text-decoration: underline;  }







}

/* Generelles */
@media only screen
  and (max-width: 800px)
  and (min-width: 120px) {

h1 {
visibility: hidden;
}

}


/* Phones Portrait and Landscape */
@media only screen
  and (max-width: 320px)
  and (min-width: 120px) {

body {
    padding: 0 0;
}

#header {
	text-align: center;
}

#page_margins {
    max-width: none;
    width: 310px;
    margin: 5px 5px;
    min-width: 300px;
   border: 0px solid silver;
}

#film {
    width: 88% !important;
    overflow: hidden;
}

#nav_main {
    float: right;
    padding: 0.3em 0.3em;
    margin-bottom: 0em;
}

#main {
    padding: 0.1em 0 0;
}


#col1 {
    margin: 0;
    padding: 0;
    display: none;
}

#col2 {
    width: 95%;
}

#col2_content {
    padding-bottom: 1em;
    padding-left: 1.3em;
    padding-right: 0.5em;
}


#col3 {
	display: none;
}

#rootline, #print-link {
	display: none;
}
}


@media only screen
  and (max-width: 480px)
  and (min-width: 321px) {

#page_margins {
    max-width: none;
    width: 350px;
    margin: 5px auto;
    min-width: 300px;
   border: 0px solid silver;
}

#film {
    width: 90% !important;
    overflow: hidden;
}

#nav_main {
    float: right;
    padding: 0.3em 1.0em;
    margin-bottom: 0em;
}

.menuOpen {
    padding-left: 22px;
    }


#col1 {
    margin: 0;
    padding: 0;
   	display: none;
}

#col2 {
    width: 95%;
}

#col2_content {
    padding-bottom: 1em;
    padding-left: 1.3em;
    padding-right: 0.5em;
}


#col3 {
	display: none;
}

#rootline, #print-link {
	display: none;
}
}


@media only screen
  and (max-width: 600px)
  and (min-width: 481px)
 {

#page_margins {
    max-width: none;
    width: 500px;
    margin: 5px auto;
    min-width: 490px;
}

#film {
    width: 90% !important;
    overflow: hidden;
}

#nav_main {
    float: right;
    padding: 0 1em 0 2.3em;
}

#col1 {
    margin: 0;
    padding: 0;
    display: none;
}

#col2 {
    width: 95%;
}

#col2_content {
    padding-bottom: 1em;
    padding-left: 1.3em;
    padding-right: 0.5em;
}

#col3 {
	display: none;
}


}

/* Pads Portrait and Landscape */
@media only screen
  and (max-width: 800px)
  and (min-width: 601px)  {

#page_margins {
    max-width: none;
    width: 700px;
    margin: 5px auto;
    min-width: 690px;
}


#film {
    width: 500px;
    overflow: hidden;
}

#nav_main {
    float: right;
    padding: 0 0.2em 0 2.3em;
}

#col1 {
    margin: 0;
    padding: 0;
    width: 240px;
}

#col2 {
    width: 460px;
}

#col3 {
	display: none;
}



}

/* Pads Portrait and Landscape */
@media only screen
  and (max-width: 1024px)
  and (min-width: 801px)  {

#page_margins {
    max-width: none;
    width: 980px;
    margin: 5px auto;
    min-width: 690px;
}


#film {
    width: 940px;
    overflow: hidden;
}

#nav_main {
    float: right;
    padding: 0 1.2em 0 2.3em;
}

#col1 {
    margin: 0;
    padding: 0;
    width: 240px;
}

#col2 {
    width: 485px;
}

#col3 {
    display: block;
    margin-left: 42em;
    width: 210px;
}
}