/*! customize.css */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    text-rendering: optimizeLegibility;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html, body {
    height: 100%;
    font-size: 18px;
}

body,
#wrapper {
}

body, input, select, textarea {
    font-family: 'Titillium Web', sans-serif;
    font-style: normal;
    color: #555555;
    line-height: 1.6;
}

a {
    color: #00aac9;
    font-weight: bold;
    text-decoration: none;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
a i {
    color: #056ca4;
    font-size: .9rem;
    font-weight: bold;
}

.kopfbild .ce_image {
    text-align: center;
}

.mod_article.gallery {
    max-width: 1920px;
    margin: 0 auto;
}

a:hover {
    /*text-decoration: underline;*/
    color: #db1645;
}

a:focus {
    outline: none;
}

a[href^="tel"],
a[href^="tel"]:hover {
    text-decoration: none;
    color: inherit !important;
    cursor: default;
    font-size: initial !important;
}

a[href^="tel"]:after {
    content: " " !important;
}

h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a {
    padding: 0;
    margin: 0;
    color: #00aac9;
    line-height: 1.4;
    margin-bottom: 15px;
    font-weight: normal;
}

h1, h1 a {
    font-size: 2.2rem;
}

h2, h2 a {
    font-size: 1.8rem;
}

h3, h3 a {
    font-size: 1.5rem;
}

h4, h4 a,
h5, h5 a,
h6, h6 a {
    font-size: 1.3rem;
}

@media screen and (max-width: 480px) {
    h1, h1 a {
        font-size: 1.7rem;
    }

    h2, h2 a {
        font-size: 1.4rem;
    }
}

figcaption {
    line-height: 1.2;
}

.mb-0.rs-columns .rs-column {
    margin-bottom: 0;
}

figure {
    padding: 0;
    margin: 0;
    line-height: 0;
}

#container .fa {
    color: #db1645;
}

p {
    padding: 0;
    margin: 0 0 15px 0;
    color: #575656;
    line-height: 1.4;
}

p:last-child {
    margin: 0;
}

b, strong {
	color: #056ca4;
	font-weight: 400;
	
}

hr {
    max-width: 1200px;
    border-top: 1px solid #555555;
    border-bottom: 0;
}

table {
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #ddd;
}

table td,
table th {
    padding: 10px 10px 10px 5px;
    vertical-align: top;
    text-align: left;
}

.ce_table tr.even {
    background: #f4f4f4;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}


.mm-menu .close,
.mm-menu .mm-title {
    display: none !important;
}

.mm-menu .active,
.mm-listview>li>a, 
.mm-listview>li>span,
.mm-listview>li>strong {
    font-weight: normal;
    padding: 15px 10px 15px 20px;
    display: block;
    font-size: 1rem;
}

.mm-menu .active,
.mm-listview>li>strong {
    font-weight: bold;
    color: #db1645;
}



#header {
    padding: 0;
    z-index: 100;
    width: 100%;
    position: fixed;
    height: 210px;
    background: #ffffff;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 1000px) {
    #header {
        height: 140px;
        border-top: 4px solid #26b8cf !important;
    }
}

body.header-shrink #header {
    -webkit-box-shadow: 0px 1px 13px -4px rgba(168, 168, 168, 1);
    -moz-box-shadow: 0px 1px 13px -4px rgba(168, 168, 168, 1);
    box-shadow: 0px 1px 13px -4px rgba(168, 168, 168, 1);
    height: 140px;
}
@media screen and (max-width: 1000px) {
    body.header-shrink #header {
        height: 105px;
    }
}
@media screen and (max-width: 400px) {
    body.header-shrink #header {
        height: 80px;
    }
}

body.header-shrink #header .topNav {
    top: 95px;
}

#header .inside {
    max-width: 1200px;
    margin: 0 auto;
    padding: 45px 0;
    position: relative;
}
body.header-shrink #header .inside {
    padding-top: 30px;
}
@media screen and (max-width: 400px) {
	body.header-shrink #header .inside {
		padding-bottom: 45px;
	}
}

