/* -- © 2017-2020 byiACTIVE - Thomas Schöneberg -- */
/* -- Hirnzigenweg 2 ----------------------------- */
/* -- 99099 Erfurt ------------------------------- */
/* -- info@iactive.de ---------------------------- */
/* -- http://www.iactive.de ---------------------- */



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

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

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

@import url(normalize.css);
@import url(noraanders-mobile.css);
@import url(menu-mobile.css);



@media (min-width:1180px) {

/* -- TAGS ---------------------------- */

html, body {
         width:100%;
         min-width:100%;
         height:100%;
         min-height:100%;
         margin:0;
         padding:0;
         color:#000;
         font-family:'Open Sans', sans-serif;
         font-weight:normal;
         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, figure {
         margin:0;
         padding:0;
         border:none;
         }

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

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

h1, form h1 {
         padding:0;
         color:#375391;
         font-family: 'Lato', sans-serif;
         font-weight:300;
         font-size:1.5rem;
         line-height:1.2em;
         }

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

h2.weiss {
         color:#1d671f;
         }

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

p, form {
         display:block;
         margin:0 15%;
         padding:0;
         font-family:'Open Sans', sans-serif;
         font-size:0.875rem;
         line-height:1.4em;
         }

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

p, ul {
         padding-left:3%;
         padding-right:3%;
         padding-top:1.0em;
         padding-bottom:1.0em;
         }

.gcore-input h1, .gcore-input p {
         margin-left:0;
         }

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

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

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;
}
/* -- Textlinks ---------------------------- */

a.textlink, ul a.textlink {
    color: #000;
    text-decoration: underline;
    cursor: pointer!important;
}
.aufzaehlung_subnav a.textlink {
    font-weight: normal!important;
}
a.textlink:hover {
    text-decoration: underline;
}
.aufzaehlung a.textlink {
    color: #000;
    font-weight: normal;
}

a.textlink.hotline {
         color:#000;
         text-decoration:none;
         cursor:default;
         }
.item-title a,
.readmore a {
    color: #0075bf;
    text-decoration: none;
}
.item-title a:hover, .readmore a:hover {
    text-decoration: underline;
}
a[href^="tel"] {
    text-decoration: none;
}
/* -- Mainnav Links ---------------------------- */

.mainnav>.nav.menu {
         display: inline;
         margin: 0 auto 0 auto;
         padding: 0;
         list-style-type: none;
         font-family: 'Lato', sans-serif;
         font-weight:300;
         font-size:0.875rem;
         line-height:1.0em;
         overflow:visible;
         }
.mainnav>.nav.menu>li {
         display: inline-block;
         margin: -1px 0 0 0;
         padding:0;
         }
.mainnav>.nav.menu>li a {
         display: block;
         height:auto;
         margin: 0;
         padding: 5px 20px 5px 20px;
         color: #fff;
         text-decoration: none;
         text-align: center;
         }
.mainnav>.nav.menu>li a:hover {
         color: #000;
         background-color:#fff;
         }
.mainnav>.nav.menu>li.current, .mainnav>.nav.menu>li.active.parent {
         background-color:#fff;
         border-radius:2px;
         }
.mainnav>.nav.menu>li.current a {
         color: #000;
         background-color:#fff;
         cursor: default;
         }
.mainnav>.nav.menu>li.active.parent a {
         color:#000;
         background-color:#fff;
         background-image: url(../images/main-aktiv.png);
         background-position: bottom center;
         background-repeat: no-repeat;
         cursor: pointer;
         }
.nav-child {
         width: auto;
         height: auto;
         margin: 0;
         padding: 0 0 0 20px;
         list-style-type: none;
         font-size: 0.9em;
         }
.nav-child>li {
         margin-top: 0.5em;
         font-size: 0.9em;
         line-height: 1.0em;
         }
/* -- Subnav Links ---------------------------- */

.subnav>.nav.menu {
         width:240px;
         margin: 0 auto 0 auto;
         padding: 40px 20px 40px 0;
         list-style-type: none;
         font-family: 'Open Sans', Arial, Helvetica, sans-serif;
         font-size: 1.1rem;
         }
.subnav>.nav.menu>li {
         margin: 0 0 0 0;
         padding:0 0 0 0;
         }

.subnav>.nav.menu>li a {
         display:inline-block;
         width: 220px;
         padding:10px 0 10px 20px;
         color:#000;
         text-decoration: none;
         }

.subnav>.nav.menu>li a:hover {
         color:#005caa;
         background-color:#fff;
         }

.subnav>.nav.menu>li.current a {
         color:#005caa;
         background-color:#fff;
         }

.subnav>.nav.menu>li.active.parent a {
         color:#005caa;
         background-color:#fff;
         }


.subnav>.nav.menu, .nav-child {
         }

.subnav>.nav.menu>li>ul.nav-child.unstyled.small>li a {
         color:#004587;
         }

.subnav>.nav.menu>li>ul.nav-child.unstyled.small>li.current a {
         color:#004587;
         }
/* -- Topnav Links ---------------------------- */

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

.footerwrapper .nav.menu {
         margin: 1.0rem 0;
         padding: 0;
         list-style-type: none;
}
.footerwrapper li {
         display: inline-block;
         margin: auto;
         padding: 0 10px;
}
.footerwrapper li+li {
         border-left: solid 1px #ddd;
}
.footerwrapper a, .footerwrapper a.textlink {
         color: #ddd;
         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 Klassen ---------------------------- */

.mobile {
         display:none!important;
         }

#fullwrapper {
         z-index:1;
         position:relative;
         width:100%;
         min-width:100%;
         height:100%;
         min-height:100%;
         margin:0;
         padding:0;
         }

#wrapper {
         z-index:10;
         position:relative;
         width:100%;
         height:auto;
         min-width:100%;
         min-height:100%;
         margin:0 0 -80px 0;
         padding:0 0 100px 0;
         background:none;
         }

