/* -- © 2016-2019 by Creativ Werbung / iACTIVE - Thomas Schöneberg -- */
/* -- Bertha-von-Suttner-Strasse 16 -------------------------------- */
/* -- 59348 Lüdinghausen ------------------------------------------ */
/* -- info@iactive.de -------------------------------------------- */
/* -- http://www.iactive.de ------------------------------------- */
/* -- Stand: Oktober 2016             <blockquote>lez</blockquote>
/* -- TAGS ---------------------------- */

/* -- Stand: Mai 2017 ----------------------------------------- */

/* -- Fonts ---------------------------- */

@media (max-width:1179px) {

html, body {
         width:100%;
         height:100%;
         margin:0;
         padding:0;
         color:#000;
         background:#dcefd6;
         font-family: 'Open Sans', sans-serif;
         font-weight:400;
         font-size:100%;
         font-size:100%; /* Browserdefault 16px */
         font-size:1.2rem; /* Browserdefault 16px */
         -webkit-hyphens: auto;
         -moz-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto;
         -webkit-text-size-adjust:none;
         -ms-text-size-adjust:100%;
         }

img {
         margin:0;
         padding:0;
         border:none;
         }

b { font-weight:700; }
em { font-weight:700; }

h1 {
         clear:both;
         margin:0;
         padding:0;
         color:#1d671f;
         font-family: 'Lato', sans-serif;
         font-weight:300;
         font-size:1.6rem;
         line-height:2.0rem;
         }

h2 {
         clear:both;
         margin:0;
         padding:0;
         color:#1d671f;
         font-family: 'Lato', sans-serif;
         font-weight:300;
         font-size:1.2rem;
         line-height:1.4;
         }

h3 {
         clear:both;
         margin:0;
         padding:0;
         color:#1d671f;
         font-family: 'Lato', sans-serif;
         font-weight:400;
         font-size:1.0rem;
         font-weight:600;
         line-height:1.4rem;
         }

p, form {
         clear:both!important;
         display:block;
         clear:left;
         margin:0;
         padding:0;
         font-family:'Open Sans', sans-serif;
         font-size:0.875rem;
         line-height:1.4em;
         }

h1, h2, h3, p, ul, form {
         padding-left:5%;
         padding-right:5%;
         padding-top:1.0em;
         padding-bottom:1.0em;
         }

p, ul {
         padding-left:7%;
         padding-right:7%;
         padding-top:1.0em;
         padding-bottom:1.0em;
         }
.aufzaehlung li {
         padding-bottom:1.0em;
}

ul>p, ol>p, ul>h3 {
         margin-left:-15px;
         margin-top:0;
         font-weight:bold;
         line-height:1.2em;
         }

ol>p, ol>h3 {
         margin-left:-20px;
         margin-bottom:0.2em;
         font-weight:600;
         line-height:1.2em;
         }

table {
         font-family:'Open Sans', sans-serif;
         font-size:0.9rem;
         line-height:1.4em;
         }
iframe {
    border: solid 1px #ccc;
}
/* -- Links ---------------------------- */

a, a:link, a:active, a:visited, a:hover {
    padding: 0;
    margin: 0;
}
/* -- Breadcrumb List ---------------------------- */

.breadcrumb {
    margin:1% 5%;
    padding:0;
}
.breadcrumb li, .breadcrumb li a {
    display: inline;
    font-size: 0.9rem;
    color: #1d671f;
}
/* -- Textlinks ---------------------------- */

a.textlink:link, a.textlink:active, a.textlink:visited {
    color: #000;
    font-weight: bold;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer!important;
}
.aufzaehlung_subnav a.textlink {
    color: #243080;
    font-weight: 400!important;
    text-decoration: underline;
}
a.textlink:hover {
    font-weight: bold;
    font-weight: 600;
    text-decoration: underline;
}
.aufzaehlung a.textlink {
    color: #243080;
    font-weight: normal;
}
a[href^="tel"] {
    text-decoration: underline;
}
/* -- Mainnav Links ---------------------------- */
/* -- Subnav Links ---------------------------- */

.subnav-mobile ul {
         display:inline-block;
         margin: 5px auto;
         padding: 0;
         list-style-type: none;
         font-family: 'Open Sans', Arial, Helvetica, sans-serif;
         font-size:0.9rem;
         line-height: 1.0rem;
         overflow:visible;
         }
.subnav-mobile li {
         display: inline-block;
         margin: 0 auto 0 auto;
         padding:0 5px;
         }
.subnav-mobile a {
         display: block;
         width: 100%;
         height: auto;
         margin: 0 auto 0 auto;
         padding: 10px;
         border: none;
         color: #99bbff;
         text-decoration: none;
         }
.subnav-mobile a:hover {
         color: #243080;
         }
.subnav-mobile li.current a {
         margin:0;
         margin-bottom:-10px;
         padding-bottom:20px;
         color: #fff;
         background-color:#3344b5;
         cursor: default;
}
/* -- Footernav Links ---------------------------- */

.footerwrapper .nav.menu {
         margin: 1.0rem 0 0 20px;
         padding: 0;
         list-style-type: none;
}
.footerwrapper li {
         display: inline-block;
         margin: auto;
         padding: 0 10px 0 10px;
}
.footerwrapper li+li {
         border-left: solid 1px #dfdcd9;
}
.footerwrapper a, .footerwrapper a.textlink {
         color: #dfdcd9;
         text-decoration: none;
         cursor: pointer;
}
.footerwrapper a:hover {
         color: #fff;
         text-decoration: underline;
}
.footerwrapper li.current.active a {
         color: #fff;
         text-decoration: underline;
         cursor: default;
}


/* -- ID - Class ---------------------------- */

.no_mobile, .widescreen, .widscreen .sprachauswahl {
    display:none!important;
}

#fullwrapper {
         z-index:1;
         position:relative;
         width:100%;
         min-width:100%;
         min-height:100%;
         height:100%;
         margin:0;
         padding:0;
         background:none;
         }
