/* -- © 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 ---------------------------- */

/* -- Fonts: Lato 300 (light), 400 (normal), open Sans 400 (normal), 700 (bold) -------------------- */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400|Open+Sans:400,700');

@import url(normalize.css);


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

img, figure {
         margin:0;
         padding:0;
         border:none;
          text-align:center;
         }

figcaption, figcaption a {
         font-family:'Open Sans', sans-serif;
         font-size:0.6875rem;
         line-height:1.0em;
     }

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

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

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

p, form, p>.textlink {
         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;
         font-size:0.875rem;
         line-height:1.4em;
}

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

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

b, strong { font-weight:700; }
em { font-weight:700i; }

table {
         font-family:'Open Sans', sans-serif;
         font-size:0.875rem;
         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.8125rem;
    color: #000;
}
/* -- Textlinks ---------------------------- */

a.textlink:link, a.textlink:active, a.textlink:visited {
     display:inline;
    color: #000;
    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: 700;
    text-decoration: underline;
}
.aufzaehlung a.textlink {
    color: #243080;
    font-weight: normal;
}
figcaption a.textlink {
    color: #243080;
    font-weight: normal;
}
a[href^="tel"] {
    text-decoration: underline;
}
/* -- Mainnav Links ---------------------------- */
/* -- Subnav Links ---------------------------- */

.subnav-mobile ul {
         display:none!important;
         }
.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 {
         display:none!important;
         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;
}

#mainnav-mobile {
         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:#fff;
}
.mainbody {
         width: 100%;
         height: 100%;
         min-height: 100%;
         margin: 0;
         padding: 0;
}
#contentbody {
         z-index:1000;
         width:100%;
         margin:0;
         padding:0 0 5.0em 0;
         padding:0;
}

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

#logo {
         width:100%;
         margin:0;
         padding:00;
         color:#0069b4;
         }

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

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

.linkbutton {
         display: block;
         width: 88%;
         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(#4161ab 0%, #314a7c 100%);
}
.linkbutton:hover {
         color:#fff!important;
         background:none;
         background:#314a7c;
         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;
         }

.hochformat {
     height:auto;
     width:100%;
     border-radius:10px;
     }

.querformat {
     height:auto;
     width:100%;
     border-radius:10px;
     }

.right {
     float: right;
     width:88%;
     margin-left:6%;
     margin-right:6%;
     margin-top:1.0em;
     margin-bottom:1.0em;
     text-align:center;
     }

.left {
     float: right;
     width:88%;
     margin-left:6%;
     margin-right:6%;
     margin-top:1.0em;
     margin-bottom:1.0em;
     text-align:center;
     }

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

.topnavwrapper {
         display:none!important;
}
.topnav {
         display:none!important;
}
/* -- 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;
}
.f-mainnavwrapper {
    display: none;
}
.mainnav {
    display: none;
}
/* -- Main Nav Mobile---------------------------- */

#mainnav-mobile-scroll {
         display:none!important;
         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!important;
}
.f-subnavwrapper {
         display:none!important;
}
.subnav {
         display:none!important;
}
.subnav-mobile {
         display:none!important;
}
/* -- Main Body ---------------------------- */

.mainbody {
    width: auto;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    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: #000;
         font-size:0.75rem;
         line-height:1.4em;
         text-align: center;
}
.footerwrapper li {
         margin-top:0.8em;
}
.footer {
         width: 100%;
         margin: 0 auto 0 auto;
         padding: 0;
         text-align: center;
}
.footer-right {
         display:none!important;
}
.footer-left {
         display:none!important;
}
.footer-center {
         width:auto;
         margin:0 auto;
         padding:0 5%;
         line-height:2.0em;
}
.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 {
         display:none!important;
    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;
         font-size:0.875rem!important;
         text-align:center;
         }

label {
         }

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

.field.kontakt1 input, .field.kontakt1 textarea {
     max-width:100%;
     border-radius:10px!important;
     }

button {
         display:inline-block;
         width:auto;
         margin:0 auto;
         background:#4161ab!important;
         border-radius:10px!important;
         font-size:0.8125rem!important;
         }

button.blue:hover {
         background:#314a7c!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: #4161ab;
         font-size: 0.8125rem;
         font-weight: normal;
         text-decoration: none;
         text-align:center;
         }

.chronoforms6_credits:hover {
         text-decoration: underline;
         }

.ui.message.success {
     max-width:90%!important;
     margin:auto!important;
     background:#e1e8f9!important;
     color:#314a7c!important;
     border:solid 0px #e1e8f9!important;
     border-radius:10px;
     font-size:0.75rem;
     }

ul.list.header, ul.list.header  li {
     color:#314a7c!important;
     border:solid 0px #e1e8f9!important;
     list-style-type:none!important;
     }
/* -- 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 {
         display:none!important;
         }


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