/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Frutiger W03";
    src: url("fonts/FrutigerLTStd-Light.eot"); /* IE9 Compat Modes */
    src: url("fonts/FrutigerLTStd-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/FrutigerLTStd-Light.otf") format("opentype"), /* Open Type Font */
    url("fonts/FrutigerLTStd-Light.svg") format("svg"), /* Legacy iOS */
    url("fonts/FrutigerLTStd-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/FrutigerLTStd-Light.woff") format("woff"), /* Modern Browsers */
    url("fonts/FrutigerLTStd-Light.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Adonide W01";
    src: url("fonts/AdonideLight.eot"); /* IE9 Compat Modes */
    src: url("fonts/AdonideLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/AdonideLight.otf") format("opentype"), /* Open Type Font */
    url("fonts/AdonideLight.svg") format("svg"), /* Legacy iOS */
    url("fonts/AdonideLight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/AdonideLight.woff") format("woff"), /* Modern Browsers */
    url("fonts/AdonideLight.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}



body{
    font-family: 'Frutiger W03',sans-serif;
    font-weight: 100;
    line-height: 1.8em;
}

h1,h2,h3,h4,h5{
    font-family: 'Adonide W01',sans-serif;
}


@media (max-width: 767px) {
    h1{font-size: 28px; }
}



body .btn{
    font-weight: 100;
}

.white-bg .navbar-brand .logo-white {
    display: none;
}

#main-navigation.white-bg .navbar-nav > li > a {
    border-color: black
}

#main-navigation.white-bg .navbar-brand {
    padding: 0;
}

.fullHeight, .full-bg-carousel .carousel-info-area {
    height: 100%;
}

#pageArea > section {
    position: relative;
    background: white;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
}

#pageArea #section--start {
    background-image: url("../img/bg/hero.jpg");
    text-align: center;
    background-size: cover;
    color: #fff;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}

#pageArea #section--start img,
#pageArea .logo-area img{
    height: 40%;
    width: auto;
    max-width: 80%;
    position: relative;
}

#ausmommentiert #pageArea .section--benefits {
}

#main-navigation {
    color: white;
    padding: 5px 20px;
}

#main-navigation.white-bg,
#main-navigation.force-white-bg{
    background: white;
    color: black;
    -webkit-box-shadow: -5px 7px 6px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -5px 7px 6px -8px rgba(0, 0, 0, 0.75);
    box-shadow: -5px 7px 6px -8px rgba(0, 0, 0, 0.75);
}

#main-navigation .navbar-nav > li > a {
    text-shadow: none;
    color: inherit;
    padding: 0;
    font-weight: 200;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    border-left: 1px solid white;
    font-family: 'Adonide W01',sans-serif;
}


@media (max-width: 1150px) and (min-width: 961px) {
    #main-navigation .navbar-nav > li > a {
        font-size:14px;
        padding: 5px 7px;
    }

    .navbar-brand .logo-white{
        width: 100%;
        max-width: 240px;

    }

}


@media (max-width: 960px) and (min-width: 768px) {
    #main-navigation .navbar-nav > li > a {
        font-size: 12px;
        padding: 0px 5px;
    }

    .navbar-header{
        max-width:30%;
    }
    .navbar-brand .logo-white{
        width: 100%;
    }
}


#main-navigation .navbar-nav > li:first-child > a{
    border:0;
}


#main-navigation .navbar-nav > li > a:hover, #main-navigation .navbar-nav > li > a:active {
    background: none;
    color: #93BF2B;
}

#main-navigation .navbar-nav > li.active {
    color: #E07B3E;
}

.benefits img {
    width: 100%;
    height: auto;
    max-width: 150px;
    display: inline-block;
}

.benefits img + span {
    display: block;
}

.small-title {
    font-size: 19px;
    margin-top: -15px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 700;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 45px;
    height: 45px;
}

.btn {
    background: rgba(255,255,255,0.2);
    border-radius: 0;
    padding: 10px 25px;
    border: 1px solid white;
    min-width: 200px;
    color: white;

}

.btn:hover {
    background: white;
    color: black
}

.btn.btn-big {
    padding: 20px 40px;
    font-size: 1.5em;
    font-size: 16px;
}

label {
    font-weight: normal;
}

.carousel {
    max-height: 100%;
}

.carousel .carousel-inner {
    height: 100%;
}

.carousel .imageSlider {
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
}

.carousel .carousel-control {
    opacity: 1;
    width: 10%;
}

.carousel.content-right .carousel-control.left {
    left: 50%;
}

.carousel.content-left .carousel-control.right {
    right: 35%;
}

.carousel.content-left .carousel-control.right {
    left: 35%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.carousel-indicators {
    display: none;
    text-align: center;
    width: auto;
    left: 0;
    right: 0;
    margin: 0;
}

.carousel-indicators li {
    background: white;
    text-indent: -9919px;
}

.carousel-indicators li.active {
    background: black;
}

.carousel-info-area {
    text-align: center;
    padding: 50px 50px;
    font-size: 14px;
    margin-top: 10%;
    max-width: 50%;
}

.carousel-info-area h2 {
    margin-bottom: 20px
}

.carousel-info-area > span {
    font-size: 18px;
    margin-top: -15px;
    margin-bottom: 10px;
    display: inline-block;
}

.carousel-info-area p {
    margin: 0 20%;
}

.full-bg-carousel .carousel-info-area {
    margin-top: 0;
    padding: 0;
}

.full-bg-carousel .carousel-info-area > div {
    height: 80%;
    margin: 10% 0 10% 10%;
    padding: 50px 70px;
}

.full-bg-carousel .carousel-info-area p {
    margin: auto;
}

input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0;
    vertical-align: middle;
    background: url(../img/check_sheet.png) left top no-repeat;
    cursor: pointer;
}

input[type="checkbox"]:checked + label span {
    background: url(../img/check_sheet.png) -19px top no-repeat;
}