.wrapper {
         z-index:10;
         position:relative;
         width:100%;
         min-width:100%;
         min-height:100%;
         margin:0;
         padding:0;
         background:#dcefd6;
}
.mainbody {
         width: 100%;
         height: 100%;
         min-height: 100%;
         margin: 0 auto 0 auto;
         padding: 0;
}
#contentbody {
         z-index:1000;
         width:100%;
         margin:0;
         padding:0 0 5.0em 0;
         padding:0;
}

#seitenkopfwrapper {
         position:relative;
         z-index:9999;
         background:#50af31;
         }
#logo, #logo .custom {
         position:relative;
         z-index:9999;
         display:block;
         width:auto;
         }

#logo {
         margin:0 5% 0 5%;
         padding:2% 0;
         color:#0069b4;
         }

#logo img {
         height:auto;
         min-height:127px;
         }

#logo > p {
         margin:0;
         padding:0;
         }
#logo .gesperrt {
    font-size: 1.8rem;
}
.img {
    width:45%;
    height:45%;
}

.linkbutton {
         display: block;
         width: 30%;
         margin: 0;
         padding:10px 20px 10px 20px!important;
         border-radius: 5px;
         text-align: center;
         font-size: 0.975rem;
         font-weight: normal;
         cursor: pointer!important;
         text-transform: uppercase;
         text-decoration: none;
         background:#009a60;
         background: linear-gradient(#009a60 0%, #005c36 100%);
}
.linkbutton:hover {
         color:#fff!important;
         background:none;
         background:#005c36;
         cursor: pointer;
}

.standardlink {
    width: 100px;
    margin-left: 50px;
}

.linksbuendig {
         text-align:left;
         }

.social {
         position:absolute;
         bottom:10px;
         right:10px;
         }

ol.agb li, ul.agb li {
         padding-bottom:1.0em;
         }

.portraet {
         margin:0;
         }

.portraet img{
         border-radius:4px;
         width:400px;
         height:auto;
         }

.portraet p{
         padding-top:0.5em;
         font-family: 'Lato', sans-serif;
         font-weight:300;
         font-size:1.25rem;
         }

/* -- Top Nav ---------------------------- */

.topnavwrapper {
    display: none;
    z-index: 101;
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 10px 0 0 0;
    background-color: #fff;
}
.topnav {
    width: auto;
    margin: 0 auto 0 auto;
    padding: 0 20px 0 0;
}
.headerlink {
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
}
.headerlink p {
    color: #0075bf;
    font-size: 1.0rem!important;
    margin: 0;
    padding: 0;
}
.headerlink a {
    color: #0075bf;
    font-size: 1.0rem;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
.headerlink a:hover {
    text-decoration: underline;
}
/* -- Header ---------------------------- */

.headerwrapper {
    display: none;
    z-index: 102;
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    background-image:none;
}
.header {
    width: auto;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0 0 120px 0;
    text-align: left;
}
/* -- Main Nav ---------------------------- */

.mainnavwrapper {
    display: none;
    z-index: 103;
    clear: both;
    width: 100%;
    height:auto;
    margin: 0;
    padding: 0;
    background-color: none;
}
.f-mainnavwrapper {
    display: none;
    z-index: 1001;
    /*position:fixed;*/

         top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%!important;
}
.mainnav {
    display: none;
    width: auto;
    height: auto;
    min-height: 50px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}
/* -- Main Nav Mobile---------------------------- */

#mainnav-mobile-scroll {
         z-index:9997;
         position:fixed;
         top:0;
         left:0;
         width:100%!important;
         height:auto;
         background:none;
         }

/* -- Logo dynamisch---------------------------- */

#scroll-logo {
         display:block;
         z-index:10;
         position:fixed;
         top:10px;
         left:5%;
         width:220px;
         height:auto;
         }