#mainbody  {
         width:auto;
         height:100%;
         min-height:100%;
         width:70%;
         max-width: 100%;
         margin:0 auto;
         padding:10% 0 0 0;
         }

#contentbody    {
         z-index:1000;
         width:100%;
         max-width: 1098px;
         margin:4.0em auto 0 auto;
         padding:1.0em 0 1.0em 0;
         background:#fff;
         border-radius:40px;
         }

#headerwrapper {
         position:fixed;
         top:0;
         left:0;
         width:100%;
         max-width:100%;
         height:auto;
         padding:0;
         background:none;
         text-align:center;
         }

#seitenkopfwrapper {
         position:relative;
         top:0;
         left:0;
         width:100%;
         max-width:100%;
         height:auto;
         padding:0;
         background:none;
         background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0.5) 15%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
         background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0.5) 15%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0.5) 15%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
         text-align:center;
         }

#seitenkopf {
         width:100%;
         height:100%;
         margin:0 auto;
         padding:0;
         background: none;
         }

#seitenkopf-print {
         display:none;
         }

#logo {
         padding:0;
         }

#logo img {
         width:100%;
         max-width:70%;
         height:auto;
         margin:auto;
         padding:0;
         }

#logo > p {
         margin:0;
         padding:0 0 10px 0;
         }

.custom.subhamburger,
.breadcrumb {
         display: none;
         }

.social {
         margin:-63px 0 0 400px;
         }

.zusatzbild {
         display:none;
         }

.zusatzbild img{
         height:auto;
         max-height:400px;
         width:100%;
         margin:auto;
         }

.portraet {
         float:left;
         margin:0 0 0 -200px;
         max-width:170px;
         }

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

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

.einblender_container {
         display:block;
         float:right;
         width:auto;
         max-width:250px;
         margin:-110px 0 0 0;
         padding:0;
         background:#50af31;
         border-radius:0 0 4px 4px;
         color:#dcefd6;
         font-family: 'Lato', sans-serif;
         font-size:1.0rem;
         font-weight:400;
         text-align:center;
         cursor: pointer;
         transition-duration:0.6s;
         }

.einblender_container:hover {
         margin:-30px 0 0 0;
         }

.einblender_container p {
         margin:0;
         padding:10px 10px 4px 10px;
         }

.einblender_container .textlink{
         color:#fff;
         font-family: 'Lato', sans-serif;
         font-size:1.0rem;
         font-weight:400;
         text-decoration:none!important;
         }

.head_illu {
         position:absolute;
         top:67px;
         left:50%;
         width:100px;
         margin-left:19%;
         padding:0;
         }

.head_illu img {
         margin:0;
         padding:0;
         }

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

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

.grafik_hochformat {
     height:300px;
     width:auto;
     }

.grafik_querformat {
     width:300px;
     height:auto;
     }

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

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

.right {
     float: right;
     margin-left: 50px;
     margin-right:6%;
     margin-top:1.0em;
     margin-bottom: 50px;
     }

.left {
     float: left;
     margin-left:6%;
     margin-right: 50px;
     margin-top:1.0em;
     margin-bottom: 50px;
     }



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