@media screen and (max-width: 1260px) {
    #header .inside {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 768px) {
    #header .inside {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#header .inside:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

#logo a {
    background-image: url(../img/logo.png);
    /* background-image: url(../img/logo.svg); */
    width: 270px;
    height: 100px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 600px) {
    #logo a {
        width: 230px;
        height: 100px;
    }
}

body.header-shrink #header #logo a {
    width: 160px;
    height: 60px;
}

#logo {
    float: left;
}

#header .mod_navigation {
    overflow: visible;
    position: absolute;
    /* right: 0; */
    /* top: 130px; */
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 1260px) {
    #header .mod_navigation {
        /* right: 30px; */
    }
}

body.header-shrink #header .mod_navigation {
    /* top: 82px; */
}

#header .mod_navigation .level_1 {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    /* float: right; */
}

#header .mod_navigation .level_1:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

#header .mod_navigation .level_1 > li {
    position: relative;
    float: left;
}

#header .mod_navigation .level_1 > li.extern a {
    padding-right: 30px;
}

#header .mod_navigation .level_1 > li.extern a:after {
    content: "\f08e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 1.3rem;
    color: #db1645;
    top: 2px;
    right: 2px;
    z-index: 1;
}

#header .mod_navigation .level_1 > li.submenu > a.submenu:after,
#header .mod_navigation .level_1 > li.submenu > strong:after {
    /* content: "\f107"; */
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 1.3rem;
    color: #db1645;
    bottom: 0;
    z-index: 1;
    width: 22px;
    left: 50%;
    margin-left: -11px;
}

#header .mod_navigation .level_1 > li > strong,
#header .mod_navigation .level_1 > li > a {
    display: block;
    line-height: 40px;
    text-decoration: none;
    padding: 4px 15px 0 15px;
    font-size: 20px;
    color: #276ca8;
    font-weight: normal;
}
@media screen and (max-width: 1260px) {
    #header .mod_navigation .level_1 > li > strong,
    #header .mod_navigation .level_1 > li > a {
        font-size: 1rem;
    }
}

#header .mod_navigation .level_1 > li.last > strong,
#header .mod_navigation .level_1 > li.last > a {
    /* padding-right: 0; */
}

#header .mod_navigation .level_1 > li > strong,
#header .mod_navigation .level_1 > li > a.trail,
#header .mod_navigation .level_1 > li > a:hover {
    color: #db1645;
    border-top-style: solid;
    padding-top: 1px;
}

#header .mod_navigation .level_1 li > .navigation-wrapper {
    display: none;
    z-index: 100;
    background-color: #eee;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: -100%;
    right: -100%;
    top: 52px;
    padding: 25px 0;
}

@media screen and (max-width: 1300px) {
    #header .mod_navigation .level_1 > li.last > .level_2 {
        right: 0;
    }

    #header .mod_navigation .level_1 > li.last > .level_2 a,
    #header .mod_navigation .level_1 > li.last > .level_2 strong {
        text-align: right;
    }
}

/*@media screen and (max-width: 1080px) {
    #header .mod_navigation .level_1 li > .navigation-wrapper {
        left: 0;
        right: 0;
    }

    #header .mod_navigation .level_2 {
	    overflow: hidden;
	    padding: 30px 0 0;
	    position: absolute;
	    width: 310px;
	    display: none;
    	z-index: 100;
    }
}*/

#header .mod_navigation .level_1 li > .level_2 {
    z-index: 100;
    background-color: rgba(0,170,201,0.8);
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    min-width: 100%;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    padding: 15px;
    height: unset !important;
}

#header .mod_navigation .level_1 > li.active > .level_2 {
    height: 187px;
    visibility: visible;
}

#header .mod_navigation .level_1 a.close {
    display: none;
    position: absolute;
    top: 70px;
    right: -40px;
    z-index: 102;
    line-height: 1;
    padding: 0;
    color: #ffffff;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#header .mod_navigation .level_1 a.close:hover {
    color: #6E6E6E;
}

#header .mod_navigation .level_1 > li.active a.close {
    display: none;
}

#header .mod_navigation .level_2 > li {
    list-style: none;
    padding: 5px 0;
    /* border-bottom: 1px solid #ffffff; */
}

#header .mod_navigation .level_2 li.submenu.first, #header .mod_navigation .level_2 li.submenu.last {
    border-left: none;
    border-right: none;
}

