@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,700&display=swap');
    /*
    hellblau: #c2e3f4
    altweiss: #f2f4ef
    beige:    #efb730

    grün:     #18A557
    font-family: 'Roboto Condensed', sans-serif;
    */
*{
    color:#575953;
    margin:0;
    padding:0;
    box-sizing: border-box;
    vertical-align: top;
    font-family: Arial;
    font-size:16px;
    text-decoration: none;
}
html,body{
    min-height:100vH;
    background-color:#f2f4ef;
    background-attachment:fixed;
}
body{
    overflow: auto;
}
a{
    cursor: pointer;
    color:inherit;
}
header{
    height:140px;
    border-bottom:2px solid #18A557;
    background-color:#FAFAFA;
    text-align:center;
    line-height: 140px;
    position:fixed;
    top:0px;
    left:0px;
    width:100vW;
    z-index:600;
}
header img{
    vertical-align: middle;
    margin:0px 50px;
}
header > nav{
    display:inline-block;
    margin-top:60px;
    line-height:24px;
    width:310px;
    text-align:left;
}
header > nav ul{
    list-style-type:none;
}
header > nav ul > li{
    display:inline-block;
    position:relative;
    height:32px;
}
header > nav ul > li > ul{
    position:absolute;
    top:26px;
    left:0px;
    z-index:500;
    padding:10px;
    border-radius: 8px;
    background-color:rgba(255,255,255,0.9);
    transition: all 1s;
    opacity:0;
    height:0px;
    width:0px;
    overflow:hidden;
}
header > nav ul > li:hover > ul{
    opacity:1;
    height:auto;
    width:auto;
}
header > nav ul > li > ul > li{
    display:block;
    white-space: pre;
    margin:4px 0px;
}

header > nav a{
    margin:0px 16px;
    position:relative;
    font-size:1.2rem;
    display:block;
}
header > nav a:after{
    content: "";
    display:block;
    position:absolute;
    left:50%;
    top:24px;
    height:1px;
    width:0%;
    transition:all 0.3s;
}
header > nav a:not(.icon-home):before{
    content: "";
    display:block;
    position:absolute;
    left:50%;
    top:-5px;
    height:1px;
    width:0%;
    transition:all 0.3s;
}
header > nav a:hover{
	color:#000;
}
header > nav a:hover:after{
    background-color:#18A557;
    left:-10%;
    width:120%;
}
header > nav a:not(.icon-home):hover:before{
    background-color:#18A557;
    left:-10%;
    width:120%;
}
header > nav a.icon-home:hover:after{
    background-color:transparent;
}

/* --------------------------- [+] CONTENT ----------------------------------------------------- */
main{
    max-width: 100vW;
    min-height: 100vH;
    padding-top:160px;
}
main > h1{
    display:block;
    margin:20px 40px 5px 40px;
    border:1px solid #18A557;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:1.6em;
    padding:15px;
    background-color:rgba(255,255,255,0.8);
    font-weight:bold;
    text-align: left;
}
main > section{
    padding:0px 20px;
}
main > section > h1{
    display:none;
}
main > section > article{
    display:block;
    min-height:100px;
    border:0px solid #18A557;
    margin:20px;
    margin-bottom:50px;
}
main > section.col-2{
    display:table;
    border-spacing: 20px;
    width:100%;
    min-height:100px;
}
main > section.col-2 > h2{
    display:block;
    width:100%;
    clear:both;
}
main > section.col-2 > article{
    display:table-cell;
    width:50%;
    min-height:350px;
    overflow:hidden;
}
main > section > article > h2,.accordion h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size:1.6em;
    padding-bottom:6px;
    padding:15px;
    background-color:rgba(255,255,255,0.8);
    border-top-right-radius:0px;
    border:1px solid #18A557;
    font-weight:bold;
}
main > section > article > p{
    padding:10px 15px;
}
main > section > article ul,main > section > article ol{
    list-style-type:none;
    margin-left:30px;
}
main > section > article ul > li:before{
    content: "+";
    margin-right:10px;
    font-size:2em;
    color:#18A557;
    font-weight:bold;
    position:relative;
    top:5px;
}
main > section > article form{
    line-height:34px;
    margin:auto;
    max-width:95%;
    width:auto;
}
main > section > article form > label{
    display:inline-block;
    width:140px;
    vertical-align:top;
}
main > section > article form input,main > section > article form textarea{
    border-radius:5px;
    padding:3px 7px;
    border:1px solid #18A557;
    width:350px;
}
input[type=radio],input[type=submit],input[type=reset]{
    vertical-align:middle;
    width:auto;
}
input[type=submit],input[type=reset]{
    vertical-align:middle;
    width:auto;
    padding:4px 25px;
}
input[name=firstname]{
    display:none;
}
textarea{
    margin:4px 0px;
    resize: none;
}
u{
    text-decoration: underline;
}
/* --------------------------- [-] CONTENT ----------------------------------------------------- */