input[type="radio"] + label {
    font-family: Arial, sans-serif;
    float: left;
    clear: both;
}

input[type="radio"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0;
    vertical-align: middle;
    background: url(../img/check_sheet.png) -38px top no-repeat;
    cursor: pointer;
}

input[type="radio"]:checked + label span {
    background: url(../img/check_sheet.png) -57px top no-repeat;
}

#aboutussel .carousel-indicators {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    left: auto;
    top: auto;
    bottom: auto;
    padding-top: 30px;
}

#aboutussel .carousel-inner > .item img {
    display: inline-block;
}


#aboutCarousel .fp-scroller {
    height: 100%;
}

#aboutCarousel .item .img-circle {
    width: 153px;
    height: auto;
}

#aboutCarousel .carousel-indicators {
    bottom: 10%;
}

@media (max-width: 991px) {
    #aboutCarousel .carousel-indicators {

    }


    #main-navigation .navbar-nav > li > a {
        color: white;
    }

    #aboutCarousel .item .img-circle {
        width: 120px;
        height: auto;
    }

    #aboutCarousel h2 {
        font-size: 26px;
    }
}

#aboutCarousel .carousel-control.right {
    right: 0;
    left: auto;
}

section:last-child {
    padding-bottom: 0
}

#footer {
    border-top: 1px solid #EEEEEE;
    background: #007859;
    bottom: 0;
    color: white;
    width: 100%;
    z-index: 70;
    padding: 50px 0;
    font-size: 13px !important;
}

#footer.visible {
    display: block;
}

#footer a {
    color: white;
    line-height: 2em;
}

.static-page #footer {
    display: block;
}

.error-box {
    color: #E07B3E;
    padding: 25px;
    margin: 10px;
}

.static-page {
    font-size: 14px;
    min-height: 70%;
}

.static-page > h1, .static-page > h2 {
    text-align: center;
}

@media (min-width: 992px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media (max-width: 1080px) and (min-width: 750px) {

    .mobile-only {
        display: block !important;
    }

    .desktop-only {
        display: none !important;
    }

    .carousel-info-area {
        font-size: 12px;
    }

    .carousel-info-area h2 {
        margin: 0;
    }

}

@media (min-height: 800px) {
    .fullHeight-desktop {
        height: 100%;
    }

    .carousel .fullHeight-desktop .img-responsive {
        height: 100%;
        width: auto;
    }
}

@media (max-width: 990px) {


    .navbar-fixed-top .navbar-collapse {
        max-height: 100%;
    }

    .navbar-brand, .navbar-nav > li > a {
        text-align: center;
        font-size: 16px;
    }

    .navbar-collapse {
        width: 100%;
        background: rgba(109, 142, 108,0.8);
        height: 100%;
        position: fixed;
        left: 0;
    }

    .navbar-collapse.collapse{
    height: 100% !important;}
}

@media (max-width: 990px) {
    #success-box {
        margin-left: 0;
    }

    #pageArea > section {
        padding-top: 0px;
    }




    .carousel .imageSlider {
        background-position: top center;
        background-size: auto 40%;
    }

    .carousel .carousel-indicators {
        aleft: 50%;
    }

    #pageArea .section--benefits, #pageArea .section--contact, .text-section {
        padding-top: 20px;
    }

    #footer.mobileVis {
        position: fixed;
        bottom: 0;
        z-index: 9999999;
        width: 100%;
        height: 50px;
        display: block;
        background: transparent;
        color: white;
        font-size: 14px;
        text-align: center;
    }


    #footer.mobileVis div,
    #footer.mobileVis hr{
        display:none;
    }

    #footer.mobileVis div:last-child{
        display:block;
    }

    #footer.mobileVis a {
        color: white;
        width: 25%;
        margin: 0 5%;
    }

    #footer.mobileVis a:first-child {
        margin-left: 0;
    }

    #footer.visible {
        //display: none;
    }

    #footer #pageArea .section--contact {
        padding-bottom: 50px;
    }


    .centeredText {
        margin: 0;
        text-align: center;
        max-width: 100%;
    }

    .third-height-mobile {
        height: 200px;
        overflow: hidden;
        position: relative;
    }

    .third-height-mobile img {
        position: absolute;
        bottom: -100px;
    }

    .hide-on-mobile {
        display: none !important;
    }


    .mmt-xl{
        margin-top:15px;
    }

    .normal-font {
        font-size: 14px;
    }

    .carousel-info-area {
        max-width: 100%;
        padding: 1px;
    }

    .carousel-info-area p {
        margin: 0 10%;
    }

    .full-bg-carousel .carousel-info-area > div {
        border: 10px solid black;
        bottom: 0;
        height: 60%;
        margin: 10px 10px 0 10px !important;
        padding: 50px 70px;
        position: absolute;
        width: 95%;
    }

    .carousel-control.right, .carousel-control.left {
        display: none;
    }

    .carousel-control.left, .carousel.content-left .carousel-control.left {
        left: 10px !important;
        top: 50%;
    }

    .carousel-control.right, .carousel.content-left .carousel-control.right {
        right: 10px !important;
        top: 50%;
    }

    .carousel-indicators {
        top: 93%;
    }

    h2 {
        font-size: 34px;
        margin-bottom: 0.4em;
        line-height: 1.2em;
        background-size: 50px auto !important;
    }


    #pageArea #section--start img{
        width: auto !important;
        max-width: 200px !important;
    }

    .navbar-brand .logo-white,
    .white-bg .navbar-brand .logo-black{
     max-width:180px;
        height: auto;
    }


    .notMoved:before{
        content: "";
        position: absolute;
        widtH: 126px;
        height: 126px;
        background: url(../img/Swipe-Icon.png);
        background-size: cover;
        opacity: 0.85;
        left:0;
        right: 0;
        z-index:9999;
        top: 50%;
        margin-top: -63px;
        left: 50%;
        margin-left: -63px;
        animation-name: swipeanimation;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        transition: margin 1s;
    }


    @keyframes swipeanimation {
        0%   {margin-left: -53px;}
        50% {margin-left: -73px;}
        100%   {margin-left: -53px;}
    }


}

