.bx-wrapper{position:relative;padding:0}.bx-wrapper img{width:100%;height:auto;display:block}.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url("/files/images/bx_loader.gif") center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{display:none;text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}.bx-wrapper .bx-prev{left:10px;background:url("/files/images/controls.png") no-repeat 0 -32px}.bx-wrapper .bx-next{right:10px;background:url("/files/images/controls.png") no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url("/files/images/controls.png") -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url("/files/images/controls.png") -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,hr,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,footer,header,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}body{font-family:"Roboto",sans-serif}a img{transition:opacity .2s ease}a img:hover{opacity:.8}.impressum{margin-right:50px}#headerwrapper{width:100%;height:80px;background:rgba(0,0,0,.6);position:absolute;top:0;z-index:100;display:table}#header{width:980px;margin:0 auto}#logo{float:left;margin-top:15px}#sliderwrapper{position:relative;min-width:1290px}#sliderbutton{position:absolute;right:100px;top:200px;width:300px;height:300px;border-radius:50%;color:white}#sliderbutton a{color:white;text-decoration:none;text-align:center;width:100%;display:block;height:100%;font-size:40px;padding-top:90px}#sloganwrapper{position:absolute;bottom:0;width:100%;height:150px;background-color:#713321}#slogan{width:980px;min-height:100px;margin:0 auto;margin-top:25px;position:relative}#slogan h2{color:#fff;font-size:24px;font-weight:300;width:90%}#slogan span{position:absolute;right:0;bottom:10px;color:#fff;font-style:italic;font-size:14px}#banner{background-image:url("/files/banner.jpg");height:110px;width:100%;display:table}#blocks{width:100%;min-width:1290px;display:table}.block{width:25%;float:left;height:150px;transition:background-color .5s ease}.block:hover{background-color:#a3a3a3}.block span a{width:100%;text-align:center;float:left;color:#fff;font-weight:300;font-size:44px;line-height:150px;text-decoration:none}.block1{background-color:#ffa700}.block2{background-color:#e99500}.block3{background-color:#ffc800}.block4{background-color:#ca4821}#contentwrapper{width:100%;display:table}#content{width:980px;margin:50px auto;display:table}#contentleft{float:left;width:45%}#contentright{float:left;width:55%;position:relative}#homelist{margin-top:20px;list-style:url("/uploads/images/layout/hacken.png");margin-bottom:60px}#homelist li{font-size:20px;margin-bottom:15px}.button{padding:10px 20px;background-color:#e99500;color:#fff !important;transition:opacity .2s ease;text-decoration:none;float:left}.button:hover{opacity:.8}#contentright .button{position:absolute;bottom:0;right:0}#footerwrapper{border-top:1px solid #c8c8c8;width:90%;margin:0 5%;height:50px;min-width:1240px}#footerinfo{margin-top:15px;color:#404040;margin-left:50px;float:left}#footerinfo span{margin-right:20px}#created{float:right;margin-top:15px;color:#404040;margin-right:50px}#created a{color:#404040;text-decoration:none}#contenttop{border-bottom:1px solid #c8c8c8;display:table;width:100%;padding-bottom:40px}#contentbottom{margin-top:40px}#contentbottom .pagebild{text-align:right}.pagebild{width:45%;float:left}.pagebild img{max-width:94%;height:auto}.pagetext{width:55%;float:left}#content p{color:#404040;margin-bottom:20px;font-weight:300}#content a{color:#e99500;text-decoration:none;transition:color .2s ease}#content a:hover{color:#ffc800}#content ul{list-style:outside;color:#404040;margin-bottom:20px;font-weight:300;margin-left:20px}#content h1{color:#2e2429;margin-bottom:20px;font-style:italic;font-size:50px;font-weight:400}#content h2{color:#2e2429;margin-bottom:10px}.pagebild iframe{width:95%;height:510px;margin-bottom:20px}#form{float:left;width:45%}.formbuilderform input{width:95%;height:45px;margin-bottom:10px;border-radius:0;border:1px solid #303030;padding:0 10px;font-family:"Roboto",sans-serif;font-weight:300;font-size:18px}.formbuilderform input:focus{border-color:#e99500;color:#e99500}.formbuilderform textarea{width:95%;padding:10px;font-family:"Roboto",sans-serif;font-weight:300;border-radius:0;border:1px solid #303030;color:#000;font-size:18px;height:200px;margin-bottom:10px}#cntnt01fbrp_submit{width:150px;background-color:#e99500;color:#fff;transition:opacity 1s ease,color .5s ease;border:1px solid #e99500}#cntnt01fbrp_submit:hover{opacity:.5;color:#000;cursor:pointer}.plogos{margin-top:30px}.plogos img{display:inline-block;margin-left:20px}#menu{float:right}#menu ul{list-style:none outside none;margin-top:25px}#menu ul li{display:inline-block;margin-left:10px}#menu ul li a{color:#fff;text-decoration:none;font-size:22px;font-weight:300;padding:10px 10px;transition:color .2s ease}#menu ul li a:hover,#menu ul .menuactive>span{color:#ffab16}#subnav{margin-bottom:50px}#subnav ul{list-style:none outside none;width:100%;margin:0}#subnav ul li{display:inline-block;width:24.7%}#subnav ul li a{display:block;width:100%;padding:20px 0;text-align:center;color:#fff;transition:opacity .2s ease}#subnav ul li a:hover{opacity:.7;color:#fff}#subnav ul li:first-child a{background-color:#ffa700}#subnav ul li:nth-child(2) a{background-color:#e99500}#subnav ul li:nth-child(3) a{background-color:#ffc800}#subnav ul li:nth-child(4) a{background-color:#ca4821}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');

