@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-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;
}
@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-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-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-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-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: 400;
    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: 400;
    font-style: italic;
    font-display: auto;
}

html, body {
background: #DFDFDF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 50%, rgba(255, 255, 255, 1) 100%); min-height: 100%; font-family: 'Roboto Condensed', 'Roboto', 'Segue', 'Open Sans', 'Helvetica', 'Arial'; font-weight: 300; font-size: 1.2em; color: #000000; line-height: 1.5em; margin: 0px; padding: 0px; hyphens: auto;}

.aktuelleseite{font-size: 1.5em; font-weight: 200; color: #999999; display: block; padding: 0px 0px 20px 0px; text-align: center; }

h1, h2, h3, h4, h5, h6, b, strong{
font-weight: 400; 
}
h1{font-size: 1.4em; }
h2{font-size: 1.3em; }
h3{font-size: 1.2em; }
h4{font-size: 1.1em; }
h5{font-size: 1.0em; }
h6{font-size: 0.9em; }

p{display: inline;}
img[style*="float: right"] {
    margin-left: 15px;
    margin-bottom: 10px;
}

hr{
border-top: 1px solid #CCCCCC; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-bottom: 0px solid #999999; 
}

#kopfzeile{ background-color: #555555; color: #FFFFFF; font-size: 0.9em; height: 30px; width: 80%; padding: 10px 10% 10px 10%; position: absolute; left: 0px; top: 0px; text-align: right; }
#kopfzeile p{line-height: 0px; }
.lang, .mail{float: right; }
.lang:hover, .mail:hover{opacity: 0.6; }

table{border: 0px solid #FF0000; margin: 0px 0px 30px 0px; }
table td{border: 0px solid #FF0000; padding-left: 10px; vertical-align: top; }
table th{font-weight: 100; text-align: left; }
table td img{position: relative; top: 5px; }

#logo{
min-height: 120px; padding: 0px 20px 0px 20px; margin: 0px 5% 0px 0px; float: right;
width: calc(24% - 40px); 
}
.logobox{width: 60%; margin: 50px 20% 0px 20%; border: 0px solid #FF0000;}
.logotext{width: 100%; margin: 0px; border: 0px solid #FF0000;}
.logo{ width: 15%; height: auto; padding: 0px 0px 0px 0px; margin: 0px 12% 0px 8%; text-align: center; border: 0px solid #FF0000; }
.lgtext{width: 15%; height: auto; padding: 0px 0px 0px 0px; margin: 0px 12% 0px 8%; border: 0px solid #FF0000; text-align: center; display: inline-block;}
.logo.last, .lgtext.last{margin: 0px 0% 0px 6%;}
.logobox a{color: #1d7a4c; font-weight: 300;}


.logo img{ margin: 0px auto; width: 100%; }
span.hline_divide{
background: linear-gradient(90deg,rgba(244, 244, 244, 1) 0%, rgba(153, 153, 153, 1) 50%, rgba(244, 244, 244, 1) 100%);
  width: 80%;
  height: 1px;
  margin: 0px 10% 50px 10%;
  border: 0px solid #FF0000;
  display: inline-block;
  text-align: center;
  line-height: 0px;
  color: #777777;
}

img{max-width: 100%; }

.img-align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.img-align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}
.img-align-center {
    display: block !important;
    margin: 15px auto !important;
    text-align: center;
}

.content{
width: 80%; margin: 0px 10% 150px 10%; padding: 0px 0px 0px 0px; border: 0px solid #CCCCCC;
}
article{width: 100%; height: auto; }

.small{font-size: 0.8em; line-height: 1.1em; display: inline-block; }
.linieoben{border-top: 1px solid #990000; padding: 20px 0px 0px 0px;}
a{color: #990000; font-weight: 300; text-decoration: none; }


a:hover{text-decoration: underline;} 
ul{margin: 0px; padding: 0px 0px 0px 5px; list-style-type: circle;  list-style-position: inside; }

#responsive{display: none;}



ul.menu{ list-style-type: none; display: flex; align-items: center; justify-content: space-between; width: 80%; position: relative; margin: 50px 0px 30px 10%; padding: 0px; padding: 0px; 
background-color: #1d7a4c; border-radius: 100px; } 
ul.menu > li { position: relative;}
ul.menu li:nth-child(1){ padding: 10px 10px 10px 30px; }
ul.menu li:nth-last-child(1){padding: 10px 30px 10px 10px; }
ul.menu > li > a {color: #000000; text-decoration: none; font-weight: 300; z-index: 202; padding: 0px; margin: 0px;  }
ul.menu li.ancestor a{color: #FFFFFF; }
ul.menu li.selected a{color: #9bbdac !important; }
span.haschild{width: 5px; height: 5px; border-radius: 30px;  background-color: #FFFFFF; position: absolute; top: 35px; display: block; opacity: 0.3; margin-left: 45%; }
ul.menu ul.submenu { display: none; position: absolute; top: 100%; left: -70px; background-color: #1d7a4c; min-width: 220px; list-style: none; margin: 0; padding: 20px 10px 20px 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; border-radius: 0px 0px 20px 20px;}
ul.menu ul.submenu li {margin: 0; padding: 0px; display: block; width: 100%; }
ul.menu ul.submenu li a{font-weight: 100; text-decoration: none; color: #FFFFFF; font-size: 0.95em; white-space: nowrap; text-align: left;  } 
ul.menu li.selected ul.submenu { }
ul.menu li:hover ul.submenu { display: block; }
ul.menu li.selected > a { color: #007bff; }
ul.menu ul.submenu li.selected a { color: #FFFFFF; background-color: #1d7a4c; }
ul.menu ul.submenu li a:hover { background-color: #1d7a4c; color: #a5ccb0; }
li.divider{color: #1d7a4c; border-right: 1px solid #FFFFFF; height: 100%; padding: 0px; margin: 0px; }

.texte{ width: 88%; min-height: 350px; margin: 0px 6% 150px 6%; display: inline-block; border: 0px solid #FF0000; }
.texte img.note-float-right{margin: 0px 0px 10px 20px; }

.footer{
background-color: #FFFFFF; padding: 10px 0px 0px 0px; margin: 0px; width: 100%; min-height: 40px; border-top: 1px solid #CCCCCC; position: fixed; bottom: 0px; left: 0px; z-index: 10; opacity: 0.9; text-align: center; 
}

.fussbild{width: 80px; height: 80px; overflow: hidden; position:fixed; right: 5%; bottom: 10px; z-index: 100; border-radius: 150px; border: 5px solid #FFFFFF; }
img.fussfoto{width: 80px; height: auto; }

@media screen and (min-width: 320px) and (max-width: 640px) {
body{font-size: 1.0em;}
.fussbild{right: 10px; bottom: 60px;}
.footer{font-size: 0.9em; }
table td{border: 0px solid #FF0000; padding-left: 10px; vertical-align: top; min-width: 10%;}

}

@media screen and (min-width: 320px) and (max-width: 1400px) {
.logobox {
  margin: 150px 20% 40px 20%;
}

#topMenu{display: none;}
#responsive{display: inline-block;}
ul.menu{max-height: 1px; overflow: hidden; transition: 0.5s ease-in-out;}

#responsive{background-color: #1d7a4c; background-image: url('img/sys/nav_resp.png'); background-position: right 1% top 0px; background-repeat: no-repeat; position: absolute; top: 50px; left: 0px; width: 88%; max-height: 0px; overflow: hidden; padding: 60px 2% 0px 10%; margin: 0px; z-index: 2001; transition: 0.8s ease-in-out;}
#responsive.offen{max-height: 1000px; display: block;  }
#responsive ul.menu{max-height: 1000px; overflow: visible; transition: 0.5s ease-in-out;}

#responsive ul{list-style-type: none; padding: 0px 0px 20px 0px; margin: 0px; }
#responsive ul li a{text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; color: #000000; font-weight: 300; text-transform: uppercase; color: #FFFFFF;  font-size: 0.9em;}
#responsive ul ul li a{padding: 0px 0px 0px 10px; color: #FFFFFF; }
#responsive ul li.active a{color: #999999;}

#responsive ul.menu{ list-style-type: none; display: inline-block; width: 80%; position: relative; margin: 50px 0px 30px 10%; padding: 0px; background-color: #1d7a4c; border-radius: 100px; } 
#responsive ul.menu > li { position: relative; display: block; width: 100%; }
#responsive ul.menu li:nth-child(1){ padding: 10px 10px 10px 0px; }
#responsive ul.menu li:nth-last-child(1){padding: 10px 0px 10px 10px; }
#responsive ul.menu > li > a {color: #000000; text-decoration: none; font-weight: 300; z-index: 202;  }
#responsive ul.menu li.ancestor a{color: #FFFFFF; }
#responsive ul.menu li.selected a{color: #9bbdac !important; }
#responsive span.haschild{width: 5px; height: 5px; border-radius: 30px;  background-color: #FFFFFF; position: relative; top: -18px; left: -15px; display: block; opacity: 0.3; display: none; }
#responsive ul.menu ul.submenu { background-color: #1d7a4c; width: 100%; list-style: none; margin: 0; padding: 0px 10px 20px 10px; box-shadow: none; z-index: 1000; border-radius: 0px; display: block; position: relative; top: 0px; left: 0px; } 
#responsive ul.menu ul.submenu li {margin: 0; padding: 0px; display: block; width: 100%; }
#responsive ul.menu ul.submenu li a{font-weight: 100; text-decoration: none; color: #FFFFFF; font-size: 0.95em; white-space: nowrap; text-align: left;  } 
#responsive ul.menu li.selected ul.submenu { }
#responsive ul.menu li:hover ul.submenu { display: block; }
#responsive ul.menu li.selected > a { color: #007bff; }
#responsive ul.menu ul.submenu li.selected a { color: #FFFFFF; background-color: #1d7a4c; }
#responsive ul.menu ul.submenu li a:hover { background-color: #1d7a4c; color: #a5ccb0; }
#responsive li.divider{color: #1d7a4c; border-top: 1px solid #FFFFFF; height: 1px; padding: 0px; margin: 0px; }
}