@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-BoldItalic.eot');
    src: url('../fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff'),
        url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-BlackItalic.eot');
    src: url('../fonts/RobotoCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-BlackItalic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-BlackItalic.woff') format('woff'),
        url('../fonts/RobotoCondensed-BlackItalic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-BlackItalic.svg#RobotoCondensed-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Black.eot');
    src: url('../fonts/RobotoCondensed-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Black.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Black.woff') format('woff'),
        url('../fonts/RobotoCondensed-Black.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Black.svg#RobotoCondensed-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Bold.eot');
    src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ExtraLightItalic.eot');
    src: url('../fonts/RobotoCondensed-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-ExtraLightItalic.woff') format('woff'),
        url('../fonts/RobotoCondensed-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-ExtraLightItalic.svg#RobotoCondensed-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ExtraBoldItalic.eot');
    src: url('../fonts/RobotoCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/RobotoCondensed-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-ExtraBoldItalic.svg#RobotoCondensed-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ExtraLight.eot');
    src: url('../fonts/RobotoCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-ExtraLight.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-ExtraLight.woff') format('woff'),
        url('../fonts/RobotoCondensed-ExtraLight.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-ExtraLight.svg#RobotoCondensed-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Italic.eot');
    src: url('../fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Italic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Italic.woff') format('woff'),
        url('../fonts/RobotoCondensed-Italic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Italic.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ExtraBold.eot');
    src: url('../fonts/RobotoCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-ExtraBold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-ExtraBold.woff') format('woff'),
        url('../fonts/RobotoCondensed-ExtraBold.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-ExtraBold.svg#RobotoCondensed-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Light.eot');
    src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Light.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Light.woff') format('woff'),
        url('../fonts/RobotoCondensed-Light.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Italic_1.eot');
    src: url('../fonts/RobotoCondensed-Italic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Italic_1.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Italic_1.woff') format('woff'),
        url('../fonts/RobotoCondensed-Italic_1.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Italic_1.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-LightItalic.eot');
    src: url('../fonts/RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-LightItalic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-LightItalic.woff') format('woff'),
        url('../fonts/RobotoCondensed-LightItalic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-LightItalic.svg#RobotoCondensed-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-MediumItalic.eot');
    src: url('../fonts/RobotoCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-MediumItalic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-MediumItalic.woff') format('woff'),
        url('../fonts/RobotoCondensed-MediumItalic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-MediumItalic.svg#RobotoCondensed-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Medium.eot');
    src: url('../fonts/RobotoCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Medium.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Medium.woff') format('woff'),
        url('../fonts/RobotoCondensed-Medium.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Medium.svg#RobotoCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular.eot');
    src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
        url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-SemiBoldItalic.eot');
    src: url('../fonts/RobotoCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-SemiBoldItalic.woff') format('woff'),
        url('../fonts/RobotoCondensed-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-SemiBoldItalic.svg#RobotoCondensed-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-SemiBold.eot');
    src: url('../fonts/RobotoCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-SemiBold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-SemiBold.woff') format('woff'),
        url('../fonts/RobotoCondensed-SemiBold.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-SemiBold.svg#RobotoCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ThinItalic.eot');
    src: url('../fonts/RobotoCondensed-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-ThinItalic.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-ThinItalic.woff') format('woff'),
        url('../fonts/RobotoCondensed-ThinItalic.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-ThinItalic.svg#RobotoCondensed-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular_1.eot');
    src: url('../fonts/RobotoCondensed-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Regular_1.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Regular_1.woff') format('woff'),
        url('../fonts/RobotoCondensed-Regular_1.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Regular_1.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Thin.eot');
    src: url('../fonts/RobotoCondensed-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Thin.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Thin.woff') format('woff'),
        url('../fonts/RobotoCondensed-Thin.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Thin.svg#RobotoCondensed-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: auto;
}





html, body{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
width: 100%; 
height: 100%; 
font-family: 'Roboto Condensed'; 
font-size: 1.2em; 
font-weight: 100;
font-style: normal; 
line-height: 1.5em; 
}

/*CONTAINER FUER DEN SLIDER*/
div#kopfbereich{
width: 100%; 
height: 550px; 
padding: 0px; 
margin: 0px 0px 30px 0px; 
background-color: #FFFFFF; 
border: 0px solid #FF0000; 
display: inline-block; 
float: left; 
}