/* ========================================================================== Author's custom styles ========================================================================== */



.animateSi.transp{
    opacity: 0;
}

.moveIn .animateOp {
    animation-name: opacination;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-fill-mode: both; /* Safari and Chrome */
}

.moveIn .animateSi {
    animation-fill-mode: both;
    animation-name: slideinination;
    animation-duration: 1s;
    animation-delay: 0.5s;
}

.delay1 {
    animation-delay: 0.5s !important;
}

.delay2 {
    animation-delay: 1s !important;
}

.delay3 {
    animation-delay: 1.5s !important;
}

@keyframes opacination {
    0% {
        opacity: 0;
    }
    99% {
        opacity: 1;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes slideinination {
    0% {

        opacity: 0;
        display: none;
    }
    1% {
        display: block;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}


.cookie{
    width: 100%;
    padding: 20px;
    background: rgba(116, 153, 113, 0.95);
    background-color:#007859 ;
    border-top: 2px solid white;
    bottom: 0;
    left: 0;
    position: fixed;
    display: none;
    color: white;
    font-size: 14px;
    text-align: center;
    z-index:9999999;
}

.cookie .close-button{
    background-color: rgba(0,0,0,0.5);
    color:white;
}

.cookie a{
    color: white;
    text-decoration: underline;
}

.show{display:block;}

.blurry {
    filter: blur(4px);
}

.blur::before {
    content: "nix";
    background: #49423b;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-filter: url(#blur-with-this-svg);
    -moz-filter: url(#blur-with-this-svg);
    filter: url(#blur-with-this-svg);
}

#blur-with-this-svg {

}

@media (max-width: 750px) {



    #main-navigation .navbar-collapse .navbar-nav > li > a {
        color: white !important;
        border:none;
    }
    #main-navigation .navbar-collapse .navbar-nav > li > a {
        color: white !important;
        border:none;
    }
}






.scroll-down {
    opacity: 1;
    -webkit-transition: all .5s ease-in 3s;
    transition: all .5s ease-in 3s;
    position: fixed;
    bottom: 20px;
}

.scroll-down {
    position: absolute;
    text-align: center;
    color: #84b92e;
    outline:none;
    font-size: 18px;
    bottom: 30px;
    left: 50%;
    right: 50%;
    display: block;
    width: 200px;
    height: 32px;
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 2;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    margin-left: -100px;
    text-shadow: 2px 2px 2px black;
}

.scroll-down:hover,
.scroll-down:active,
.scroll-down:visited{
    color: #84b92e;
}

.scroll-down:before {
    position: absolute;

    top: 1.2em;

    left: calc(50% - 11px);

    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);

    display: block;

    width: 22px;

    height: 22px;

    content: "";

    border: 2px solid #84b92e;

    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;

    border-width: 0px 0 4px 4px;
    box-shadow: -1px 1px 1px #002834;
    outline:none;
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}

.topic-teaser {
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 80%;
    min-height: 380px;
    text-align: center;
    position: relative;
    background-position: center bottom;
    transition: background .5s ease-in-out;

}


@media (min-width: 1200px) {
    .topic-teaser{ min-height:450px;}
}




.topic-teaser.wide{
    height: auto;
    width: 100%;
    min-height: 200px;
}


#section--start.small-hero{
    height: 50vh !important;
    min-height: 250px;
    background-position: center !important;
}

.topic-teaser:hover{
    box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.54);
}

.topic-teaser.bg-zoom{
    background-position: center ;
}

.topic-teaser.bg-zoom:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-size: 120% auto;
    background-position: center ;
}


.topic-teaser h3 {
    color: white;
    text-align: center;
    position: absolute;
    line-height: 1.2em;
    top: 30%;
    width: 100%;
    font-size: 32px;
    text-shadow: 0px 0px 35px rgba(0, 0, 0, 1.0);
    z-index: 2;
    padding: 0 ;
}


@media (max-width: 1200px) and (min-width: 765px) {
    .topic-teaser h3{font-size: 20px;}
}



.topic-teaser.wide h3{
    top: 20%;
}

.topic-teaser a,
.topic-teaser .teaser-button{
    color: white;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    text-shadow: 0px 0px 35px rgba(0, 0, 0, 1.0);
    font-weight: 200;
    z-index: 2;
}

.topic-teaser:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

.topic-teaser:hover:after {
    display: none;
}
.topic-teaser .teaser-button::after,
.topic-teaser a::after {
    aaaacontent: "->";
    display: inline-block;
    width: 50px;
    height: 27px;
    background-image: url('../img/icons/teaser_arrow.png');
    background-repeat: no-repeat;
    margin-left: 10px;
    opacity: 0.35;
}

.topic-teaser.eig-teaser {
    background-image: url('../img/bg/eigentum.png');

}

.topic-teaser.miet-teaser {
    background-image: url('../img/bg/miete.png');
}


.topic-teaser.herzstueck-teaser {
    background-image: url('../img/bg/herzstueck.png');
}
.topic-teaser.moment-teaser {
    background-image: url('../img/bg/moment.png');
}

.topic-teaser.kita-teaser {
    background-image: url('../img/bg/kitapark.png');
}

.topic-teaser.standort-teaser {
    background-image: url('../img/bg/umgebung.png');
}

.topic-teaser.tarpenbek-teaser {
    background-image: url('../img/bg/dietarpenbek.png');
}