.flogo {
         display:block;
         z-index:99999;
         position:fixed;
         top:10px;
         left:1%;
         width:160px;
         height:auto;
         opacity:0;
         }

.f-logo {
         opacity:1;
         transition-duration:0.3s;
         }

.f-logo img.f-logo div {
         width:100%
         height:auto;
         }




/* -- Main Nav dynamisch---------------------------- */

.mainnavwrapper {
         z-index:999;
         position:relative;
         width:100%;
         margin:0 0 0 0;
         padding:0;
         background-color:none;
         }

.__f-mainnavwrapper {
         z-index:9998;
         position:fixed;
         top:0;
         left:0;
         width:100%!important;
         height:auto;
         background-color:none;
         }

.mainnav {
         width:auto;
         max-width:900px;
         height:auto;
         margin:0 auto 0 auto;
         padding:0;
         border-radius:0 0 20px 20px;
         text-align:center;
         overflow:visible;
         background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
         }
/* -- Sub Nav ---------------------------- */

.subnavwrapper {
         display:none;
         position:relative;
         float:left;
         width: 240px;
         max-width:240px;
         height: auto;
         margin: 0;
         padding: 0;
         }
.subnav {
         width: auto;
         height: auto;
         margin: 0 auto 0 auto;
         padding: 0;
         text-align: left;
         }
/* -- Footer ---------------------------- */

.footerwrapper {
         position:relative;
         z-index:999;
         width: 90%;
         height:75px;
         min-height:75px;
         margin: 0;
         padding:5px 5% 0 5%;
         background:none;
         background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0.7) 15%, rgba(0,0,0,0.7) 85%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
         background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0.7) 15%,rgba(0,0,0,0.7) 85%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0.7) 15%,rgba(0,0,0,0.7) 85%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
         font-size: 0.75rem;
         text-align: center;
         overflow:hidden;
         }
.footer {
         width: 100%;
         margin: 0;
         padding:0;
         color: #ddd;
         text-align: center;
         }
.footer-right {
         float: right;
         }
.footer-left {
         float: left;
         }
.footer-center {
         clear: both;
         background:none;
         }
.copy_mobile {
         display:none;
         }
.footerwrapper ul {
         margin:10px 30px;
         margin:0!important;
         padding:0!important;
         }
.footerwrapper div {
         margin:0 auto;
         padding:0;
         }



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

.bildliste {
         display:flex;
         justify-content: space-between;

         margin:0 auto;
         padding:0;
         list-style-type: none;
         text-align:center;
         }

.bildliste li {
         background:#fff;
         width: calc(100%/2 - 50px);
         padding:20px;
         color:#000;
         border:solid 1px #dfdcd9;
         border-radius:4px;
         }

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



/* -- Hintergruende ---------------------------- */

#background_illu {
         z-index:1;
         position:fixed;
         left:0;
         top:0;
         width:100%;
         height:100%;
         min-width:100%;
         min-height:100%;
         margin:0;
         padding:0;
         overflow:hidden;
         }

.background_nr1, .background_nr2  {
         z-index:1;
         position:fixed;
         left:0;
         top:0;
         width:100%;
         height:100%;
         min-width:100%;
         min-height:100%;
         margin:0;
         padding:0;
         background-size:cover;
         background-position:fixed;
         overflow:hidden;
         }

.background_nr1 {
         background-image:url(../bilder/fotos/IMG_20170917_134640[1]__1920x1080.jpg);
         }

.background_nr2 {
         background-image:url(../bilder/fotos/IMG-20170917-WA0053_beschnitten.jpg);
         }

#background_illu>div {
         z-index:1;
         position:fixed;
         left:0;
         top:0;
         width:100%;
         height:36%;
         margin:0;
         padding:0;
         }

.background_illu {
         padding: 0;
         margin: 0;
         }

.background_illu img {
         width:100%;
         height:auto;
         }

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