/* Slideshow container */.slideshow-container {  position: absolute; 
top: 0px; 
height: 550px; 
width: calc(100% - 2px); 
padding: 0px; 
margin: 0px 0px 0px 0px; 
border-radius: 0px; 
background-repeat: no-repeat; 
background-size:100% auto;
background-position: left bottom;
border: 1px solid #DFDFDF; 
background-color: #FFFFFF;  overflow: hidden; }
/* Hide the images by default */.mySlides {width: 100%; height: 100%; display: none; -webkit-transition: 0.8s ease-in-out;-moz-transition: 0.8s ease-in-out;-o-transition: 0.8s ease-in-out;-ms-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out;}
.mySlides.fade img{min-width: 100%; min-height: 300px; padding: 0px; margin: 0px; }
/* Caption text */.text {  color: #FFFFFF;  font-size: 1.0em;  padding: 8px 12px;  position: absolute;  bottom: 8px;  width: auto; margin: 0px 9% 0px 9% !important; float: left;  text-align: center; background-color: #000000; opacity: 0.7; }
@keyframes fade {
  0% {opacity: 0.2}
  50% {opacity: 0.5}
  50% {opacity: 0.5}
  100% {opacity: 1.0}
}

/* Fading animation */.fade {  animation-name: fade;  animation-duration: 1.5s;}@keyframes fade {  from {opacity: 0.2}  to {opacity: 1.0}}



div#kopf{
border: 0px solid #FF0000; 
width: 90%; 
margin: 20px 5% 20px 5%; 
padding: 0px; 
display: inline-block; 
z-index: 1000; 
position: relative; 
}

span#logo{
width: 25%; 
height: auto; 
padding: 0px; 
margin: 0px; 
border: 0px solid #0000FF;
display: inline-block;  
float: left; 
position: relative; 
}
span#logo.fixiert{
position: fixed; 
left: 5%; 
top: 0px; 
width: 30%; 
}
span#logo.fixiert span.line_zwo{
display: none; 
}
span#logo.fixiert span.line_eins{
font-size: 1.8vw; 
opacity: 0.9; 
background-color: #FFFFFF; 
height: 55px; 
padding: 5px 0px 0px 0px; 
}

span#logo span.line_eins{
width: 100%; 
height: auto; 
padding: 0px; 
margin: 0px; 
border: 0px solid #FF0000; 
display: block; 
text-transform: uppercase; 
font-size: 2.7vw; 
font-weight: 200;
font-style: normal; 
}
span#logo span.line_eins a{
text-decoration: none; 
color: #000000; 
}
span#logo span.line_zwo{
width: 100%; 
padding: 0px; 
margin: 20px 0px 0px 0px; 
border: 0px solid #FF0000; 
display: block; 
text-transform: uppercase; 
font-size: 1.6vw; 
font-weight: 100;
font-style: normal; 
}


#responsive{display: none; }
#desktop{display: inline-block; width: 60%; float: right; }
ul#nav{
width: 100%; 
height: auto; 
padding: 0px; 
margin: 0px; 
border: 0px solid #0000FF;
display: block;  
list-style-type: none; 
position: relative; 
background-color: #FFFFFF; 
z-index: 1000; 
}
ul#nav.fixiert{
position: fixed;
width: 60%; 
height: 60px; 
top: 0px;  
right: 5%; 
padding: 0px; 
opacity: 0.9; 
font-size: 0.9em; 
}
ul#nav li a{
display: block;  
text-decoration: none; 
color: #000000; 
text-transform: uppercase; 
font-weight: 200; 
padding: 0px 5px 0px 10px; 
margin: 0px; 
}
ul#nav li a:hover, ul#nav li a:focus{
background-color: #DFDFDF; 
}
ul#nav li{
float: left; 
display: table; 
padding: 0px 2% 0px 2%; 
margin: 0px; 
width: 20%; 
}
.xx ul#nav li.haschild a::after{
content:" •"; 
color: #CCCCCC; 
}
.xx ul#nav li.haschild a::before{
content:"• "; 
color: #CCCCCC; 
}
.xx ul#nav li.haschild li a::after, ul#nav li.haschild li a::before{
content:"";
}
ul#nav li ul.subnav{
max-height: 0px; 
/*overflow: hidden; */
opacity: 0.0; 
display: inline-block; 
list-style-type: none; 
max-width: 50%; 
width: 30%; 
padding: 10px 0px 10px 0px; 
margin: 0px; 
position: absolute; 
z-index: 1200; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; 
border: 1px solid #DFDFDF; 
background-color: #FFFFFF; 
}
ul#nav li ul.subnav li{
float: left; 
display: block; 
width: 90%; 
position: relative; 
}
ul#nav li ul.subnav li.rightfloat{
float: left; 
}