.topic-teaser.kontakt-teaser {
    background-image: url('../img/bg/kontakt.jpg');
}
.topic-teaser.pano-teaser {
    background-image: url('../img/bg/panotour.jpg');
}
.topic-teaser.video3-teaser {
    background-image: url('../img/bg/tu_video_kachel_daten.jpg');
}
.topic-teaser.video2-teaser {
    background-image: url('../img/bg/tu_video_kachel_borstel.jpg');
}
.topic-teaser.video1-teaser {
    background-image: url('../img/bg/tu_video_kachel_lage.jpg');
}
.topic-teaser.lieblings-teaser {
    background-image: url('../img/bg/liebling.png');
}

.topic-teaser.aktuelle-teaser {
    background-image: url('../img/bg/aktuelle.png');
	cursor: pointer;
}

.topic-teaser.planung-teaser {
    background-image: url('../img/bg/planung.png');
	cursor: pointer;
}

.topic-teaser.bf7-teaser {
    background-image: url('../img/bg/baufeld7.png');
}

.topic-teaser.bf8-teaser {
    background-image: url('../img/bg/baufeld8.png');
}

.topic-teaser.bf4-teaser {
    background-image: url('../img/bg/baufeld4.png');
}

.topic-teaser.wide.bf7-teaser {
    background-image: url('../img/bg/baufeld7_wide.png');
}

.topic-teaser.wide.bf8-teaser {
    background-image: url('../img/bg/baufeld8_wide.png');
}

.sold-badge{
    overflow: hidden;
}

.sold-badge:before{
    content: "verkauft";
    position: absolute;
    color: white;
    background: #c3d02f;
    border: 2px solid white;
    z-index: 5;
    transform: rotate(45deg);
    top: 0;
    right: -50px;
    width: 200px;
    margin-top: 20px;
    font-size: 16px;
    margin-right: 0;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: -5px 7px 6px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -5px 7px 6px -8px rgba(0, 0, 0, 0.75);
    box-shadow: -5px 7px 6px -8px rgba(0, 0, 0, 0.75);

}


.full-width-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.slider-infos-a {
    position: absolute;
    right: 0;
    width: 330px;
    bottom: 0;
    padding: 15px 15px 15px 20px;
    background: white;
    color: black;
    height: auto;
    min-height: 50px;
    max-height: 400px;
    text-align: center;
    z-index: 9;
    font-family: 'Adonide W01',sans-serif;
    line-height: 25px;
    font-weight:bold;
}
.slider-infos-b {
    position: absolute;
    right: 0;
    width: 300px;
    bottom: 0;
    padding: 25px 5px 25px 5px;
    background: white;
    color: black;
    height: auto;
    min-height: 50px;
    max-height: 300px;
    text-align: center;
    z-index: 9;
    font-family: 'Adonide W01',sans-serif;
    line-height: 25px;
    font-weight:bold;
}
.slider-infos-c {
    position: absolute;
    right: 0;
    width: 330px;
    bottom: 0;
    padding: 10px 5px 10px 15px;
    background: white;
    color: black;
    height: auto;
    min-height: 50px;
    max-height: 350px;
    text-align: center;
    z-index: 9;
    font-family: 'Adonide W01',sans-serif;
    line-height: 25px;
    font-weight:bold;
}
.slider-infos {
    position: absolute;
    right: 0;
    width: 200px;
    bottom: 0;
    padding: 25px 10px 10px 25px;
    background: white;
    color: black;
    height: auto;
    min-height: 50px;
    max-height: 400px;
    text-align: center;
    z-index: 9;
    font-family: 'Adonide W01',sans-serif;
    line-height: 25px;
    font-weight:bold;
	font-size: 18px;
}

.slider-infos img, .slider-infos-a img, .slider-infos-b img, .slider-infos-c img {
    max-width: 100%;
}


@media (max-width: 750px) {

    .slider-infos{
        height: 60px;
        min-height: 50px;
        padding: 20px 20px;
        max-width: 150px;
		font-size: 18px;
    }
.slider-infos-a {
    height: 70px;
    min-height: 50px;
    padding: 10px;
    max-width: 150px;
}
.slider-infos-b {
    height: 80px;
    min-height: 50px;
    padding: 15px 10px;
    max-width: 150px;
}
.slider-infos-c {
    height: 70px;
    min-height: 50px;
    padding: 10px 10px 10px 20px;
    max-width: 150px;
}
}


.centered-Height .fp-scrollable {
    display: table;
    width: 100%;
}

.centered-Height .fp-scroller {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

#section--start {
    z-index: 1;
    background-attachment: fixed;
}

#section--start .fp-tableCell {
    z-index: 2;
}

#section--start:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}


#section--start.light:before {
background: none}



@media (max-width: 767px) {
    .text-right,
    .text-left {
        text-align: center;
    }

    .scroll-down{
        display:none !important;
    }

}

#section--start h1{
    font-weight: 200;
    font-size: 18px;
    text-shadow: 2px 2px 15px #002834;
    position: relative;
}

#section--start h2,
#section--start .h2{
    font-family: 'Adonide W01',sans-serif;
    font-weight: 200;
    color: white;
    margin-bottom: 35px;
    text-shadow: 2px 2px 15px #002834;
    font-size: 30px;
}

@media screen and (max-width: 767px) {
    #section--start h2,
    #section--start .h2{
        font-size: 25px;
    }
}


#section--start .h2:after,
#section--start h2:after {
    border: none;
}

.text-segment p, .double-text-segment p {
    text-align: left;
}

ul {
    list-style-type: none;
    padding: 0 25px;
}

ul li {
    list-style-image: url('../img/icons/bulletpoints.png');
    line-height: 1.5em;
    margin-bottom: 5px;
    text-align: left;
}

ul.tabNav {
    list-style-type: none;
}

ul.tabNav li {
    width: 33%;
    float: left;
    background-color: #cecece;
    list-style-type: none;
    list-style-image: none;
    color: white;
    text-align: left;
    text-indent: 25px;
    padding: 5px 10px;
}

ul.tabNav li:before {
    content: '+';
    padding-right: 10px;
}

ul.tabNav li a {
    color: white;
}