#header .mod_navigation .level_2 li.submenu.first {
    padding-bottom: 5px;
}

#header .mod_navigation .level_2 li.submenu.first {
    padding-left: 0;
}

#header .mod_navigation .level_2 li.submenu.last {
    padding-right: 0;
}

#header .mod_navigation .level_2 > ul {
    padding: 0;
    margin: 0;
}

#header .mod_navigation .level_2 > li > a,
#header .mod_navigation .level_2 > li > strong {
    display: block;
    padding: 0;
    text-align: left;
    color: #ffffff;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 400;
    white-space: nowrap;
    /* text-transform: uppercase; */
}

#header .mod_navigation .level_2 > li.last > a,
#header .mod_navigation .level_2 > li.last > strong {
    border: 0;
}

#header .mod_navigation .level_2 > li > a:hover,
#header .mod_navigation .level_2 > li > a.active,
#header .mod_navigation .level_2 > li > strong {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}

#menuBars {
    margin: 45px -5px 0;
    display: none;
    padding: 5px;
    float: right;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

body.header-shrink #header #menuBars {
    margin-top: 20px;
}

#menuBars .fa {
    color: #db1645;
}

@media screen and (max-width: 1000px) {
    #menuBars {
        display: block;
    }

    #header .mod_navigation {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #menuBars {

    }
}

#container {
    min-height: calc(100vh - 172px);
    padding-top: 210px;
}
@media screen and (max-width: 1000px) {
    #container {
        padding-top: 140px;
    }
}

#main .mod_article {
    position: relative;
}

#main .mod_article .article-inner-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 45px 0 65px;
}

@media screen and (max-width: 1260px) {
    #main .mod_article .article-inner-wrapper {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media screen and (max-width: 767px) {
    #main .mod_article .article-inner-wrapper {
        padding: 25px 15px 15px;
    }
}

#main .mod_article.no-padding .article-inner-wrapper {
    padding: 0;
    max-width: 100%;
}

.mod_rocksolid_slider .ce_image {
    text-align: center;
}

.mod_rocksolid_slider .rsts-prev,
.mod_rocksolid_slider .rsts-next,
.mod_rocksolid_slider .rsts-video-play,
.mod_rocksolid_slider .rsts-video-stop,
.mod_rocksolid_slider .rsts-thumbs-prev,
.mod_rocksolid_slider .rsts-thumbs-next {
    left: 100px;
    right: auto;
    width: 56px;
    height: 56px;
    bottom: 20%; 
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: url("../img/arrow-left.png") no-repeat;
    background-position: center center;
    background-color: rgba(110, 208, 222, 1);
    background-size: 17px;
    transition: all 0.4s;
}

@media screen and (max-width: 900px) {
    .mod_rocksolid_slider .rsts-prev,
    .mod_rocksolid_slider .rsts-next,
    .mod_rocksolid_slider .rsts-video-play,
    .mod_rocksolid_slider .rsts-video-stop,
    .mod_rocksolid_slider .rsts-thumbs-prev,
    .mod_rocksolid_slider .rsts-thumbs-next {
        bottom: 90px;
    }
}

.mod_rocksolid_slider .rsts-next,
.mod_rocksolid_slider .rsts-thumbs-next {
    background: url("../img/arrow-right.png") no-repeat;
    background-position: center center;
    right: 100px;
    background-color: rgba(110, 208, 222, 1);
    background-size: 17px;
    left: auto;
}

.mod_rocksolid_slider .rsts-prev:hover,
.mod_rocksolid_slider .rsts-next:hover,
.mod_rocksolid_slider .rsts-video-play:hover,
.mod_rocksolid_slider .rsts-video-stop:hover,
.mod_rocksolid_slider .rsts-thumbs-prev:hover,
.mod_rocksolid_slider .rsts-thumbs-next:hover {
    background-color: rgba(110, 208, 222, 0.7);
}