#scroll-logo img.f-logo div {
         width:100%
         height:auto;
         }
/* -- Sub Nav ---------------------------- */

.subnavwrapper {
    display: none;
    z-index: 103;
    width: 100%;
    height: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    background-color: #003e66;
}
.f-subnavwrapper {
         z-index: 1001;
         /*position:fixed;*/
         top: 0;
         left: 0;
         margin: 0;
         padding: 0;
         width: 100%!important;
}
.subnav {
    width: auto;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
}
.subnav-mobile {
    width: auto;
    margin: 0 auto 0 auto;
    padding: 0 20px 0 20px;
    background-color: #3344b5;
    text-align: center;
}
/* -- Main Body ---------------------------- */

.mainbody {
    width: auto;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    font-size: 1.0rem;
    line-height: 1.4rem;
}

/* -- Footer Nav ---------------------------- */

.footerwrapper {
         position:relative;
         z-index:999;
         width: 100%;
         height: auto;
         min-height: 100px;
         margin: 0;
         padding: 5px 0 40px 0;
         color: #dfdcd9;
         background-color: #1d671f;
         font-size: 0.8rem;
         text-align: center;
}
.footer {
         width: 100%;
         margin: 0 auto 0 auto;
         padding: 0;
         text-align: center;
}
.footer-right {
}
.footer-left {
}
.footer-center {
         width:auto;
         margin:0 auto;
         padding:0 5%;
}
.copy_mobile {
}



/* -- Bildliste ---------------------------- */

.bildliste {
         width:100%;
         margin:0 auto;
         padding:0;
         list-style-type: none;
         text-align:center;
         }

.bildliste li {
         display:inline-block;
         width:100%;
         height:auto;
         min-height:150px;
         margin:2% 0;
         padding:2%;
         list-style-type: none;
         color:#000;
         border:solid 1px #dfdcd9;
         border-radius:4px;
         }

.bildliste img {
         display:inline-block;
         width:60%;
         margin:20px 0;

         }

/* -- Slider ---------------------------- */

.sliderwrapper {
    z-index: 101;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background:#009a60;
    border-bottom: solid 5px #009a60;
    border-bottom: none;
}
.positionierung {
    display: none;
}
.slider, .customslider_illu {
    width: 100%;
    height: auto;
    margin: 0!important;
    padding: 0!important;
}
.slider .custom,
.slider .custom div,
.slider img,
.slider div,
.customslider_illu img {
    width: 100%;
    height: auto;
    margin: 0!important;
    padding: 0!important;
}
/* -- Formular ---------------------------- */

form {
         margin-top: 0;
         padding-top: 0;
         text-align:center;
         }

label {
         }

