/*
    jit.css
    v1.0 (05.03.2020)
    Bootstrap v4.3.1
*/

/* Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* Small devices "sm" (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices "md" (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices "lg" (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Extra large devices "xl" (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {  }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {  }

/* Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width */


:root
{
    --font-size-1x:1em;
    --font-size-2x:1.5em;
    --font-size-3x:2em;
    --font-size-4x:2.5em;
    --font-size-line-height-1x:1em;
    --font-size-line-height-2x:1.15em;
    --font-size-line-height-3x:1.3em;
    --font-size-line-height-4x:2.3em;
}

*
{
    /* Very smooth text */
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

/*
    Fit Content
*/
.w-fit-content{width:fit-content!important;}
@media (min-width: 576px) { .w-sm-fit-content{width:fit-content!important;} }
@media (min-width: 768px) { .w-md-fit-content{width:fit-content!important;} }
@media (min-width: 992px) { .w-lg-fit-content{width:fit-content!important;} }
@media (min-width: 1200px) { .w-xl-fit-content{width:fit-content!important;} }

/*
    Width 50% Responsive
*/
@media (min-width: 576px) { .w-sm-50{width:50%!important;} }
@media (min-width: 768px) { .w-md-50{width:50%!important;} }
@media (min-width: 992px) { .w-lg-50{width:50%!important;} }
@media (min-width: 1200px) { .w-xl-50{width:50%!important;} }
/*
    Width 30% Responsive
*/
.w-30{width:30%!important;}
@media (min-width: 576px) { .w-sm-30{width:30%!important;} }
@media (min-width: 768px) { .w-md-30{width:30%!important;} }
@media (min-width: 992px) { .w-lg-30{width:30%!important;} }
@media (min-width: 1200px) { .w-xl-30{width:30%!important;} }
/*
    Width 40% Responsive
*/
.w-40{width:40%!important;}
@media (min-width: 576px) { .w-sm-40{width:40%!important;} }
@media (min-width: 768px) { .w-md-40{width:40%!important;} }
@media (min-width: 992px) { .w-lg-40{width:40%!important;} }
@media (min-width: 1200px) { .w-xl-40{width:40%!important;} }
/*
    Width 60% Responsive
*/
.w-60{width:60%!important;}
@media (min-width: 576px) { .w-sm-60{width:60%!important;} }
@media (min-width: 768px) { .w-md-60{width:60%!important;} }
@media (min-width: 992px) { .w-lg-60{width:60%!important;} }
@media (min-width: 1200px) { .w-xl-60{width:60%!important;} }
/*
    Width 70% Responsive
*/
.w-70{width:70%!important;}
@media (min-width: 576px) { .w-sm-70{width:70%!important;} }
@media (min-width: 768px) { .w-md-70{width:70%!important;} }
@media (min-width: 992px) { .w-lg-70{width:70%!important;} }
@media (min-width: 1200px) { .w-xl-70{width:70%!important;} }
/* 
    Font size 
*/
.font-size-1x{ font-size:var(--font-size-1x)!important; line-height:var(--font-size-line-height-1x)!important; }
.font-size-2x{ font-size:var(--font-size-2x)!important; line-height:var(--font-size-line-height-2x)!important; }
.font-size-3x{ font-size:var(--font-size-3x)!important; line-height:var(--font-size-line-height-3x)!important; }
.font-size-4x{ font-size:var(--font-size-4x)!important; line-height:var(--font-size-line-height-4x)!important; }
/* Small devices "sm" (landscape phones, 576px and up) */
@media (min-width: 576px) 
{
    .font-size-sm-1x{ font-size:var(--font-size-1x)!important; line-height:var(--font-size-line-height-1x)!important; }
    .font-size-sm-2x{ font-size:var(--font-size-2x)!important; line-height:var(--font-size-line-height-2x)!important; }
    .font-size-sm-3x{ font-size:var(--font-size-3x)!important; line-height:var(--font-size-line-height-3x)!important; }
    .font-size-sm-4x{ font-size:var(--font-size-4x)!important; line-height:var(--font-size-line-height-4x)!important; }
}
/* Medium devices "md" (tablets, 768px and up) */
@media (min-width: 768px) 
{
    .font-size-md-1x{ font-size:var(--font-size-1x)!important; line-height:var(--font-size-line-height-1x)!important; }
    .font-size-md-2x{ font-size:var(--font-size-2x)!important; line-height:var(--font-size-line-height-2x)!important; }
    .font-size-md-3x{ font-size:var(--font-size-3x)!important; line-height:var(--font-size-line-height-3x)!important; }
    .font-size-md-4x{ font-size:var(--font-size-4x)!important; line-height:var(--font-size-line-height-4x)!important; }
}

/* Large devices "lg" (desktops, 992px and up) */
@media (min-width: 992px) 
{
    .font-size-lg-1x{ font-size:var(--font-size-1x)!important; line-height:var(--font-size-line-height-1x)!important; }
    .font-size-lg-2x{ font-size:var(--font-size-2x)!important; line-height:var(--font-size-line-height-2x)!important; }
    .font-size-lg-3x{ font-size:var(--font-size-3x)!important; line-height:var(--font-size-line-height-3x)!important; }
    .font-size-lg-4x{ font-size:var(--font-size-4x)!important; line-height:var(--font-size-line-height-4x)!important; }
}

/* Extra large devices "xl" (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{
    .font-size-xl-1x{ font-size:var(--font-size-1x)!important; line-height:var(--font-size-line-height-1x)!important; }
    .font-size-xl-2x{ font-size:var(--font-size-2x)!important; line-height:var(--font-size-line-height-2x)!important; }
    .font-size-xl-3x{ font-size:var(--font-size-3x)!important; line-height:var(--font-size-line-height-3x)!important; }
    .font-size-xl-4x{ font-size:var(--font-size-4x)!important; line-height:var(--font-size-line-height-4x)!important; }
}

/*
    Opacity
*/
.o-0 {opacity: 0!important; }
.o-10 {opacity: 0.1!important; }
.o-20 {opacity: 0.2!important; }
.o-30 {opacity: 0.3!important; }
.o-40 {opacity: 0.4!important; }
.o-50 {opacity: 0.5!important; }
.o-60 {opacity: 0.6!important; }
.o-70 {opacity: 0.7!important; }
.o-80 {opacity: 0.8!important; }
.o-90 {opacity: 0.9!important; }
.o-100 {opacity: 1!important; }
.o-hover-0:hover {opacity: 0!important; }
.o-hover-10:hover {opacity: 0.1!important; }
.o-hover-20:hover {opacity: 0.2!important; }
.o-hover-30:hover {opacity: 0.3!important; }
.o-hover-40:hover {opacity: 0.4!important; }
.o-hover-50:hover {opacity: 0.5!important; }
.o-hover-60:hover {opacity: 0.6!important; }
.o-hover-70:hover {opacity: 0.7!important; }
.o-hover-80:hover {opacity: 0.8!important; }
.o-hover-90:hover {opacity: 0.9!important; }
.o-hover-100:hover {opacity: 1!important; }
@media (min-width: 576px) 
{
    .o-sm-0 {opacity: 0!important; }
    .o-sm-10 {opacity: 0.1!important; }
    .o-sm-20 {opacity: 0.2!important; }
    .o-sm-30 {opacity: 0.3!important; }
    .o-sm-40 {opacity: 0.4!important; }
    .o-sm-50 {opacity: 0.5!important; }
    .o-sm-60 {opacity: 0.6!important; }
    .o-sm-70 {opacity: 0.7!important; }
    .o-sm-80 {opacity: 0.8!important; }
    .o-sm-90 {opacity: 0.9!important; }
    .o-sm-100 {opacity: 1!important; }
}
@media (min-width: 768px) 
{
    .o-md-0 {opacity: 0!important; }
    .o-md-10 {opacity: 0.1!important; }
    .o-md-20 {opacity: 0.2!important; }
    .o-md-30 {opacity: 0.3!important; }
    .o-md-40 {opacity: 0.4!important; }
    .o-md-50 {opacity: 0.5!important; }
    .o-md-60 {opacity: 0.6!important; }
    .o-md-70 {opacity: 0.7!important; }
    .o-md-80 {opacity: 0.8!important; }
    .o-md-90 {opacity: 0.9!important; }
    .o-md-100 {opacity: 1!important; }
}
@media (min-width: 992px) 
{
    .o-lg-0 {opacity: 0!important; }
    .o-lg-10 {opacity: 0.1!important; }
    .o-lg-20 {opacity: 0.2!important; }
    .o-lg-30 {opacity: 0.3!important; }
    .o-lg-40 {opacity: 0.4!important; }
    .o-lg-50 {opacity: 0.5!important; }
    .o-lg-60 {opacity: 0.6!important; }
    .o-lg-70 {opacity: 0.7!important; }
    .o-lg-80 {opacity: 0.8!important; }
    .o-lg-90 {opacity: 0.9!important; }
    .o-lg-100 {opacity: 1!important; }
}
@media (min-width: 1200px) 
{
    .o-xl-0 {opacity: 0!important; }
    .o-xl-10 {opacity: 0.1!important; }
    .o-xl-20 {opacity: 0.2!important; }
    .o-xl-30 {opacity: 0.3!important; }
    .o-xl-40 {opacity: 0.4!important; }
    .o-xl-50 {opacity: 0.5!important; }
    .o-xl-60 {opacity: 0.6!important; }
    .o-xl-70 {opacity: 0.7!important; }
    .o-xl-80 {opacity: 0.8!important; }
    .o-xl-90 {opacity: 0.9!important; }
    .o-xl-100 {opacity: 1!important; }
}
/* html,body{
    background-color:#3086A7;
} */
/* html,body{font-family: 'Atma', cursive;} 
.container{background-color:white;} 
a:hover{text-decoration:none;} */

.mt-first-0 > :first-child { margin-top: 0 !important; }
.mb-first-0 > :first-child { margin-bottom: 0 !important; }
.m-first-0 > :first-child { margin: 0 !important; }

.mb-last-0 > :last-child { margin-bottom: 0 !important; }
.my-last-0 > :last-child { margin-top: 0 !important; margin-bottom: 0 !important; }
.mx-last-0 > :last-child { margin-left: 0 !important; margin-right: 0 !important; }
.m-last-0 > :last-child { margin: 0 !important; }

.no-select{
    -ms-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}
.transition-all
{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.mark-disabled{
    background-color:inherit;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(200,200,200,.5) 35px, rgba(200,200,200,.5) 70px);
}
.mark-none{background-image:none;}

.o-transition
{
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.o-100{opacity:1;}
.o-75{opacity:.75;}
.o-50{opacity:.5;}
.o-25{opacity:.25;}
.o-0{opacity:0;}

@media (min-width: 576px){
    .mark-sm-disabled
    {
        background-color:inherit;
        background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(200,200,200,.5) 35px, rgba(200,200,200,.5) 70px);
    }
    .mark-sm-none{background-image:none;}
    .transition-sm-all
    {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }    
    .o-sm-transition
    {
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }
    .o-sm-100{opacity:1;}
    .o-sm-75{opacity:.75;}
    .o-sm-50{opacity:.5;}
    .o-sm-25{opacity:.25;}
    .o-sm-0{opacity:0;}    
}
@media (min-width: 768px){
    .mark-md-disabled
    {
        background-color:inherit;
        background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(200,200,200,.5) 35px, rgba(200,200,200,.5) 70px);
    }
    .mark-md-none{background-image:none;}
    .transition-md-all
    {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }    
    .o-md-transition
    {
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }
    .o-md-100{opacity:1;}
    .o-md-75{opacity:.75;}
    .o-md-50{opacity:.5;}
    .o-md-25{opacity:.25;}
    .o-md-0{opacity:0;}    
}