@media screen and (max-width: 1400px) {
    .mod_rocksolid_slider .rsts-prev,
    .mod_rocksolid_slider .rsts-next,
    .mod_rocksolid_slider .rsts-video-play,
    .mod_rocksolid_slider .rsts-video-stop,
    .mod_rocksolid_slider .rsts-thumbs-prev,
    .mod_rocksolid_slider .rsts-thumbs-next {
        left: 0;
    }

    .mod_rocksolid_slider .rsts-next,
    .mod_rocksolid_slider .rsts-thumbs-next {
        right: 0;
        left: auto;
    }
}

.mod_rocksolid_slider .rs-columns {
    width: 960px;
    height: 220px;
    position: absolute;
    z-index: 100;
    top: 240px;
    left: 50%;
    margin-left: -480px;
}

@media screen and (max-width: 1170px) {
    .mod_rocksolid_slider .rs-columns {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 1050px) {
    .mod_rocksolid_slider .rs-columns {

    }
}

@media screen and (max-width: 767px) {
    .mod_rocksolid_slider .rs-columns {
        display: none;
    }
}

.mod_rocksolid_slider .rs-column {
    position: relative;
}

.mod_rocksolid_slider img {
    width: 100%;
}

.mod_rocksolid_slider .rs-column {
    padding-left: 0;
}

.mod_rocksolid_slider .ce_text {
    position: absolute;
    width: 400px;
    padding: 25px 35px;
    height: auto;
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    font-size: 1.2rem;
}

.mod_rocksolid_slider .ce_text a.btn {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
}

.mod_rocksolid_slider .ce_text h2 {
    color: #ffffff;
}

#main ul,
#main ul li,
#main ol,
#main ol li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    text-align: left;
}

#main ul,
#main ol {
    margin-bottom: 15px;
}

#main ul li,
#main ol li {
    line-height: 1.5;
    padding-left: 30px;
}

#main ul li:after {
    /* content: "\f105"; */
    content: " ";
    /* font-family: FontAwesome; */
    /* font-style: normal; */
    /* font-weight: normal; */
    /* text-decoration: inherit; */
    position: absolute;
    /* font-size: 1rem; */
    /* line-height: 1; */
    /* color: #db1645; */
    top: 11px;
    left: 10px;
    z-index: 1;
    background-size: 8px 8px;
    background-image: url("../img/circle-solid.png");
    width: 8px;
    height: 8px;
}

#main ol li:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 1rem;
    line-height: 1;
    color: #db1645;
    top: 5px;
    left: 0;
    z-index: 1;
}

#main .ce_gallery {
    margin-bottom: 0;
}

#main .ce_gallery img {
    float: right;
}

#main .ce_gallery .cols_1,
#main .ce_gallery .cols_2,
#main .ce_gallery .cols_3,
#main .ce_gallery .cols_4,
#main .ce_gallery .cols_5,
#main .ce_gallery .cols_6 {
    margin: 0;
}

#main .ce_gallery .cols_1 li,
#main .ce_gallery .cols_2 li,
#main .ce_gallery .cols_3 li,
#main .ce_gallery .cols_4 li,
#main .ce_gallery .cols_5 li,
#main .ce_gallery .cols_6 li {
    padding: 0;
}

#main .ce_gallery .cols_1 li:after,
#main .ce_gallery .cols_2 li:after,
#main .ce_gallery .cols_3 li:after,
#main .ce_gallery .cols_4 li:after,
#main .ce_gallery .cols_5 li:after,
#main .ce_gallery .cols_6 li:after {
    content: " ";
    background: transparent;
}

#main .ce_gallery > ul li.col_first {
    clear: none;
}

#main .ce_gallery .cols_2 li {
    width: 100%;
}

#main .ce_gallery .cols_2 li {
    width: 50%;
}

#main .ce_gallery .cols_3 li {
    width: 33.3333%;
}

#main .ce_gallery .cols_4 li {
    width: 25%;
}

#main .ce_gallery .cols_5 li {
    width: 20%;
}

#main .ce_gallery .cols_6 li {
    width: 16.6666666%;
}

#main .ce_gallery .image_container:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}

#main .ce_gallery .image_container {
    overflow: hidden;
}

#main .ce_gallery img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

@media screen and (max-width: 991px) {
    #main .ce_gallery .cols_5 li,
    #main .ce_gallery .cols_6 li {
        width: 33.333333333%;
    }
}