ul#nav li ul.subnav li a{
display: block; 
font-weight: 100; 
font-size: 0.85em; 
line-height: 1.0em; 
padding: 10px 5px 10px 10px; 
}

ul#nav li ul.subnav.ausgeklappt{
opacity: 1.0; 
max-height: 1000px; 
overflow: hidden; 
}

ul#nav li span.caret{
border-left: 1px solid #CCCCCC; 
border-right: 0px solid #CCCCCC; 
border-top: 1px solid #CCCCCC; 
border-bottom: 0px solid #CCCCCC; 
transform: rotate(225deg);
width: 10px; 
height: 10px; 
padding: 0px; 
margin: 0px; 
position: relative; 
top: -22px; 
left: 24%; 
z-index: 100;
display: inline-block; 
}



#texte{
width: 90%; 
padding: 0px; 
margin: 50px 5% 100px 5%; 
border-top: 1px solid #E5E5E5;
border-bottom: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
display: block; 
float: left; 
z-index: 500; 
position: relative; 
}

#texte a img{
width: 30%; 
height: auto; 
margin: 0px 1% 0px 20px; 
padding: 0px; 
float: left; 
}
#texte span.untertitel{
width: 30%; 
height: auto; 
margin: 0px 1% 0px 20px; 
padding: 0px; 
text-align: center; 
}

.bildbox{
border: 0px solid #FFFFFF; 
display: inline-block; 
width: 30%; 
margin: 0px 1% 0px 0px; 
padding: 0px; 
}
#texte .bildbox a img{
width: 100%; 
display: block; 
margin: 0px; 
padding: 0px; 
}
.bildbox .bildunterschrift{
width: 100%; 
display: block; 
text-align: center; 
font-size: 0.8em; 
}

table.portrait{
float: right; 
width:400px !important; 
border: 0px solid #FF0000; 
margin: 0px 0px 0px 30px;
}
table.portrait .small{
border: 0px solid #FFFFFF; 
display: block; 
width: 100%; 
text-align: right;
}

div.bilderbox{
display: inline-block; 
width: 100%; 
}
span.bild_border{
width: calc(33.3% - 20px); 
height: auto; 
float: left; 
border: 0px solid #E5E5E5; 
margin: 0px 10px 20px 0px; 

}

span.bild_border .thumbnail{
float: left; 
width: 100%; 
min-height: 400px; 
border: 0px solid #FF0000; 
background-size: contain; 
background-position: center top; 
background-repeat: no-repeat; 
background-color: #FFFFFF; 
}

span.bild_border .ma_text{
text-align: center; 
width: 100%; 
display: block; 
background-color: #FFFFFF; 
font-size: 0.7em; 
}

#texte h2{
font-weight: 300; 
}



div#fuss{
text-align: center; 
width: 98%; 
margin: 0px; 
padding: 5px 1% 5px 1%; 
background-color: #FFFFFF; 
opacity: 0.9;  
color: #999999; 
font-size: 0.85em; 
border-top: 1px solid #E5E5E5;
border-bottom: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
display: inline-block; 
}
div#fuss a{
color: #999999; 
text-decoration: none; 
}
div#fuss a:hover, div#fuss a:focus{
text-decoration: underline; 
}

/* SLIDER ACCORDEON Style the buttons that are used to open and close the accordion panel */
.accordion {
  color: #444;
  cursor: pointer;
  padding: 5px 5px 5px 70px;
  border-radius: 5px; 
  border-top: 1px solid #DFDFDF; 
  border-left: 0px solid #DFDFDF; 
  border-right: 0px solid #DFDFDF; 
  border-bottom: 0px solid #DFDFDF; 
  margin: 10px 0px 0px 0px; 
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  background-image: none; 
  background-repeat: no-repeat; 
  background-size: 30px 30px; 
  background-position: 10px 50%; 
  background-color: transparent;
}
.accordion:hover {
}
.accordion h2{
font-size: 1.5em; 
font-weight: 400; 
text-decoration: none; 
}
.accordion h2:hover{text-decoration: underline; }

.accordion h2 .small{
font-size: 0.5em; 
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
}
.active{
  background-image: url("../img/sys/minus.png"); 
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
    margin: 0px 0px 10px 0px; 
  max-height: 0px; 
  overflow: hidden;
  transition: max-height 1.0s ease-out;
  opacity: 0.9; 
}