::-webkit-input-placeholder { color:#1d671f!important; }
::-moz-placeholder { color:#1d671f!important; } /* firefox 19+ */
:-ms-input-placeholder { color:#1d671f!important; } /* ie */
input:-moz-placeholder { color:#1d671f!important; }
placeholder { color:#1d671f!important; }

button {
         display:inline-block;
         width:30%;
         margin:0 5%!important;
         padding:1.0em!important;
         background:#50af31!important;
         }

button.green:hover {
         background:#1d671f!important;
         }

.error ul, .success ul {
         list-style-type: none!important;
         font-family: 'Lato', sans-serif;
         font-weight:300;
         }

a.chronoforms6_credits {
         display:block;
         width:100%;
         margin:2.0em auto 0.5em auto;
         color: #50af31;
         font-size: 0.9rem;
         font-weight: normal;
         text-decoration: none;
         text-align:center;
         }

.chronoforms6_credits:hover {
         text-decoration: underline;
         }
/* -- Dynamischer TOP-Button ---------------------------- */

         #scrollToTop,
         #scrollToTop:hover {
         /* padding:0!important;   */
         border:solid 1px #615040;
         /*background-color: transparent!important; */
         }

/* -- iFrame ---------------------------- */

iframe#blockrandom {
         margin:0;
         height:600px!important;
}
/* -- Cookies Einblender ---------------------------- */

.jb.cookie {
         position: fixed!important;
         z-index: 999;
         height: auto;
         text-align: left;
         display: none;
         box-shadow: 0 0 10px #888;
         padding: 10px 0;
         left: 0;
         right: 0;
         float: none!important;
         text-shadow: none;
         border-radius: 0!important;
         margin: 0 auto!important;
         }

.cookies_accept, .jb.cookies_accept  {
         width:auto!important;
         max-width:80%;
         padding:0.8em 2.0em;
         }

.jb.cookies_accept div.cookie-bg  {
         opacity:1.0;
         background-color:#dcefd6!important;
         }

.jb.cookie.bottom {
         bottom: 2.0em;
         }

.jb.cookie p, .jb.cookie h2 {
        margin: 4px 0;
        padding: 0;
        float: none!important;
        color:#000;
        }

.jb.cookie h2 {
         font-size: 1.0rem;
         font-weight: 400;
         margin: 0;
         line-height: 25px;
        color:#000;
         }

.jb.cookie p {
        font-size: 0.9375rem
        }

.jb.cookie p a {
         cursor: pointer;
         float: none!important;
         text-decoration: underline;
         }

.jb.accept {
        cursor: pointer;
        font-size: 14px;
        margin: 1.0em auto;
        min-width: 100px;
        max-width: 300px;
        padding: 12px 12px;
        border-radius: 4px;
         text-align: center;
        text-shadow: 1px 1px 0 #0072ca;
        color: #fff;
        background: -webkit-linear-gradient(#0089F2 0%, #0072ca 100%);
        background: -moz-linear-gradient(#0089F2 0%, #0072ca 100%);
        background: -o-linear-gradient(#0089F2 0%, #0072ca 100%);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#0089F2), to(#0072ca));
        background: linear-gradient(#0089F2 0%, #0072ca 100%);
        float: none!important;
        }

.jb.accept:hover {
         box-shadow:none;
        background-color:#1d671f!important;
        }

/* COLORS LINKS */
.jb.top.blue .jb.cookie-bg.white, .jb.top.blue .jb.cookie-bg.black {
        border-bottom: 1px solid #000;
}
.jb.top.green .jb.cookie-bg.white, .jb.top.green .jb.cookie-bg.black {
        border-bottom: 1px solid #52a552;
}
.jb.top.orange .jb.cookie-bg.white, .jb.top.orange .jb.cookie-bg.black {
        border-bottom: 1px solid #e88a05;
}
.jb.top.red .jb.cookie-bg.white, .jb.top.red .jb.cookie-bg.black {
        border-bottom: 1px solid #dd2f26;
}
.jb.bottom.blue .jb.cookie-bg.white, .jb.bottom.blue .jb.cookie-bg.black {
        border-top: 1px solid #0089f2;
        border: solid 1px #121840;
}
.jb.bottom.green .jb.cookie-bg.white, .jb.bottom.green .jb.cookie-bg.black {
        border-top: 1px solid #52a552;
        border: solid 2px #50af31;
        border-radius:5px;
}
.jb.bottom.orange .jb.cookie-bg.white, .jb.bottom.orange .jb.cookie-bg.black {
        border-top: 1px solid #e88a05;
}
.jb.bottom.red .jb.cookie-bg.white, .jb.bottom.red .jb.cookie-bg.black {
        border-top: 1px solid #dd2f26;
}
.jb.cookie.blue p a {
        color: #fff!important;
}
.jb.cookie.green p a {
        color: #1d671f;
}
.jb.cookie.orange p a {
        color: #fff;
}
.jb.cookie.red p a {
        color: #fff;
}
.jb.accept.blue {
        background: #615040;
}
.jb.accept.green {
        background: #52a552;
}
.jb.accept.orange {
        background: #e88a05;
}
.jb.accept.red {
        background: #dd2f26;
}

/* MODAL */
#jbcookies .modal-body {
        max-height: 400px !important;
}


/* -- Ende Stilanweisungen ---------------------------- */

} /* schließende Klammer für @media < 1179 */