#content p {line-height: 1.5}

#content p .button {
margin-top: 15px
}

.block a{
    float: none !important;
    display: block;
    overflow: hidden;
}
button:active, button:focus { 
    outline: none; 
}

#sliderwrapper, #contentwrapper, #footerwrapper{
    min-width: 320px;
}
#menu a{
    display: block;
}
#subnav ul{
    display: flex;
    justify-content: space-between;
}
#menu ul >li:hover >a{
    color: #ffab16;
}
#menu ul >li:hover .sub{
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}
.sub{
    margin-top: 0 !important;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, .75);
    transform-origin: 0 0;
    transform: scaleY(0);
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease-out 0s;
}
.sub li{
    display: block !important;
    margin-left: 0 !important;
}
.sub a{
    display: block;
}
.sub a:hover{
    background-color: rgba(0, 0, 0, .2);
}
.subButton{
    position: absolute;
    height: 46px;
    width: 50px;
    border-radius: 0;
    top: 0;
    right: 0;
    cursor: pointer;
    border: none;
    transition: all .1s ease-out 0s;
    background-color: rgba(255, 171, 22, .4);
    display: none;
}
.subButton:hover{
    background-color: rgba(255, 171, 22, .7);
}
.subButton:after{
    content: '';
    position: absolute;
    border: 6px solid transparent;
    border-bottom: 0;
    border-top-color: #fff;
    margin-top: -3px;
    margin-left: -6px;
    transition: all .1s ease-out 0s;
}
.subButton.active:after{
    transform: rotate(180deg);
}
#menu li{
    position: relative;
}
#content{
    box-sizing: border-box;
}
#contentleft img{
    max-width: 100%;
    height: auto;
}
#navButton{
    display: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    font-size: 0;
    background: content-box #fff;
    border-radius: 0;
    border: none;
    padding: 23px 0;
    cursor: pointer;
}
#navButton:before, #navButton:after{
    content: '';
    position: absolute;
    left: 0;
    width: 50px;
    border: 2px solid #fff;
    transition: all .1s ease-out 0s;
    box-sizing: border-box;
    background-color: #fff;
}
#navButton:before{
    top: 10px;
}
#navButton:after{
    top: 34px;
}
#navButton.active{
    background-color: transparent;
}
#navButton.active:before, #navButton.active:after{
    top: 50%;
    margin-top: -2px;
}
#navButton.active:before{
    transform: rotate(45deg);
}
#navButton.active:after{
    transform: rotate(-45deg);
}
#footerwrapper{
    height: auto;
    box-sizing: border-box;
}
#social{
    display: none;
}
#footer{
    display: flex;
    padding: 15px 50px;
    justify-content: space-between;
}
#footerinfo, #created{
    float: none;
    margin: 0;
}
#contenttop, #contentbottom{
    display: flex;
}
.pagetext, .pagebild{
    float: none;
}