@media screen and (max-width: 520px) {
    #main .ce_gallery .cols_3 li,
    #main .ce_gallery .cols_4 li,
    #main .ce_gallery .cols_5 li,
    #main .ce_gallery .cols_6 li {
        width: 100%;
    }
}

#main .ce_download {
    position: relative;
    margin-bottom: 15px;
    padding-left: 30px;
}

#main .ce_downloads {
    margin-bottom: 15px;
}

#main .ce_downloads ul li {
    position: relative;
    padding-left: 30px;
}

#main .ce_downloads ul li:after {
    content: " ";
}

#main .ce_download a,
#main .ce_downloads a {
    color: #db1645;
}

#main .ce_download a:before,
#main .ce_downloads a:before {
    color: #db1645;
    content: "\f019";
    font-family: FontAwesome;
    font-size: 1.2rem;
    line-height: 1.2;
    position: absolute;
    left: 0;
    font-style: normal;
}

#main .ce_download img,
#main .ce_downloads img {
    display: none;
}

#main .ce_accordion {
    margin-bottom: 35px;
}

#main .ce_accordion .toggler {
    outline: 0 none;
    cursor: pointer;
    text-align: left;
    padding: 5px 30px;
    position: relative;
    background: #f8f6f6;
    font-weight: bold;
    color: #00aac9;
    font-size: 1.3rem;
    border-bottom-style: solid;
    border-width: 1px;
}

#main .ce_accordion .accordion {
    padding-top: 15px;
}

#main .ce_accordion .ui-icon-triangle-1-e:before,
#main .ce_accordion .ui-icon-triangle-1-s:before  {
    content: " ";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    background-image: url("../img/plus-circle-solid.png");
    background-size: 25px 25px;
}

#main .ce_accordion activated .ui-icon-triangle-1-e:before,
#main .ce_accordion activated .ui-icon-triangle-1-s:before  {
    background-image: url("../img/minus-circle-solid.png");
}

#main .ce_accordion .ui-icon-triangle-1-s:before {
    content: "\f056";
}

#main .ce_text {
    margin-bottom: 15px;
}

#main a.btn {
    display: inline-block;
    background-color: #db1645;
    color: #ffffff;
    padding: 5px 10px;
}

#main a.btn:hover {
    background-color: #555555;
    text-decoration: none;
}

#main .ce_hyperlink {
    margin-top: 30px;
    margin-bottom: 15px;
}

#main .ce_hyperlink a {
    display: block;
    background-color: #00aac9;
    color: #ffffff;
    padding: 5px 10px;
    text-align: center;
    width: fit-content;
}

#main .ce_hyperlink a i {
    color: #ffffff;
}

#main .ce_hyperlink a:hover {
    background-color: #db1645;
    text-decoration: none;
}

#main a.more {
    position: relative;
    display: inline-block;
    padding: 0 30px 3px 0;
}

#main a.more:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-radius: 20px;
    border: 10px solid #db1645;
    position: absolute;
    right: 0;
    top: 2px;
    transition: all 0.4s;
}

#main a.more:after {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 2rem;
    color: #ffffff;
    top: -5px;
    text-align: center;
    z-index: 1;
    line-height: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    right: 0;
    width: 22px;
    height: 20px;
}


.jamp-parallax .parallax-window {
    min-height: 500px;
    background: transparent;
}

@media screen and (max-width: 767px) {
    .jamp-parallax .parallax-window {
        min-height: 350px;
    }
}

.jamp-parallax .text {
    position: absolute;
    z-index: 1;
    top: 150px;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    color: rgb(255, 255, 255);
    font-size: 1.2rem;
    line-height: 1.3;
}

@media screen and (max-width: 1260px) {
    .jamp-parallax .text {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding-left: 30px;
        padding-right: 30px;
        top: 120px;
    }
}

@media screen and (max-width: 767px) {
    .jamp-parallax .text {
        top: 50px;
        font-size: 1rem;
    }
}

.jamp-parallax .text .big {
    font-size: 4.5rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .jamp-parallax .text .big {
        font-size: 2.8rem;
        font-weight: bold;
    }
}

.dlh_googlemap {
    width: 100% !important;
}

@media screen and (max-width: 767px) {
    .dlh_googlemap {
        height: 250px !important;
    }
}

