@media screen and  (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx)
{
    @media (orientation: portrait)
    {
        #bodybox
        {
            width:95vw;
            margin-left:auto;
            margin-right:auto;
        }

        #bodyini
        {
            width: 95vw;
        }

        #content_1
        {
            width: 95vw;
        }
        #bodyini h3
        {
            font-size: 1.5em;
        }

        .inhalt4readabsolute
        {  
          top: 40%;
        }
        div.imagecontainer
        {
            width:100%;
        }

        .inhalt4read {
        font-size: 1.5em;
        line-height: 1.4em;   
        }
        .menu_2_text
        {
            font-size: 2.2em;
        }
        .menu_2_text img 
        {
            width: 8vw;
        }
        .initimagebelow21
        {
            display: none;
        }
        div.footerfirst
        {
            font-size:2vh;
        }
        #bodyini .headertext2 div {
        width: 30%;
        font-size: 2.5vh;
    }
        .initimagebelow2 img {
            width: 40px;
        }
        .inhalt4readleftdetail {
        font-size: 1em;
        font-weight: normal;
        line-height: 1.5em;
        text-align: left;
        }
        /* the slide container with a fixed size */
        .slides {
          display: block;
          margin-left:auto;
          margin-right:auto;  
          /*opacity: 0.7;*/
          width:100%;
          overflow: hidden;
          max-height: calc(95 / 3);
        }    
    }
}

.slides a img {
  /*height:100%;*/
  width: 100%;
 }
 
 @media screen and  (max-device-width: 780px) and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx)
{
#menu {
	padding: 0px 0px 0px 0px;
        width: 95vw;
 }
}

/*--formatiert die Themenblöcke--*/ 
/* Erste Menüpunktreihe */
#menu ul { 
    float: left; 
    height: inherit;
    /*padding: 0.1vh 0.1vw 0.1vh 0.1vw;*/
    /*margin:  0px 0.2vw 1vh 0.2vw;*/
    list-style-type: none;
    width: 23.3%;
    padding-left:5%;
    padding-right:5%;
    margin: 0;
    overflow: visible;
}

#menu ul li ul 
{
    height: inherit;
/*    padding: 0px 1px 0px 1px;
    margin: 0px 1px 0px 1px;
    background-color: #00FF00;  */
    max-width: 12vw;
}

#menu ul li ul li
{
	display: block;
  	opacity: 0.8;
  	/*line-height:2em;*/
  	margin:  0px 0.1vw 0.5vh 0.1vw;
 }

#menu ul li ul li a
{
    background-color: lightgrey;
    display: table-cell;
   vertical-align: middle ;
    line-height:1em;
}

ul li ul .menu_2_text
{
	color: #333333;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: auto;
	width: 40px;
}

#menu ul li img {
    /*max-height: 4.5vh;*/
    /*max-width: 5vw;
    padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
    */
}


/*--definiert die "Drop-Down-Links" im Normalzustand--*/ 
#menu a {
	text-decoration: none ;
	font-weight: bolder;
	display: table;
	height: 100%;
	border: 1px solid #ccc;
	text-align: center;
	color: #111;
	width: 100%;
        opacity: 0.75;
	list-style-type: none;
} 


#menu ul li a firstline-text
{
    font-size: 1.2em;
    height: 8vh;
    display: table-cell;
    margin-top: 5px;
	width: 100%;
	vertical-align: middle;
	background-color: white;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover {
	color: #666;
	background-color: lightgrey;
} 
/* 
*verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Höhenvergrößerung von #menu beim Hovern-- 
*/ 
#menu li { 
position: relative; 
height: inherit;
z-index: 30;
} 

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu ul ul { 
position: absolute; 
z-index: 2; 
display: none; 
} 

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/ 
#menu ul li:hover ul { 
display: block;
line-height:2em;
overflow: visible;
/*--background-color: lime;--*/
/*height: 40px;*/
width: 80vh;
} 
/* --- richtet die zweite Menüzeile aus --*/
#menu ul li:hover ul.ElementLast
{ 
	margin-right: 0%;
} 
#menu ul li:hover ul.ElementThird
{ 
	margin-left: -50;
} 
#menu ul li:hover ul.ElementSecond
{ 
	margin-left: -40%;
}
#menu ul li:hover ul.ElementFirst
{ 
	margin-left: 0px;
} 
/* --- ENDE richtet die zweite Menüzeile aus --*/

@media screen and  (max-device-width: 780px) and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx)
{
#menu ul li:hover ul { 
	width: 25vw;
	line-height: 2em;
}
}

@media screen and  (max-device-width: 780px) and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx)
{
#menu ul
{
	display: block;
 }

#menu ul li:hover ul.ElementLast
{ 
	margin-left: -240%;
} 

}