@media(max-width: 1380px){
    #headerwrapper{
        height: auto;
        z-index: 99999;
    }
    #header{
        width: 100%;
        max-width: 980px;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 15px 0 0;
    }
    #logo, #menu{
        float: none;
    }
    #logo{
        margin-top: 0;
    }
    #menu ul{
        margin-top: 23px;
    }
    #menu li:first-child{
        margin-left: 0;
    }
    #sliderbutton a{
        padding-top: 0;
        border-radius: 50%;
        overflow: hidden;
    }
    #sliderbutton img{
        width: 100%;
        height: 100%;
    }
    #sloganwrapper{
        position: static;
    }
    #slogan{
        box-sizing: border-box;
        width: 100%;
        max-width: 980px;
        padding: 25px 10px 0;
        margin-top: 0;
    }
    #slogan span{
        position: static;
        margin-top: 30px;
        display: block;
        text-align: right;
    }
    #subnav{
        width: 100%;
    }
    #blocks{
        min-width: 0;
    }
    #contentwrapper{
        display: block;
        overflow: hidden;
    }
    #content{
        display: flex;
        width: 960px;
        flex-wrap: wrap;
    }
    .block{
        height: 90px;
    }
    .block a{
        font-size: 30px !important;
        line-height: 90px !important;
    }
    #footer{
        justify-content: center;
        flex-wrap: wrap;
    }
    #created{
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
}
@media(min-width: 993px){
    .sub{
        display: block !important;
    }
}

@media(max-width: 992px){
    #subnav{
        margin: 0;
    }
    #navButton{
        display: block;
    }
    #content{
        width: 720px;
    }
    #headerwrapper{
        height: auto;
    }
    #header{
        position: relative;
        padding: 15px;
    }
    #logo{
        margin-top: 0;
    }
    #menu{
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.8);
        visibility: hidden;
        opacity: 0;
        transition: all .1s ease-out 0s;
        transform: scaleY(0);
        transform-origin: 0 0;
    }
    #menu.active{
        visibility: visible;
        opacity: 1;
        transform: scaleY(1);
    }
    #menu ul{
        margin-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #menu li{
        margin-left: 0 !important;
    }
    #menu a{
        display: block;
    }
    #menu .sub{
        opacity: 1;
        visibility: visible;
        position: static;
        transform: scaleY(1);
        display: none;
    }
    .sub a{
        background-color: rgba(255, 255, 255, .3);
    }
    .sub a:hover{
        background-color: rgba(255, 255, 255, .1);
    }
    .subButton{
        display: block;
    }
    #blocks, #subnav{
        display: none;
    }
    .block{
        height: auto;
        width: 100%;
        background-color: transparent;
        float: none;
        display: block;
    }
    .block:hover{
        background-color: transparent;
    }
    .block a{
        font-size: 24px !important;
        line-height: 30px !important;
        text-align: left !important;
    }
    #sliderbutton{
        right: 35px;
        top: 15vw;
        width: 210px;
        height: 210px;
    }
    #contentleft{
        padding-right: 30px;
        box-sizing: border-box;
    }
    #footer{
        padding: 15px 0;
    }
}

@media(max-width: 768px){
    #headerwrapper{
        position: relative;
        background-color: #000;
    }
    #header{
        padding: 10px;
    }
    #logo{
        width: 160px;
    }
    #logo img{
        max-width: 100%;
        height: auto;
    }
    #sliderbutton{
        right: 10px;
        top: 22vw;
        width: 140px;
        height: 140px;
    }
    #sloganwrapper{
        height: auto;
    }
    #slogan{
        padding-bottom: 15px;
    }
    #content{
        max-width: 720px;
        width: 100%;
        padding: 0 10px;
        margin: 25px auto;
    }
    #contentright, #contentleft{
        width: 100%;
        float: none;
        text-align: center;
    }
    #homelist{
        text-align: left;
        margin: 20px auto !important;
        width: 250px;
    }
    #contentleft{
        padding-right: 0;
        padding-bottom: 20px;
    }
    #contentright .button{
        position: static;
        float: none;
    }
    #footerwrapper{
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
    #footerinfo p, #created{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #footerinfo span{
        margin: 5px;
        display: block;
    }
    .impressum{
        margin-right: 10px;
    }
    #contenttop, #contentbottom{
        flex-wrap: wrap;
    }
    .pagebild, .pagetext{
        width: 100%;
    }
    .pagebild{
        order: -1;
        text-align: center !important;
        margin-bottom: 20px;
    }
    .pagebild img{
        max-width: 100%;
        height: auto;
        margin: 0 !important;
    }
}

.grecaptcha-badge {
	display: none
}

#contentright .button.normal {
    position: absolute;
    bottom: 0;
    left: 0;
	width: 200px
}