/* --------------------------- [+] FOOTER ------------------------------------------------------ */
main > footer{
    grid-area:footer;
    box-shadow:0px 0px 30px #babec7;
    border-top:2px solid #18A557;
    background-color:#F6F7F9;
    padding:10px;
    width:100%;
    min-height:130px;
}
main > footer figure{
    display:inline-block;
    width:59%;
}
main > footer nav{
    width:40%;
    display:inline-block;
    text-align: right;
}
main > footer a{
    line-height: 40px;
    margin:0px 20px;
    font-size:0.9rem;
}
main > footer figure a{
    line-height:100px;
    margin:0px 10px;
    float:left;
}
main > footer figure a img{
    max-height:100px;
    max-width:200px;
    vertical-align: middle;
    filter: grayscale(80%);
    opacity:0.6;
    transition:all 0.6s;
}
main > footer figure a:hover img{
    filter: grayscale(0%);
    opacity:1;
}
/* --------------------------- [-] FOOTER ------------------------------------------------------ */

/* --------------------------- [+] IDs --------------------------------------------------------- */
#logo{
    max-width:320px;
}
#social{
    position:fixed;
    top:50vH;
    right:-86px;
    margin-top:-50px;
}
#social a{
    display:block;
    width:130px;
    color:#fff !important;
    background-color:rgba(0,0,0,0.2);
    padding:10px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    margin:4px 0px;
    -webkit-transition: all 0.96s 0s ease-in-out;
    -moz-transition: all 0.6s 0s ease-in-out;
    -o-transition: all 0.6s 0s ease-in-out;
    transition: all 0.6s 0s ease-in-out;
    border:2px solid #18A557;
}
#social a:hover{
    margin-left:-90px;
    background-color:rgba(0,0,0,0.8);
}
#social a:before{
    color:#fff !important;
}
#social a span{
    color:inherit;
    font-size:1.2rem;
    margin-top:2px;
    display:inline-block;
}
#selectimg button{
    display:block;
    border:1px solid #18A557 !important;
    border-radius:5px;
    width:90%;
    margin:20px auto;
    line-height:30px;
    background-color:rgba(255,255,255,0.8);
    cursor:pointer;
}
#mmenu,#burger{
    display:none;
}
#cookiehinweis{
    position:fixed;
    bottom:0px;
    left:0px;
    min-height:190px;
    width:100vW;
    background-color:rgba(255,255,255,0.9);
    padding:15px;
    line-height:30px;
    transition:all 1s;
    border-top:1px solid #18A557;
}
#cookiehinweis button{
    padding:5px 8px;
    border-radius:7px;
    background-color:#18A557;
    color:#fff;
    vertical-align:middle;
    float:right;
    margin-right:25px;
}
/* --------------------------- [-] IDs --------------------------------------------------------- */
/* --------------------------- [+] Klassen ----------------------------------------------------- */
.icon-plus:before{
    color:#18A557;
    font-family: 'entypo-plus';
    font-size:1.6rem;
    vertical-align:middle;
    cursor: default;
}
.icon-plus{
    font-family: inherit;
    font-size: inherit;
}
.icon-plus span{
    display:inline-block;
    padding-top:4px;
    padding-left:7px;
    font-family: inherit;
    font-size: inherit;
}
.big{
    font-size:1.8rem;
}
.green{
    color:#18A557;
    vertical-align: baseline;
}
.bold{
    font-weight:bold;
}
main > section.bgzoom > article{
    height:350px;
    min-height:350px;
    transition:all 1.4s;
}
main > section.bgzoom > article > p{
    height:380px;
    min-height:350px;
    background-size:100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    transition:all 1.4s;
}
main > section.bgzoom > article:hover > p{
    transform: scale(1.5);
}
.accordion{
    max-width:97%;
    margin:10px auto;
}
.ui-accordion-content{
    max-width:96%;
    margin:auto;
    padding:20px;
    overflow:hidden !important;
}
.ui-widget-content {
    border: 0px solid #18A557;
    background: transparent;
    color: inherit;
}
.ui-dialog{
    background-color:rgba(255,255,255,0.9);
}
.accordion{
    max-height:100%;
}
.accordion figure{
    display:inline-block;
    background-color:rgba(255,255,255,0.7);
    margin:8px;
    height:145px;
    line-height:135px;
    width:240px;
    overflow:hidden;
    position:relative;
    text-align:center;
    padding:5px;
    cursor:pointer;
}
.accordion figure img{
    max-width:99%;
    max-height:135px;
    vertical-align: middle;
}
.accordion figure span{
    transition:all 0.6s;
    position:absolute;
    top:160px;
    left:0px;
    height:145px;
    width:240px;
    background-color:rgba(255,255,255,0.9);
    line-height:1.2rem;
    padding:15px;
}
.accordion figure:hover span{
    top:0px;
}
.ui-accordion .ui-accordion-header{
    font-family: 'Roboto Condensed', sans-serif;
    font-size:1.6em;
    padding-bottom:6px;
    padding:15px;
    background-color:rgba(255,255,255,0.8);
    border-top-right-radius:0px;
    border:1px solid #18A557;
    font-weight:bold;
    margin: 20px 18px 5px 18px;
}
.fehler{
    color:#FF6600;
}
.anchor{
    position:relative;
    top:-160px;
}
.sublink{
    height:28px;
}
.sublink a{
    font-size:14px;
    padding-left:20px;
}
/* --------------------------- [-] Klassen ----------------------------------------------------- */