ul.tabNav li.ui-tabs-active {
    background-color: #29487f;
}

ul.tabNav li.ui-tabs-active:before {
    content: '-';
}

ul.tabNav li:nth-child(2) {
    border: 1px solid #29487f;
    border-width: 0 1px;
}

.tab-content {
    padding: 25px;
    text-align: left;
}

.news-item-normal {
    width: 33%;
    height: 300px;
    background-size: cover;

}

.news-item {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.news-item:hover:before {
    background: transparent;
}

.news-item:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    display: block;
    z-index: -2;
    min-height: 300px;
}

.news-item-big:before {
    min-height: 600px;
}


.news-item a {
    color: white;
    padding: 25px;
    display:block
}

.news-item a h4 {
    font-size: 1.5em;
	text-shadow: 0px 0px 35px rgba(0, 0, 0, 1.0);
}

.news-item-big {
    width: 33%;
    height: 600px;
    background-size: cover;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    opacity: 0.8;
}

.two-column-slider h5 {
    margin-top: 0;
    line-height: 2em;
}

.white-border {
    border: 5px solid white;
}

.detail-list {
    padding: 25px 0;
}

.detail-list strong {
    display: block;
}

#owl-partner {
    display: inline-block !important;
}

.wpcf7-form p {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .topic-teaser {
        min-height: 0px;
        height: 200px;
        width: 100%;
        background-size: 100%;
        background-position: 50%;
        margin: 5px 0;
    }

    .news-item {
        display: flex;
        width: 100%;
        height: 200px;
        margin-top: 10px;
        align-items: center
    }

    .news-item a{
        width:100%;
    }



    ul.tabNav li {
        width: 100%;
        margin-top: 5px;
    }
}

#owl-demo.owl-carousel .owl-nav.disabled {
    width: 100%;
    display: block;
    bottom: 5px;
    margin-top: 25px;
    position: absolute;
}

.owl-nav button.owl-prev {
    float: left;
}

.owl-nav button.owl-next {
    float: right;
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    display: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    width: 15px;
    height: 15px;
    border: 3px solid #869791;
    border-width: 3px 3px 0 0;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    margin-left: 25px;
    margin: 0 25px;
}

.owl-carousel .owl-nav button.owl-next {
    margin-left: -25px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#owl-demo.owl-carousel .owl-nav [class*=owl-]:hover {
    background: rgba(255, 255, 255, 0.4);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

button:focus {
    outline: 0;
}

#map {
    min-height: 500px;
    height: 100vh !important;
}

.custom_navmap-container * {
    margin: 0;
    padding: 0;
    vertical-align: inherit;
    overflow: hidden;
    max-width: none !important;
}

.custom_navmap-container {
    max-width: 1064px;
    width: 100%;
    max-height: 266px;
    overflow: hidden;
    margin: auto;
    margin-top: 0;
    position: relative;
}

.custom_navmap-container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 25%;
}

.custom_navmap-container > .custom_navmap-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
}

.custom_navmap img#karte_img {
    width: 100%;
    position: absolute;
    max-width: inherit;
    display: block;
}

.custom_navmap img {
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.custom_navmap a.bf_link, .custom_navmap a.bf_link_mobile, .custom_navmap a.bf_link_park, .custom_navmap a.bf_link_kita {
    text-decoration: none;
    color: #C00;
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 78px;
    padding: 0;
    margin: 0;
    line-height: 0;
    cursor: pointer;
    /*	background-color:#ddd;*/
}

.custom_navmap a.bf_link_mobile {
    display: none;
    transform: rotate(-21deg);
    height: 100% !important;
}

.custom_navmap a.bf_link img {
    width: 100%;
    height: 100%;
}

.custom_navmap .close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 5px;
    top: 18px;
    cursor: pointer;
}

#bf1 {
    right: 0;
    left: 3%;
    top: 48%;
    height: 140px;
    width: 105px;
}

#bf2 {
    right: 0;
    left: 14%;
    top: 45%;
    height: 160px;
    width: 120px;
}

#bf3 {
    right: 0;
    left: 26%;
    top: 42%;
    height: 140px;
    width: 95px;
}

#bf4 {
    height: 160px;
    left: 36%;
    right: 0;
    top: 38%;
    transform: rotate(-4deg);
    width: 90px;
}

#bf5 {
    height: 170px;
    left: 45%;
    right: 0;
    top: 36%;
    transform: rotate(-8deg);
    width: 85px;
}

#bf6 {
    height: 180px;
    right: 38%;
    top: 33%;
    transform: rotate(-12deg);
    width: 90px;
}

#bf7 {
    height: 190px;
    right: 29%;
    top: 29%;
    transform: rotate(-15deg);
    width: 90px;
}

#bf8 {
    height: 210px;
    right: 17%;
    top: 25%;
    transform: rotate(-21deg);
    width: 65px;
}

#bf9 {
    height: 220px;
    right: 9%;
    top: 20%;
    transform: rotate(-24deg);
    width: 75px;
}

#bf10 {
    height: 250px;
    right: 1.5%;
    top: 17%;
    transform: rotate(-25deg);
    width: 65px;
}

#park {
    right: 26%;
    top: 30%;
    width: 69px;
}

#kita {
    right: 22%;
    top: 60%;
    width: 55px;
    height: 30px;
}

.custom_navmap-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 99;
    opacity: 0;
    display: none;
    padding: 0;
    margin: 0;
}

.custom_navmap-overlay p {
    padding: 0;
	font-size: 17px;
}

.custom_navmap-overlay h1 {
    padding: 0 0 10px 0;
}

.custom_navmap-overlay_content {
    width: 60%;
    height: 100%;
    background-color: #fff;
    opacity: 0.9;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1% 3% 5% 2%;
}

.custom_navmap-overlay_content > div {
    display: none;
}