.sliderwrapper {
    z-index: 101;
    width: 100%;
    height: auto;
    max-height:500px;
    margin: 0;
    padding: 0;
    border-bottom: solid 5px #009a60;
    overflow:hidden;
}
.positionierung {
    display: none;
}
.slider {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.slider .custom,
.slider .custom div,
.slider img,
.test {
    width: 100%;
    height: auto;
    margin: 0!important;
    padding: 0!important;
}


@media (min-height:800px) {
.slider_modul {
         display:block;
         height:100%;
         padding:1.0em 0 12em 0;
         min-height:100%;
         }
}

.slider_modul h1 {
         display:inline-block;
         color:#fff;
         margin:0;
         padding:0.8em;
         border-radius:20px;
         font-size:2.25rem;
         line-height:1.3em;
         background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
         background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
         }

/* -- Formular ---------------------------- */

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

label {
         }

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

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

button {
         display:inline-block;
         width:20%;
         margin:0 auto;
         background:#4161ab!important;
         border-radius:10px!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.875rem;
         font-weight: normal;
         text-decoration: none;
         text-align:center;
         }

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

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

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 {
         height:600px!important;
}

/* -- Sitemap XMap ---------------------------- */

.level_0 a {
         text-decoration:none;
         color:#000;
         }

.level_2 a {
         color:#005caa;
         }

.level_0 a:hover {
         text-decoration:underline;
         color:#005caa;
         }

.level_0 {
         list-style-type:none;
         max-width:70%;
         height:auto;
         margin:2.5em 0 0 0;
         padding:0;
         color:#005caa;
         font-family:'Open Sans', sans-serif;
         font-size:1.1em;
         font-weight:400;
         line-height:1.2rem;
         }

.level_0+.level_0>li {
         display:inline;
         border-left:solid 2px #005caa;
         padding:0 5px 0 5px;
         color:#005caa;
         font-size:0.7rem;
         }

.level_1 {
         list-style-type:none;
         margin:0 0 2.5em 0;
         padding:0 0 0 0;
         font-size:0.8rem;
         }

.level_1>li {
         padding:0 5px 0 5px;
         }

.level_1>li {
         border-left:solid 2px #005caa;
         }

.level_2 {
         list-style-type:none;
         margin:0 0 0.8em 0;
         padding:0 0 0 0;
         font-size:0.9rem;
         }

.level_2>li {
         display:inline;
         padding:0 5px 0 5px;
         }

.level_2>li+li {
         border-left:solid 1px #005caa;
         }


/* -- Hauptbeiträge ---------------------------- */

.item-page, .blog {
         background:none;
         padding:0;
         }

.blog.startseite {
         background-color:#cae6d6;
         margin-top:-20px;
         padding:2.0em;
         border-radius:0 0 10px 10px;
         }

.item-page.startseite {
         background-color:#cae6d6;
         margin-top:-20px;
         padding:2.0em;
         border-radius:0 0 10px 10px;
         }

.page-header, .page-header h2 {
         margin:0;
         padding:0;
         font-weight:400;
         line-height:0.5em;
         }

.page-header a, .readmore a {
         margin:0;
         padding:0;
         color: #243080;
         text-decoration:none;
         }

.page-header a:hover, .readmore a:hover {
         text-decoration:underline;
         }

.article-info-term, span.icon-calendar {
         display:none;
         }

.published {
         margin:0;
         padding:0;
         font-size:0.75rem;
         }


/* -- Cookies Einblender ---------------------------- */

.jb.cookie {
         position: fixed!important;
         z-index: 999;
         height: auto;
         text-align: left;
         display: none;
         box-shadow: 0 0 10px #666;
         padding: 10px 0;
         left: 0;
         right: 0;
         float: none!important;
         text-shadow: none!important;
         margin: 0 auto!important;
         font-family:'Open Sans', sans-serif;
         font-size:0.625rem!important;
         }

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

.jb.cookies_accept div.cookie-bg  {
         opacity:1.0;
         background-color:#293d6b;
         }

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

.jb.cookie p, .jb.cookie h2 {
         margin: 4px 0;
         padding: 0;
         float: none!important;
         color:#fff;
         font-family:'Open Sans', sans-serif;
         font-size:0.625rem!important;
         font-weight: 300;
         }

.jb.cookie h2 {
         color:#fff;
         font-family:'Open Sans', sans-serif;
         font-size:0.75rem;
         font-weight: 300;
         margin: 0;
         line-height:1.4em;
         }

.jb.cookie p {
         font-family:'Open Sans', sans-serif;
         font-size:0.75rem;
         font-weight: 300;
         }

.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: 4px 12px;
        text-align: center;
        color: #fff;
        background: #615040;
        border-radius:10px;
        float: none!important;
         font-size:0.625rem!important;
        }

.jb.accept:hover {
         box-shadow:none;
         text-shadow:none;
         color:#4161ab;
        background-color:#fff!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 1px #fff;
}
.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: #fff;
}
.jb.cookie.orange p a {
        color: #fff;
}
.jb.cookie.red p a {
        color: #fff;
}
.jb.accept.blue {
        background: #4161ab;
}
.jb.accept.green {
         border:solid 1px #fff;
        background: #4161ab;
}
.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 > 1180 */