@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/fileadmin/templates/css/fonts/opensans-condbold-webfont.eot');
    src: url('/fileadmin/templates/css/fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/templates/css/fonts/opensans-condbold-webfont.woff2') format('woff2'),
         url('/fileadmin/templates/css/fonts/opensans-condbold-webfont.woff') format('woff'),
         url('/fileadmin/templates/css/fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('/fileadmin/templates/css/fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fileadmin/templates/css/fonts/opensans-regular-webfont.eot');
    src: url('/fileadmin/templates/css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/templates/css/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/fileadmin/templates/css/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/fileadmin/templates/css/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/fileadmin/templates/css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Allgemein */
* {margin: 0;padding: 0;}
html,body {    margin: 0;}
body {    font-family: 'Open Sans', sans-serif;    font-weight: 400;    font-size: 16px;    color: #000;    background-image: url(../Images/head_center.png), url(../Images/kopf_bg.png), url(../Images/footer_bg.png);    background-position: center top, left top, center bottom 0px;    background-repeat: no-repeat, repeat-x, repeat-x;    min-height: 100vh;}
div#background {display: flex;flex-flow: row wrap;align-content: flex-start;position: relative;box-shadow: 0px 0px 15px 2px #888;margin: 0 auto;max-width: 1024px;width: 100%;min-height: 100vh;}

/* Header */
header#topper {position: relative; background-image: url(../Images/header.png); background-position: top center; background-repeat: no-repeat; height: 211px; font-family: 'Open Sans Condensed'; width: 100%;}
span.logo a {display: block;float: right;font-family: 'Open Sans', sans-serif; font-size: 26px;margin: 90px 20px 0 0;color: #000;text-shadow: 0px 0px 10px #83c3e3;}

.dp--iframe {
    width: 100%;
}

/* menu */
#mainmenu {padding-top: 10em; z-index:100;position: absolute; width: 100%; height: 26px;z-index:999;}
#mainmenu ul {list-style-type:none; margin:0;background:#83c3e3;}
.main-menu, .head-menu, #mainmenu input[type="checkbox"], .sub-menu, span.drop-icon {display:none;}
#mainmenu ul li {border-bottom:1px solid #5a8383;position:relative;}
#mainmenu ul li a {display:block;padding:1em;font-weight:bold;}
#mainmenu ul li a.act {color:#fff;}
#mainmenu .sub-menu {background:#e3eaef}
#mainmenu .sub-menu li:first-child {border-top: 1px solid #5a8383;}
#mainmenu .sub-menu li a {padding-left:3em; color:rgb(0,18,19)}
#toggle-menu {position:absolute; top:2.5em; right:1em; border: 1px solid #83c3e3; padding:5px 7px;background: url(../Images/menu-icon.png) no-repeat center center;width: 45px;height: 45px;}
#toggle-menu:hover {background: url(../Images/menu.png) no-repeat center center;border: 1px solid #fff;}
#tm:checked + .main-menu, #tm:checked + .main-menu + .head-menu,#tm:checked + .head-menu,#mainmenu input[type="checkbox"]:checked + .sub-menu {display:block;} 
label.drop-icon {position:absolute;border-left:1px solid #5a8383; right:0;top:0;width:4em;height:100%;text-align:center;line-height:3em;}


/* Links */
a {color: #47626d;    text-decoration: none;    font-weight: bold;}

/* suche */
div#indexedsearchbox {    position: absolute;    bottom: 5px;    right: 0;    padding-right: 20px;    text-transform: uppercase;    font-weight: 700;}

/* Fließtext */
p {    line-height: 1.5em;    margin: 0 0 10px 0;    padding: 5px 0 0 0;}
aside p {  padding:15px 20px 10px 20px;}

/* Content */
main {padding-top: 30px;width: 100%;margin: 0 auto;}

article {    padding-left: 10px;    margin-bottom: 2em;}
img {  max-width:100%;  height:auto;}
article p img {    float: left;    margin-right: 1em;}
main ul, aside ul {  margin:10px 30px;}
main ul li, aside ul li, ol li {  line-height:1.5em;  margin-bottom:10px;}
main div.frame-default {padding:10px;}
.frame-100 {    background-color: #edf2f4;    padding:10px;    margin-bottom: 20px;}
.frame-100 h2 {  color:#555;}

table {border: 0;width: 100%;margin-top: 5px;}
table td {padding-right: 5px;padding-left: 5px;}

/* sidebar */
aside {    margin: 0 auto 175px auto;    width: 100%;    max-width: 500px;    text-align: center;}
aside div {text-align: start; margin: 0 10px;}
aside div img {    margin: 0 auto;}
aside table {  border-spacing: 0; overflow:hidden;}
aside table td{  margin:0;    padding:10px 0 !important;}
aside ul {  list-style-type:none;}
aside ul li a {  display: block;background-image: url(../Images/link_pfeil.png);background-position: center right;background-repeat: no-repeat;  padding-right:15px;    font-size:14px;}

/* Überschriften */
h1 {    font-weight: bold;    font-size: 20px;    display: block;    background-color: #dce6ec;    margin-bottom: 10px;    padding-top: 3px;    padding-left: 10px;}
h2 {    display: block;    width: 100%;    border-bottom: 1px solid #47626d;    font-size: 16px;    margin: 10px 0 10px 0;}
h2 a {    color: #47626d;    text-decoration: none;}
h3 {width: 100%;border-bottom: 1px solid #47626d;color: #47626d;font-size: 16px;margin: 0;padding: 10px 0 0 0;text-decoration: none;}
aside h3, aside table h2 {    background: #c81a11;    color: white;    height: 22px;    padding-top: 3px;    padding-left: 20px;    font-size: 14px;  	text-transform:uppercase;  border:0;}
aside h4 {background-color: #edf2f4;    color: #000;    text-transform: uppercase;    padding-left: 20px;    padding-right: 35px;    padding-top: 5px;    padding-bottom: 5px;    font-size: 14px;}

/* news */
.news .article .teaser-text {margin: 0 0 10px 0;}
.news .article .teaser-text p {margin:0;padding:0;}
.news .footer span.news-list-date-detail {display: block;padding: 0;margin: 0;border: 0;}
.news-img-caption { font-size:12px;   color: #888;  text-align:right;}
.news-single .article .news-img-wrap {text-align:right;}
.ce-textpic {width:100%;}
.ce-gallery {width:auto;}
.news .footer {font-size: 12px;}
.news .footer p {margin:0; padding:0;}

aside ul.catsub li a {display: block;font-size: 12px;font-weight: bold;color: #47626d;text-decoration: none;background:none;padding-left:20px;}
aside ul.catsub li{  position:relative;    }
aside label#catlist {
    display: block;
    font-size: 16px;
    font-weight: bold;
    background-color: #c3d3dc;
    padding: 8px 0 8px 50px;
    position: relative;
    text-transform: uppercase;
    border: 0;
    border-top: 1px solid #dbe5ea;
    border-bottom: 1px solid #dbe5ea;
}
aside input:checked + label#catlist:before {
    content: url(../Images/acc_pfeil_act.png);
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 0;
    margin-top: -8px;
}

aside label#catlist:before {
    content: url(../Images/acc_pfeil.png);
    height: 0;
    left: 0;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 0;
}

aside label#catland {
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    text-transform: uppercase;
    border: 0;
  top:0;
  width:100%
}
aside input:checked + label#catland:before {
    content: url(../Images/link_pfeil_act.png);
}

aside label#catland:before {
    content: url(../Images/link_pfeil.png);
    height: 0;
    left: 0;
    width: 0;
}

aside nav input {
    display: none;
}
aside nav input ~ ul {
    display: none;
}

aside nav input:checked ~ ul {
    display: block;
}
nav#blogcat {
  display:none;
}
div#anweisung {
    float: right;
    width: 58px;
    height: 37px;
    margin-right: 20px;
    background-image: url(../Images/info.png);
    background-repeat: no-repeat;
    -moz-box-shadow: 1px 1px 0px 0px #555;
    -webkit-box-shadow: 1px 1px 0px 0px #555;
    box-shadow: 1px 1px 0px 0px #555;
}
  div#anweisung a {
   display: block;
    height: 100%;
  }
p.lastchange {font-size:12px; line-height:1.2em;}

/* footer */
footer {
    margin: 0 auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    width: 100%;
    bottom: 2px;
    min-height: 75px;
    background-color: #b4d4e3;
    text-align: center;
    position: absolute;
}

footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
footer ul li {
    padding: 10px 30px;
    display: inline-block;
}

footer ul.social {
    width: 100%;
    height: 25px;
    margin-top: 0px;
    list-style-type: none;
    text-align: center;
}
footer ul.social li {
    display: inline;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

img.social-icon {
    width: 20px;
    height: 20px;
}

/* Suche */
.tx-indexedsearch-searchbox fieldset {    padding: 20px;    border: 1px solid #b4d4e3;margin-bottom:20px;}
.tx-indexedsearch-searchbox fieldset legend {padding:0 10px;}
.tx-indexedsearch-searchbox label {margin-right:20px;}
.tx-indexedsearch-searchbox input {padding:5px;}
.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {    background: #b4d4e3;
    border: 1px solid #000;
    border-radius: 0.3em;}
.tx-indexedsearch-info {display:none;}

.searchform {bottom: 5px;position: absolute;right: 20px;text-align:right}
.searchform input[type="text"] {padding:3px;}
.searchform input[type="submit"] {display:none;}
.searchform label {    display: inline-block;    margin-right: 10px;}
/*.ce-center .ce-outer, .ce-center .ce-inner {right: 0;}*/

/* Kontaktformular */
form#kontakt-166 h2 {display:none;}
.frame-layout-3 p {font-size:12px; font-style:italic;}

div.form-group {display:block;width:100%;margin-bottom: 20px;}
.control-label {width:100%;}
.input {width:100%}

.form-control {width:100%}
div.checkbox {width:100%}
div.btn-group {text-align:center;}
button.btn-primary{padding: 10px;background: #83c3e3;border: 0;color: #47626d;font-weight: bold;}

/* Datenblätter Liste */
ol {
    margin: 0;
    padding-top: 3px;
    padding-left: 17px;
    text-indent: -17px;
    list-style-type: none;
}
ol li::before {
    content: "\2192 \0020";
}

@media screen and (min-width:600px) {
div.form-group {display:flex;}
.control-label {width:30%;}
.input {width:50%}
span.logo a {        font-size: 38px;        margin: 90px 45px 0 0;        color: #000;    }
h1 {        font-size: 20px;        padding-left: 35px;      margin-left:-25px;    }
h1.news {      padding-left: 35px;      margin-left:-35px;}
article {        padding-left: 31px;    }
main {padding-top: 30px; width: 65%; margin-bottom:120px;   }
aside {        width: 30%;        max-width: 310px;        border-left: 1px solid #d2d1d1;        text-align: start;        margin: 0 0 75px 0;    }
aside div {margin: 0;}
aside header {overflow:hidden;}
  nav#blogcat {
  display:block;
}
}
@media screen and (min-width:768px) {
main {margin: 0 auto 175px auto}
.news-single .footer {}
.news-single .article .news-img-wrap {width: 50%;margin:0;}
#toggle-menu {display:none;}
#mainmenu {background:transparent;bottom:3px; position:absolute;width:auto;z-index:999;}
.main-menu {display:inline-block; margin: 0;  padding:0 0 0 30px;  width: auto; }
#mainmenu ul li {border-bottom:0px;display:inline-block;width:auto;font-size: 16px;background: #83c3e3; border-right: 1px solid #2e4550;height: 24px; padding-top: 2px; margin:0; }
#mainmenu ul li a {display:block;padding: 0 2em;font-weight:bold;}
#mainmenu .sub-menu {position:absolute;text-align:left; margin:2px 0 0 0;}
#mainmenu .sub-menu li {float:none; border-top: 0px;display:block;border-bottom: 1px solid rgba(10,128,136,0.4); background: #e3eaef;height: auto;min-width: 150px;width: 100%;}
#mainmenu .sub-menu li:first-child {border-top: 0;}
#mainmenu .sub-menu li a {text-align:center; padding:0.5em 1em;color:#5a8383;display:block;font-size:0.8em;}
#mainmenu .sub-menu li:hover {background-color:#fff;}
#mainmenu .sub-menu li:hover a {color: #000;}
#mainmenu input[type="checkbox"]:checked + .sub-menu, #mainmenu input[type="checkbox"]:checked + .main-menu + .head-menu {display:none;} 
#mainmenu li:hover > input[type="checkbox"] + .sub-menu {display:block;} 
label.drop-icon {display:none;}
span.drop-icon {display:inline-block;margin-left:0.3em;}
.searchform {width: 200px; bottom:35px;}
  }
@media screen and (min-width:850px) {
.searchform {bottom: 5px;}
}