.overlay, .overlay-baufelder, .overlay-pois {
    position: absolute;
    top: -5%;
    left: -5%;
    z-index: 1;
    background: none;
    display: none;
    max-width: 1000% !important;
    width: 110%;
    opacity: 0;
}

.overlay-pois {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.overlay-baufelder {
    z-index: 2;
}

.overlay-baufeld-detail {
    position: absolute;
    z-index: 2;
    background: none;
    display: none;
    width: 100%;
    opacity: 0;
}

.custom_navmap a.button_detail {
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    background-color: #bd1f57;
    padding: 8px 14px;
    text-decoration: none;
    border-radius: 3px;
    margin: 20px 0 0 0;
    float: left;
}

.custom_navmap a.button_detail:hover {
    background-color: #bbb;
}

.custom_navmap span {
    text-align: center !important;
}

.turnaround_iframe {
    //max-width: 1064px;
    //max-height: 599px;
    width: 100%;
    position: relative;
}

.turnaround_iframe:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

#container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto !important;
}

.mobile_nav-arrows {
    position: relative;
    z-index: 99;
    /*background-color:rgba(30,30,30,0.2);*/
    width: 50px;
    height: 100%;
    float: left;
}

.mobile_nav-arrows#navarrow_right {
    float: right;
    display: none;
}

.mobile_nav-arrows img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23px;
    margin-left: -15px;
}

.preload {
    display: none;
}

#baufeld-navigator {
    /*position: absolute;
    z-index: 99;
    left: -1070px;
    bottom: 50px;
    overflow: visible;
    transition: all .2s ease-in-out;
    */
}

#baufeld-navigator:hover,
#baufeld-navigator.out{
    left: 0;
}


.slide-out {
    position: absolute;
    right: -125px;
    background: white;
    display: block;
    top: 60px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    width: 200px;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    text-align: center;
    font-size: 16px;
    border-radius: 0 0px 5px 5px;
}

#baufeld-navigator:hover .slide-out{
    opacity: 0;
    transition: all .2s ease-in-out;

}


.custom_navmap-container#mobile_active {
    width: 100%;
    max-height: 400px !important;
    padding-top: 25%;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
}

.custom_navmap-container#mobile_active > .custom_navmap img#karte_img {
    width: 100%;
    height: 100%;
}

.custom_navmap-container#mobile_active #park {
    right: 0;
    left: 8%;
    top: 30%;
    width: 40px;
}

.custom_navmap-container#mobile_active #kita {
    left: 12%;
    top: 80%;
    width: 51px;
    height: 30px;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1366px) and (max-width: 1366px) {
    .custom_navmap-container#mobile_active {
        width: 88%;
        max-height: 497px !important;
        padding-top: 25%;
        margin: 0 auto;
        position: relative;
        background-color: #fff;
    }

    .custom_navmap-container#mobile_active > .custom_navmap img#karte_img {
        width: 100%;
        height: 100%;
    }

    .custom_navmap a.bf_link_mobile {
        height: 100% !important;
    }

    #bf8 {
        right: 59% !important;
        top: 14% !important;
        height: 100% !important;
        width: 19% !important;
    }

    #bf9 {
        right: 34% !important;
        top: 8% !important;
        width: 22% !important;
        height: 100% !important;
    }

    #bf10 {
        right: 11% !important;
        top: 6% !important;
        width: 18% !important;
        height: 100% !important;
    }

    #bf1 {
        right: 0 !important;
        left: 3% !important;
        top: 1% !important;
        width: 28% !important;
        transform: rotate(0);
    }

    #bf2 {
        left: 35% !important;
        right: 0 !important;
        top: 1% !important;
        width: 35% !important;
        transform: rotate(0);
    }

    #bf3 {
        left: 73% !important;
        top: 1% !important;
        width: 21% !important;
        transform: rotate(0);
    }

    #bf4 {
        right: 0 !important;
        left: 1% !important;
        top: 1% !important;
        width: 23% !important;
    }

    #bf5 {
        right: 0 !important;
        left: 28% !important;
        top: 4% !important;
        width: 22% !important;
    }

    #bf6 {
        right: 25% !important;
        top: 8% !important;
        width: 21% !important;
    }

    #bf7 {
        right: 8% !important;
        top: 7% !important;
        width: 14% !important;
        height: 82% !important;
    }
}

@media only screen and (max-device-width: 1024px) and (max-device-height: 768px) {
    .custom_navmap-container#mobile_active {
        width: 88%;
        max-height: 457px !important;
        padding-top: 25%;
        margin: 0 auto;
        position: relative;
        background-color: #fff;
    }

    .custom_navmap-container#mobile_active > .custom_navmap img#karte_img {
        width: 100%;
        height: 100%;
    }

    .custom_navmap a.bf_link_mobile {
        height: 100% !important;
    }

    #bf8 {
        right: 59% !important;
        top: 14% !important;
        height: 100% !important;
        width: 19% !important;
    }

    #bf9 {
        right: 34% !important;
        top: 8% !important;
        width: 22% !important;
        height: 100% !important;
    }

    #bf10 {
        right: 11% !important;
        top: 6% !important;
        width: 18% !important;
        height: 100% !important;
    }

    #bf1 {
        right: 0 !important;
        left: 3% !important;
        top: 1% !important;
        width: 28% !important;
        transform: rotate(0);
    }

    #bf2 {
        left: 35% !important;
        right: 0 !important;
        top: 1% !important;
        width: 35% !important;
        transform: rotate(0);
    }

    #bf3 {
        left: 73% !important;
        top: 1% !important;
        width: 21% !important;
        transform: rotate(0);
    }

    #bf4 {
        right: 0 !important;
        left: 1% !important;
        top: 1% !important;
        width: 23% !important;
    }

    #bf5 {
        right: 0 !important;
        left: 28% !important;
        top: 4% !important;
        width: 22% !important;
    }

    #bf6 {
        right: 25% !important;
        top: 8% !important;
        width: 21% !important;
    }

    #bf7 {
        right: 8% !important;
        top: 7% !important;
        width: 14% !important;
        height: 82% !important;
    }
}