#footer {
    background: #00aac9;
}

#footer p {
    color: white;
}

#footer .inside {
    max-width: 1200px;
    margin: 0 auto;
    color: #ffffff;
    padding: 45px 0 60px;
}

@media screen and (max-width: 1260px) {
    #footer .inside {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 768px) {
    #footer .inside {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 500px) {
    #footer .inside {
        padding-bottom: 200px;
    }
}

#footer .fa,
#footer a,
#footer h2,
#footer h3,
#footer h4 {
    color: #ffffff;
}

#footer ul {
    margin-bottom: 5px;
}

#footer ul {
    margin: 0;
    padding: 0;
}

#footer ul li {
    float: left;
    list-style: none;
    padding-right: 15px;
}

#scrollup {
    position: fixed;
    bottom: 100px;
    right: 60px;
    color: #db1645;
    font-size: 2.5rem;
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -ms-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
    z-index: 111;
    display: none;
}

#scrollup i {
    font-size: 1.5rem;
    color: white;
    background-color: #00aac9;
    padding: 5px 7px;
}

#scrollup:hover {
    color: #ccc;
}

@media screen and (max-width: 960px) {
    #scrollup {
        right: 15px;
        bottom: 50px;
    }
}

.cookiebar {
    font-size: 12px;
}

.cookiebar__button {
    background: #00aac9;
    line-height: unset;
}

.cookiebar__button:hover {
    background: #db1645;
}

.topBar {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #26b8cf;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    #header .inside {
        padding-top: 30px;
    }
}
@media screen and (max-width: 650px) {
    .topBar {
        font-size: .8rem;
        padding: 0 5px;
    }
    .topBar i{
        font-size: .8rem;
    }
}
@media screen and (max-width: 500px) {
    .topBar {
        font-size: .7rem;
        padding: 0 5px;
    }
    .topBar i{
        font-size: .7rem;
    }
}
@media screen and (max-width: 450px) {
    .topBar {
        font-size: .6rem;
        padding: 0 5px;
    }
    .topBar i{
        font-size: .6rem;
    }
}
@media screen and (max-width: 400px) {
    .topBar {
        display: none;
    }
    #header {
        height: auto;
    }
    #header .inside {
        padding-top: 10px !important;
        padding-bottom: 5px;
    }
    #container {
        padding-top: 100px;
    }
}

.topBar div {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.topBar span {
    padding-right: 15px;
    color: white;
}

@media screen and (max-width: 1000px) {
  .topBar .top-kontakt{
    display: none;
}
}


.topBar i,
.topBar a {
    color: white
}

.topBar span.shiftRight {
    float: right;
    padding: 0 !important;
    padding-left: 1rem !important;
}

.topNav {
    position: fixed;
    top: 165px;
    left: 0;
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #eaeaea;
    transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 1000px) {
    .topNav {
        border-top-style: none;
    }
    #header .inside {
        padding-top: 30px;
    }
}
@media screen and (max-width: 1260px) {
    .topBar {
        padding: 0 30px;
    }
    .topNav {
        padding: 0 30px;
    }
}

#footer {
    border-top-color: #86cedc;
    border-top-width: 24px;
    border-top-style: solid;
}

#footer h3 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.text-over-pic {
    position: relative;
    margin-top: 0 !important;
}

.text-over-pic a {
    background-color: unset !important;
    padding: 0 !important;
}

.text-over-pic h4 {
    position: absolute;
    bottom: 30px;
    width: 100%;
    background-color: rgba(37, 184, 206, 0.7);
    padding: 5px;
    text-align: center;
    color: white;
    font-size: 30px;
    font-weight: bold;
    z-index: 1;
}

.text-over-pic img {
    transition: all 0.4s;
}

.text-over-pic:hover img {
    transform: scale(1.1);
}

#header ul.level_1 > li:before {
    content: " ";
    height: 40%;
    top: 35%;
    width: 1px;
    background-color: #276ca8;
    position: absolute;
}

.boxen-smaller > div {
    padding: 0 15px;
}

h1 {
    font-size: 45px;
    text-transform: uppercase;
    color: #00aac9;
}