@-webkit-keyframes bounceIn 
{
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 1;
        -webkit-transform: scale3d(.6, .6, .6);
        transform: scale3d(.6, .6, .6);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn 
{
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 1;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    10% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    40% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    /* -webkit-animation-duration: .5s;
    animation-duration: .5s; */
    /* -webkit-animation-duration: 1s;
    animation-duration: 1s; */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation: bounceIn 1s;
    -webkit-animation: bounceIn 1s;
}


.text-big{ font-size:22px; }
.text-bigger{ font-size:48px; }
.text-biggest{ font-size:86px; }
.text-smaller-line-height{ line-height:1; }
.pt-big{ padding-top:160px; }
.pb-big{ padding-bottom:160px; }
.darken{ position:relative; z-index:0; }
.darken > div{ position:relative; z-index:1; }
.darken:after
{
    z-index:0;
    content: '\A';
    position: absolute;
    width: 100%; 
    height:100%;
    top:0; 
    left:0;
    background:rgba(34, 25, 12 ,0.7);
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{  

}

.content-area{ border-top:1px rgba(0,0,0,0.5) solid; border-bottom:1px rgba(0,0,0,0.5) solid; }

.parallax
{
    /* The image used */
    background-image: url("https://via.placeholder.com/800x400/484134/fff?text=XXXXXXX");
    background-image: url("https://source.unsplash.com/random/800x400");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(34, 25, 12);
    background-blend-mode: screen;
    background-image: url("https://via.placeholder.com/800x400/484134/fff?text=XXXXXXX");
}

 /* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
 @media only screen and (max-width: 1199.98px) {
    .parallax {
        background-attachment: scroll;
    }
} 

a:not([href]) {
    position:relative;
    margin-top:-100px;
}

/* Bootstrap Schatten Erweiterung um links u. rechts Schatten */
@media (min-width: 992px) 
{  
    .shadow-x:before {
        box-shadow: -15px 0 15px -15px lightgray inset;
        content: " ";
        height: 100%;
        left: -15px;
        position: absolute;
        top: 0;
        width: 15px;
    }
    .shadow-x:after {
        box-shadow: 15px 0 15px -15px lightgray inset;
        content: " ";
        height: 100%;
        position: absolute;
        top: 0;
        right: -15px;
        width: 15px;
    }
    .shadow-x{
        position: relative;
    }
}

.text-shadow{text-shadow:2px 2px rgba(0,0,0,.15)!important;}

/* 
    Bootstrap Erweiterung: responsive positions

    Original Position Classes:
    .position-static{position:static!important;}
    .position-relative{position:relative!important;}
    .position-absolute{position:absolute!important;}
    .position-fixed{position:fixed!important;}
    .position-sticky{position:sticky!important;}
    .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
    .fixed-bottom{position:fixed;bottom:0;right:0;left:0;z-index:1030;}
*/

/* Small devices "sm" (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .position-sm-static{position:static!important;}
    .position-sm-relative{position:relative!important;}
    .position-sm-absolute{position:absolute!important;}
    .position-sm-fixed{position:fixed!important;}
    .position-sm-sticky{position:sticky!important;}
    .fixed-sm-top{position:fixed!important;top:0;right:0;left:0;z-index:1030;}
    .fixed-sm-bottom{position:fixed!important;bottom:0;right:0;left:0;z-index:1030;}
}

/* Medium devices "md" (tablets, 768px and up) */
@media (min-width: 768px) {  
    .position-md-static{position:static!important;}
    .position-md-relative{position:relative!important;}
    .position-md-absolute{position:absolute!important;}
    .position-md-fixed{position:fixed!important;}
    .position-md-sticky{position:sticky!important;}
    .fixed-md-top{position:fixed!important;top:0;right:0;left:0;z-index:1030;}
    .fixed-md-bottom{position:fixed!important;bottom:0;right:0;left:0;z-index:1030;}
}

/* Large devices "lg" (desktops, 992px and up) */
@media (min-width: 992px) {  
    .position-lg-static{position:static!important;}
    .position-lg-relative{position:relative!important;}
    .position-lg-absolute{position:absolute!important;}
    .position-lg-fixed{position:fixed!important;}
    .position-lg-sticky{position:sticky!important;}
    .fixed-lg-top{position:fixed!important;top:0;right:0;left:0;z-index:1030;}
    .fixed-lg-bottom{position:fixed!important;bottom:0;right:0;left:0;z-index:1030;}
}

/* Extra large devices "xl" (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    .position-xl-static{position:static!important;}
    .position-xl-relative{position:relative!important;}
    .position-xl-absolute{position:absolute!important;}
    .position-xl-fixed{position:fixed!important;}
    .position-xl-sticky{position:sticky!important;}
    .fixed-xl-top{position:fixed!important;top:0;right:0;left:0;z-index:1030;}
    .fixed-xl-bottom{position:fixed!important;bottom:0;right:0;left:0;z-index:1030;}
}