@media only screen and (max-device-width: 962px) and (max-device-height: 601px) {

    .custom_navmap-container#mobile_active {
        width: 80%;
        max-height: 378px !important;
    }

    #bf8 {
        right: 59% !important;
        top: 14% !important;
        height: 100% !important;
        width: 19% !important;
    }

    #bf9 {
        right: 34% !important;
        top: 8% !important;
        width: 22% !important;
        height: 100% !important;
    }

    #bf10 {
        right: 11% !important;
        top: 6% !important;
        width: 18% !important;
        height: 100% !important;
    }

    .turnaround_iframe {
        max-width: 1064px;
        max-height: 443px;
        width: 80%;
    }
}

@media only screen and (max-device-width: 780px) {
    .custom_navmap-container#mobile_active {
        width: 100%;
        max-height: 400px !important;
        padding-top: 25%;
        margin: 0;
        position: relative;
        background-color: #fff;
    }

    .custom_navmap-container#mobile_active > .custom_navmap img#karte_img {
        width: 100%;
        height: 100%;
    }

    .custom_navmap a.bf_link_mobile {
        height: 100% !important;
    }

    .custom_navmap-container#mobile_active #bf7 {
        display: none;
    }

    #bf8 {
        right: 59% !important;
        top: 14% !important;
        height: 100% !important;
        width: 19% !important;
    }

    #bf9 {
        right: 34% !important;
        top: 8% !important;
        width: 22% !important;
        height: 100% !important;
    }

    #bf10 {
        right: 11% !important;
        top: 6% !important;
        width: 18% !important;
        height: 100% !important;
    }

    #bf1 {
        right: 0 !important;
        left: 3% !important;
        top: 1% !important;
        width: 28% !important;
        transform: rotate(0);
    }

    #bf2 {
        left: 35% !important;
        right: 0 !important;
        top: 1% !important;
        width: 35% !important;
        transform: rotate(0);
    }

    #bf3 {
        left: 73% !important;
        top: 1% !important;
        width: 21% !important;
        transform: rotate(0);
    }

    #bf4 {
        right: 0 !important;
        left: 1% !important;
        top: 1% !important;
        width: 23% !important;
    }

    #bf5 {
        right: 0 !important;
        left: 28% !important;
        top: 4% !important;
        width: 22% !important;
    }

    #bf6 {
        right: 25% !important;
        top: 8% !important;
        width: 21% !important;
    }

    #bf7 {
        right: 8% !important;
        top: 7% !important;
        width: 14% !important;
        height: 82% !important;
    }

    .turnaround_iframe {
        max-width: 1064px;
        max-height: 400px;
    }

}

@media only screen and (max-device-width: 640px) and (max-device-height: 360px) {

    .turnaround_iframe {
        max-width: 1064px;
        max-height: 257px;
        width: 80%;
    }

}

@media only screen and (max-device-width: 601px) {

    .turnaround_iframe {
        max-width: 1064px;
        max-height: 299px;
    }

}