hr{
border-top: 1px solid #999999; 
border-left: 0px solid #999999;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
}
.small{
font-size: 0.7em; 
}
#texte a{
font-weight: 300; 
color: #666666; 
text-decoration: none; 
}
#texte a:hover, #texte a:focus{
text-decoration: underline; 
}
#texte ul{
list-style-type: none; 
padding: 0px 0px 0px 20px; 
margin: 0px; 
}
#texte ul li{
padding: 0px 0px 0px 20px; 
margin: 0px; 
display: block; 
}

#texte table{
width: 100%; 
}
#texte table tr{}
#texte table tr td{
padding: 5px 10px 5px 5px; 
margin: 0px; 
border: 0px solid #DFDFDF; 
}

#texte table img{
max-width: 400px; 
height: auto; 
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
div#kopfbereich{
height: 450px;
}
.slideshow-container{
height: 450px;
}
span.bild_border .thumbnail{
background-position: center bottom;
}

}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
#nav{font-size: 0.9em; }
#texte{font-size: 0.9em; }
h2{font-size: 1.2em;}
div#fuss{font-size: 0.7em;}
div#kopfbereich{
height: 400px;
}
.slideshow-container{
height: 400px;
}
span.bild_border .thumbnail{
background-position: center bottom;
}

}

@media screen and (min-width: 300px) and (max-width: 1023px) {
span#logo{width: 100%; border: 0px solid #FFFFFF; margin: 0px 0px 30px 0px; }
span#logo.fixiert{position: relative; top: 0px; left: 0px;}
span#logo span.line_eins{text-align: center; font-size: 5.4vw;}
span#logo span.line_zwo{text-align: center; font-size: 3.2vw;}
#responsive{display: inline-block; width: 100%; }
#desktop{display: none; }

#responsive ul{
width: 100%; 
max-height: 0px; 
overflow: hidden; 
margin: 0px; 
padding: 50px 0px 0px 0px; 
border: 0px solid #FFFFFF; 
list-style-type: none; 
background-color: #DFDFDF; 
-webkit-transition: 0.8s ease-in-out;-moz-transition: 0.8s ease-in-out;-o-transition: 0.8s ease-in-out;-ms-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out;
text-transform: uppercase; 
background-image:url("../img/nav_resp.png");
background-size: auto 50px;
background-position: right top;
background-repeat: no-repeat;

}
#responsive ul ul{
padding: 0px 0px 10px 0px; 
background-image: none !important;
}

#responsive ul.oeffnen{
max-height: 1000px; 
}

#responsive ul li{
width: 100%; 
}
#responsive ul li a{
text-decoration: none; 
color: #000000; 
display: block; 
}
#responsive ul li{
margin: 0px 0px 0px 10px;
font-weight: 300; 
}
#responsive ul li ul li{
margin: 0px 0px 0px 20px;
font-weight: 100; 
}

span.bild_border .thumbnail{
background-position: center bottom;
}


}

@media screen and (min-width: 600px) and (max-width: 1023px) {
span.bild_border{width: calc(50% - 20px);}

.bildbox{
width: 48%; 
margin: 0px 0% 30px 0px; 
}
.bildbox .bildunterschrift{
font-size: 0.9em; 
}
span.bild_border .thumbnail{
background-position: center bottom;
}


div#kopfbereich{
height: 300px;
}
.slideshow-container{
height: 300px;
}
}

@media screen and (min-width: 600px) and (max-width: 800px) {
#texte table tr td{
max-width: 100% !important;
width: 100%; 
float: left; 
}
#texte table tr td:nth-child(even){
margin: 0px 0px 60px 0px; 
}
}

@media screen and (min-width: 300px) and (max-width: 599px) {
html, body{
font-size: 1.2em; 
font-weight: 300;
font-style: normal; 
}
span.bild_border{width: calc(100% - 20px);}
div#kopfbereich{
height: 200px;
}

.bildbox{
width: 98%; 
margin: 0px 0% 30px 0px; 
}
.bildbox .bildunterschrift{
font-size: 0.9em; 
}

.slideshow-container{
height: 200px;
}
#texte table tr td{
max-width: 100% !important;
width: 100%; 
float: left; 
}
#texte table tr td:nth-child(even){
margin: 0px 0px 40px 0px; 
}

#texte table tr td img{
max-width: 150px !important;
}

}