h2 {
    position: relative;
    font-size: 35px;
    color: #056ca4;
    padding-bottom: 10px;
}
h2:after {
    width: 120px;
    height: 8px;
    content: " ";
    position: absolute;
    background-color: #86cedc;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 35px !important;
    }
      h2 {
        font-size: 28px !important;
    }
}

.placeholder {
    margin-bottom: 50px !important;
}

.sibling a {
    transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
}

.hidden {
    display: none !important;
}

.rs-colums-fullWidth > div {
    padding: 0;
    margin: 0;
}

.rs-colums-fullWidth > div:first-child img {
    float: right;
}

span.hinweis{
	font-size: 0.8rem;
	font-weight: bold;
}

p span.hinweis{
	line-height: 1 !important;
}

.zitat{
	background: #00aac9;
	padding: 20px 20px;
}

.zitat p{
	color: #fff;
	text-align: center;
}

.mod_calendar .calendar td {
    width: 14%;
    height: 7em;
    padding: 0;
    border: 1px solid #ddd;
    vertical-align: top;
}

.mod_calendar td div.header {
    padding: 3px 3px 3px 6px;
    background-color: #f8f8f8;
    font-size: 0.8667rem;
    line-height: normal;
}

.mod_calendar th.label{
	background-color: #f8f8f8;
	color:#056ca4;
}

.mod_calendar th.head {
    background: #00aac9;
    border-top: 1px solid #00aac9;
    border-right: 1px solid #00aac9;
    border-left: 1px solid #00aac9;
}

.mod_calendar th.previous a, .mod_calendar th.next a {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
}

.mod_calendar th.current {
    text-align: center;
	padding: 20px;
	color: #fff;
}

.mod_calendar th.current:before {
    display: inline-block;
    margin-right: 8px;
    font-family: "Font Awesome 5 Free";
    content: "\f133";
}

.mod_calendar td .event {
    width: 99%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;
	font-size: 0.8rem;
}

.slider-control .slider-prev,.slider-control .slider-next {
	display: none;
}

.slider-control .slider-menu b.active {
	color: #00aac9;
}

.grey {
	background: #f8f8f8;
}

.blue {
color: #00aac9;	
}

.bg-blue{
	background-color: #00aac9;
	padding: 2px 3px;
	color: #fff;
	margin-bottom: 5px;
}
.bg-grey{
	background-color: #f8f6f6;
	padding: 2px 3px;
	margin-bottom: 5px;
}

.blue-dark{
	color: #056ca4;
}

.werdegang p{
	line-height: 2.1rem;
}

.mod_eventlist_v2 .event {
    border-top: 1px solid rgb(233, 238, 241);
    padding: 5px;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    line-height: 2.5rem;
}

#main .mod_calendar .individual a{
	color: #056ca4 !important;
}

.termine-box{
	background: #00aac9;
	padding: 45px 20px;
}

.termine-box p,.termine-box h2, .termine-box p a {
	color: #fff;	
}

.termine-box p a{
	font-weight: 400 !important;
}

#main .termine-box h2 {
	font-size: 30px;	
}

#main .termine-box h2:after {
	width: 90px;
    height: 4px;
}

.termin .rs-column{
	padding: 0 15px;
}

.reiki-kalender table tr{
	background: #f8f8f8;
}

#buchungsButton {
	position: absolute;
	right: 0;
	top: calc(50% - 28px);
	z-index: 9999;
}
#buchungsButton img {
	width: 25px;
	margin-right: 1rem;
}
@media screen and (max-width: 1260px) {
	#buchungsButton {
		right: 30px;
	}
}
@media screen and (max-width: 1000px) {
    #buchungsButton {
    	top: calc(25% - 28px);
    }
    .header-shrink #buchungsButton {
    	top: calc(20% - 28px);
    }
}
@media screen and (max-width: 768px) {
	#buchungsButton {
		transform: scale(0.8);
		right: -27px;
	}
}

@media screen and (max-width: 450px) {
    #buchungsButton {
		transform: scale(0.65);
		right: -59px;
        top: 0;
	}
}

.whatsapp i {
    font-weight: 400;
    font-size: 1.6rem;
    margin-right: 1rem;
}



.mm-menu--opened {
   display: block !important;
}