@media only screen and (max-device-width: 480px) {
    .mobile_nav-arrows {
        width: 25px;
    }

    .mobile_nav-arrows img {
        width: 15px;
        height: 22px;
        left: 50%;
        top: 50%;
        margin-top: -11px;
        margin-left: -8px;
    }

    .turnaround_iframe {
        max-width: 1064px;
        max-height: 230px;
    }
}

    @media only screen and (max-device-width: 360px) {
        .turnaround_iframe {
            max-width: 1064px;
            max-height: 180px;
        }

        /*	#bf8 {
                right:59% !important;
                top:14% !important;
                height:100% !important;
                width:18% !important;
                background-color:#930;
            }
            #bf9 {
                right:34% !important;
                top:8% !important;
                width:22% !important;
                height:100% !important;
                background-color:#930;
            }
            #bf10 {
                right:11% !important;
                top:6% !important;
                width:19% !important;
                height:100% !important;
                background-color:#930;
            }*/
    }




    /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
    .tooltipster-default {
        border-radius: 4px;
        border: 2px solid #aaa;
        background: #fff;
        color: #989ea3;
    }

    /* Use this next selector to style things like font-size and line-height: */
    .tooltipster-default .tooltipster-content, .tooltipster-content h3 {
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden;
    }

    .tooltipster-content strong {
        color: #689da5;
        line-height: 21px;
    }

    .tooltipster-content h3 {
        color: #fff;
        background-color: #689da5;
        padding: 8px 10px;
        line-height: 10px;
        margin: 0 0 5px 0;
        font-weight: bold;
        text-transform: uppercase;
    }

    /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
    .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
        /* border-color: ... !important; */
    }

    /* If you're using the icon option, use this next selector to style them */
    .tooltipster-icon {
        cursor: help;
        margin-left: 4px;
    }

    /* This is the base styling required to make all Tooltipsters work */
    .tooltipster-base {
        padding: 0;
        font-size: 0;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9999999;
        pointer-events: none;
        width: auto;
        overflow: visible;
    }

    .tooltipster-base .tooltipster-content {
        overflow: hidden;
    }

    /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
    .tooltipster-arrow {
        display: block;
        text-align: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .tooltipster-arrow span, .tooltipster-arrow-border {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
    }

    .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important;
        border-top: 8px solid;
        bottom: -7px;
    }

    .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
        border-left: 9px solid transparent !important;
        border-right: 9px solid transparent !important;
        border-top: 9px solid;
        bottom: -7px;
    }

    .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important;
        border-bottom: 8px solid;
        top: -7px;
    }

    .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
        border-left: 9px solid transparent !important;
        border-right: 9px solid transparent !important;
        border-bottom: 9px solid;
        top: -7px;
    }

    .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
        left: 6px;
    }

    .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
        left: 5px;
    }

    .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
        right: 6px;
    }

    .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
        right: 5px;
    }

    .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
        border-top: 8px solid transparent !important;
        border-bottom: 8px solid transparent !important;
        border-left: 8px solid;
        top: 50%;
        margin-top: -7px;
        right: -7px;
    }

    .tooltipster-arrow-left .tooltipster-arrow-border {
        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important;
        border-left: 9px solid;
        margin-top: -8px;
    }

    .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
        border-top: 8px solid transparent !important;
        border-bottom: 8px solid transparent !important;
        border-right: 8px solid;
        top: 50%;
        margin-top: -7px;
        left: -7px;
    }

    .tooltipster-arrow-right .tooltipster-arrow-border {
        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important;
        border-right: 9px solid;
        margin-top: -8px;
    }

    /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
    .tooltipster-fade {
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity;
    }

    .tooltipster-fade-show {
        opacity: 1;
    }

    .tooltipster-grow {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-backface-visibility: hidden;
    }

    .tooltipster-grow-show {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }

    .tooltipster-swing {
        opacity: 0;
        -webkit-transform: rotateZ(4deg);
        -moz-transform: rotateZ(4deg);
        -o-transform: rotateZ(4deg);
        -ms-transform: rotateZ(4deg);
        transform: rotateZ(4deg);
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
    }

    .tooltipster-swing-show {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
        -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
        -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
        -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
        -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
        transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    }

    .tooltipster-fall {
        top: 0;
        -webkit-transition-property: top;
        -moz-transition-property: top;
        -o-transition-property: top;
        -ms-transition-property: top;
        transition-property: top;
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }

    .tooltipster-fall-show {
    }

    .tooltipster-fall.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        top: 0px !important;
        opacity: 0;
    }

    .tooltipster-slide {
        left: -40px;
        -webkit-transition-property: left;
        -moz-transition-property: left;
        -o-transition-property: left;
        -ms-transition-property: left;
        transition-property: left;
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }

    .tooltipster-slide.tooltipster-slide-show {
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        left: 0px !important;
        opacity: 0;
    }

    /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
    .tooltipster-content-changing {
        opacity: 0.5;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    @media only screen and (max-device-width: 480px) {
        .tooltipster-default .tooltipster-content, .tooltipster-content h3 {
            font-size: 13px;
            line-height: 16px;
        }
    }

.fp-scroller {
    min-height: 100%;
}


.mk-button-container,
.mk-love-holder{
    display:none;
}

.mk-blog-modern-item {
    margin-bottom: 20px;
    padding-bottom: 60px;
    border-bottom: 1px solid lightgray;
}

.mk-blog-modern-item h3{
    font-weight: bold;
}



.modal-dialog{
    min-width: 80%;
    min-height: 80%;
    max-width: 1200px;
}


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

.modal-body iframe{
    min-height: 450px;

}

.nav-tabs > li > a{
    padding: 2px 5px;
}

.clickable{
    cursor: pointer;
}

#pageArea.noverlay{
    height: auto;
}




@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.navbar-header{
    max-width:100%;
}


@media (max-height: 700px)  and (max-width: 500px) {
    .navbar-nav>li {
        padding-top:15px;
        text-align: center;
    }
}

html body .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
    max-height: 100%;
}


img.size-large,
img.alignnone{
    max-width: 100% !important;
    height:auto !important;;
}

.mk-button-container {
    display: none !important;
}


article{
    padding-top:0;
}


.no-scroll{
    overflow: hidden !important;
    position: fixed;
}

.owl-theme .owl-nav.disabled + .owl-dots{
    margin-top:15px;
}




@media (max-width: 768px) {


    .topic-teaser h3{
        margin: 0;
    }

    .benefits .col-sm-4:nth-child(1) img.maxheight-mobile{ height: 70px !important;}
    .benefits .col-sm-4:nth-child(2) img.maxheight-mobile{ height: 80px !important; }
    .benefits .col-sm-4:nth-child(3) img.maxheight-mobile{ height: 70px !important; }




    img.maxheight-mobile{
        height: 60px !important;
        width: auto !important;
        max-width:9999px!important;
        max-height: 9999px!important;
    }
	.tab-content {
    text-align: center;
		padding-bottom: 20px;
}
		.tab-content img {
		padding-bottom: 20px;
}
}



.hovering_small {
    animation-name: hovering_small;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes hovering_small {
    from {
        transform: scale(1)
    }
    50% {
        transform: scale(1.025)
    }
    to {
        transform: scale(1)
    }
}



p{line-height: 1.7em}


.hide-me{
    display: none !important;
}

.nav-open .hide-me{
    display: block !important;
}

#eigentumLink,#contactLink{
    cursoir:pointer;
}


.full-width-form .col-md-6,
.full-width-form textarea{
    width: 100%;
    text-align: left;
}

.full-width-form .col-md-6 p{
    width: 45%;
    margin: 1%;
    float: left;
}

.full-width-form .col-md-6 input{
    max-width: 100%;
}

.full-width-form .col-md-6 .full-width-part{
    clear:both;
    width: 100%;
    display:block;
}


.full-width-form .col-md-6 .nomargin{
    margin: 1% !important;
    margin-bottom:0!important;;
}


form .result{
    clear: both;
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid black;
}

form .result .error
form .result .success{
    color: red;
    font-weight: bold;
    padding: 10px;
}
form .result .success{
    color: green;
}


@media (max-width: 750px) {
    .full-width-form .col-md-6 p{
        width: 100%;
        margin: 1%;
        float: left;
    }
}


#contact-form-general{
    text-align: left;
}


.youtubelink{
    background: #FF0000;
}

#youtubeWrapper {
    position: fixed;
    display: none;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99999999;
}
#youtubeWrapper iframe {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    margin: auto;
}

#heroshot-loop-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100vh;
    min-width: 100vw;
    transform: translate(-50%, -50%);
    z-index:-1
}