/* montserrat-300 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Light'), local('Montserrat-Light'),
    url('../fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../fonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/montserrat-v14-latin-800.eot'); /* IE9 Compat Modes */
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
    url('../fonts/montserrat-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v14-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v14-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v14-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v14-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
}

.flickity-button:hover {
    background: white;
    cursor: pointer;
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
    opacity: 0.6;
}

.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
    pointer-events: none;
}

.flickity-button-icon {
    fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; top:112%; }
.flickity-prev-next-button.next { right: 10px; top:112%; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
}

/* ------- MEDIA QUERIES -------- */

@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 567px) {

}

@media screen and (max-width: 390px) {

}


/* ------- ALLGEMEIN -------- */

* {
    box-sizing: border-box;
}

body {
    font-family: inherit ;
}
form {
    width: 100%;
}

.section {
    padding: 80px 0px;
}

.img-space {
    padding: 45px 0px;
}

.section-half-padding{
    padding: 50px 0px;
}

.btn,
.form-control,
.input-group-text,.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text,.card-footer:last-child,.card-header:first-child, .card {
    border-radius:0px;
}
.input-group-text {
    background-color: #b2d3ea;
    color: #fff;
    height: calc(2.25rem + 2px);
}

.input-group-sm .input-group-text {
    height: calc(1.8125rem + 2px);
}
.btn-asco {
    background-color: #006cb5;
    color: #fff;
    letter-spacing: 1px;
    transition: all linear 0.3s;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 0.6rem 1.2rem;
}

.btn-asco:hover {
    background-color: #00569f;
    color: #fff;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.3);
    transition: all linear 0.3s;
}

.newsletter-button {
    border:none;
    padding:0px;
    margin:0px;
    background:none;
}

/* ------- FONT -------- */


h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

h1 {
    font-size: 1.6rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1.2rem;
    display: block;
}


h4 {
    font-size: 1.1rem;
    text-transform: none;
}
p{
    line-height:175%;
    font-size:16px;
}

span {
    line-height:150%;
    font-size:16px;
}

p.number {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.text-small {
    font-size: 0.8rem;
    line-height: 130%;
}

.newsletter-headline {
    line-height: 130%;
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom:0px;
}

h5.newsletter-headline {
    line-height: 130%;
    font-size: 2.2rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom:0px;
}

#newsletter .form-group {
    margin-bottom:0px;
}

/* ------- TOP -------- */

.top-bar {
    height: 50px;
    background-color: #f3f3f3;
    padding: 10px;
}

.top-bar .btn {
    margin-right: 20px;
    font-size: 0.6rem;
    padding: 0.2rem 0.5rem;
}

.top-bar .btn:hover {
    color:#fafafa;
    background-color:#006cb5;
}

.logo-container {
    background-color: #fff;
    height:115px;
    padding: 20px;
}

.top-nav {
    margin-left: -40px;
    display: inline-block !important;
}

li {
    display: inline-block;
    list-style: none;
    margin-right: 12px;
}
.top-social li {
    margin-top: 3px;
}

.top-social li {
    margin-top:0px;
}

.top-nav a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
}

.top-social li:last-of-type {
    margin-right: 0px;
}

.top-social a {
    color: #006cb5;
    text-decoration: none;
    font-size: 24px;
}

.top-social .newsletter a {
    color: #f3f3f3;
}

.top-social a {
    margin-right: 20px;
}
/* ------- NAV -------- */

.navbar {
    background-color: transparent;
    z-index: 10;
    margin-bottom: -75px;
    padding: 0px;
    background-blend-mode: multiply;
}

.navbar-background {
    position: relative;
    margin-bottom: -56px;
    width: 100%;
    height: 75px;
    background-color: rgb(13, 79, 146);
    mix-blend-mode: multiply;
}



.navbar-brand img {
    width: 220px;
}

.nav-item {
    padding-right: 25px;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.nav-item:last-of-type {
    padding-right: 10px;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.75);
    text-transofrm: uppercase;
    font-size: 0.9rem;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .9);
}
.hidden-logo {
    background-color: #fff;
    width: 0px;
    padding:10px 0px;
    overflow: hidden;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.navbar.sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1001;
}

.navbar-background.sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
}
.sticky .hidden-logo {
    display: inline-block;
    width: 165px;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    padding: 20px 15px;
    margin-right: 20px;
}

.nav-link {
    border-bottom:solid 3px rgba(255,255,255,0);
    padding: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.active {
    border-bottom:solid 3px rgba(255,255,255,1);
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,.7)
}

.mobile-logo {
    padding: 14px;
    margin: -14px;
    display: none;
}

.breadcrumb {
    padding: 0;
    background: none;
    font-size: 0.7rem;
    margin-left:25px;
    margin-top:-25px;
    margin-bottom: 50px;
}

.breadcrumb-item {
    margin-right: 0px;
}
.breadcrumb-item a {
    color: #ccc;
}


/* ------- SCROLL NAV -------- */

.scroll-nav {
    background-color: rgba(0,52,105,0.8);
    z-index: 11;
    height:60px;
    width: 100%;
}

/* ------- HEADER -------- */

header {
    background-image: url(../img/trockeneisherstellung-asco.jpg);
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top center;
}

.overlay {
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 1;
}

.intro-text {
    position: relative;
    color: #fff;
    padding: 200px 0px;
    z-index:5;
}

.intro-text h1 {
    font-size: 2.5rem;
    font-weight: 600;
}

.intro-text p {
    font-size: 1.5rem;
}

.header-contact {
    position: relative;
    color: #fff;
    padding: 150px 0px;
    z-index:5;
}

.card-title {
    margin-bottom:0px;
}

.facts .row {
    padding-top:25px;
}



/* ------- BACKGROUND-COLORS -------- */

.bg-primary {
}

.bg-secondary {
}

.bg-asco {
    background-color: #006cb5;
    color: #fff;
}

.bg-grau {
    background-color: #f3f3f3;
}

.bg-pipes {
    background-image: url(../img/pipes-blue.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.bg-fadeblue {
    background: rgb(0,78,133);
    background: -moz-linear-gradient(90deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 100%);
    background: linear-gradient(90deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004e85",endColorstr="#006cb5",GradientType=1);
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    color:#fff;
}

.bg-bluewhitecut {
    background: rgb(0,78,133);
    background: -moz-linear-gradient(110deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 38%, rgba(255,255,255,1) 38%);
    background: -webkit-linear-gradient(110deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 38%, rgba(255,255,255,1) 38%);
    background: linear-gradient(110deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 38%, rgba(255,255,255,1) 38%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004e85",endColorstr="#ffffff",GradientType=1);
}

.bg-dryice {
    background-image: url("../img/info-box.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.bg-blasting {
    background-image: url("../img/blasting.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.stats-icon {
    margin-bottom:25px;
}

.stats-number {
    font-weight: 800;
    font-size: 2rem;
    margin-bottom:0px;
    line-height: 100%;
    letter-spacing: 2px;
}

.date-box {
    width: 30%;
    padding-bottom:25px !important;
    margin: 25px 0px 50px;
}

.date-box h3 {
    font-weight: 100;
    letter-spacing: 3px;
    margin-bottom:1.5rem;
}

.date-box p.date, .date-box p.location {
    font-size: 0.75rem;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom:1.5rem;
}
.date-box p.location {
    margin-bottom:2rem;
}

.date-box a.more {
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
    line-height: 100%;
    margin-bottom:0px;
    display: block;
    border-top: solid 1px #fff;
    padding-top:2rem;
}

.info-box {
    min-height: 300px;
}


.product-image {
    width: 100%;
}


.product-image-nav {
    width: 29%;
    margin: 1%;
    border: solid 2px #dadada;
}


.link-list li {
    border-top: 1px solid #dee2e6;
    padding: 10px 0px;
    font-size: 0.8rem;
}
.link-list li:first-of-type {
    border-top:none;
}


.link-list li a {
    color: #aaa;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.link-list li a:hover {
    color: #006cb5;
    text-decoration: none;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

    /* ------- FOOTER -------*/

.sticky-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}

footer {
    background-color: #111;
    padding: 120px 0px 180px;
    color: #fff;
}

footer h5 {
    font-size: 1.1rem;
    letter-spacing: 3px;
    margin-bottom: 1.2rem;
}

footer p, footer a {
    font-size: 0.70rem;
    line-height: 150%;
    color: #fff;
    text-decoration:none;
}

footer .d-flex a svg path {
    border-radius: 4px;
    padding: 1px;
}

footer a:hover svg path {
    fill: #0056b3;
}


footer svg {
    height: 3em;
    width: 3em;
}

/* ------- FORMS -------*/

.input-group-sm input::placeholder {
    font-size: 0.7rem;
}

.gelungen {
    width: 100%;
    background-color: #71ac1f;
    padding: 10px;
    color: #fff;
    text-align: center;
}


.nicht-gelungen {
    width: 100%;
    background-color: #be214e;
    padding: 10px;
    color: #fff;
    text-align: center;
}

/* ------- HELP SLIDEOUT -------*/

#help {
    position: fixed;
    top:32%;
    right:-320px;
    height: 200px;
    width: 400px;
    z-index: 100;
    transition: all ease-in-out 0.6s;
}

#help:hover {
    /*right: 0px; */
    transition: all ease-in-out 0.6s;
    background-color:#006cb5;
}

#helpicon {
    position: absolute;
    top:55px;
    left:10px;
    width: 60px;
}

#helpicon img  {
    margin-bottom:10px;
}

#helpcontent {
    position: absolute;
    left:80px;
    top:0px;
    height: 450px;
    width: 320px;
    background-color: #b2d3ea;
    padding: 15px;
    color: #fff;
}

#helpcontent h5 {
    font-size: 1rem;
    font-weight: 600;
}

#helpcontent input {
    width: 100%;
    border:none;
    margin-bottom:10px;
    padding: 2px 7px;
}

#helpcontent textarea {
    width: 100%;
    border:none;
    margin-bottom:0px;
    padding: 2px 7px;
}
#helpcontent input[type="checkbox"] {
    width: auto;
    display: inline-block;
}
#helpcontent label {
    display: inline;
}
#helpcontent input[type="submit"] {
    text-transform:uppercase;
    font-size: 0.8rem;
    letter-spacing: 1.5px;
    width: 100%;
    border: none;
    opacity: 1;
}
input[type=submit]:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}
#helpcontent input::placeholder, #helpcontent textarea::placeholder {
    font-size: 0.8rem;
    letter-spacing: 1.5px;
}

#helpcontent p {
    line-height: 130%;
    font-size: 0.9rem;
}

#dim {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0);
    z-index: -1;
    opacity: 0;
    transition: all ease-in-out 0.6s;
}

.dim {
    background-color: rgba(0,0,0,0.3) !important;
    z-index: 99 !important;
    opacity: 1 !important;
    transition: all ease-in-out 0.6s;
}

@media screen and (max-width: 567px) {

    #help {
        top:100%;
        margin-top:-80px;
        right:0px;
        height: 550px;
        width: 100%;
    }

    #help:hover {
        margin-top: -550px;
        transition: all ease-in-out 0.6s;
    }

    #helpicon {
        top:10px;
        left:50%;
        transform: translateX(-50%);
        width: 50%;
    }

    #helpicon img  {
        margin-bottom:10px;
        width: 60px;
        display: inline-block;
    }

    #helpicon p {
        display: inline-block;
    }

    #helpcontent {
        position: absolute;
        left:0px;
        top:80px;
        height: 550px;
        width:100%;
        background-color: #b2d3ea;
        padding: 15px;
        color: #fff;
    }
    #helpcontent input[type="submit"] {
        text-transform:uppercase;
        font-size: 0.8rem;
        letter-spacing: 1.5px;
        padding: 15px 10px;
    }
}
/* --------- Modal / Pop Up ------------*/

.modal-dialog {
}

.modal-content {
}

.modal-body {
}

.modal-body button.close {
}

.modal-text {
}

.modal-text p {
}

.modal-footer {
}

/* ------- FLICKITY -------*/

.carousel-cell {
    width: 25%;
    min-height: 100%;
    overflow: hidden;
    background-color: #c7c7c7;
}

.product-title {
    position: absolute;
    bottom:0px;
    height:40px;
    width:100%;
    background-color: #006cb5;
    padding: 5px 10px;
    font-size: 1.2rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.product-description {
    height: 0;
    overflow: hidden;
    font-size:0.8rem;
    letter-spacing: 0px;
    text-transform: none;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.carousel-cell:hover .product-title {
    height: 100%;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}


.carousel-cell:hover .product-description {
    height: 80%;
    overflow: hidden;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.slider-buttons {
    position: absolute;
    top: 0px;
    left:-25px;
}

.slider-buttons i {
    color:#006cb5;
}

.slider-button {
    position: relative;
    height:80px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-button-2 {
    position: absolute;
    height:40px;
    top:40px;
    background-color:#f1f6f8;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 50px;
    height: 4px;
    margin: 0 8px;
    background: #333;
    border-radius: 0%;
    opacity: 0.15;
    cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
    background: #006cb5;
    opacity: 1;
}

.logo-slider {
    width:100%;
}
.flickity-prev-next-button {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.quote {
    padding: 10px 5%;
}

/* --------- PHONE ------------*/

.tel-button a{
    color:#fff;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
}

.tel-button a:hover{
    color:#fff;
    text-shadow: 0px 0px 10px #c8f0ff;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

/* --------- ACCORDION ------------*/

.col-12 h3 {
    text-align: center;
}

#accordion .card-header {
    background-color:#fff;
    border: none;
}

#accordion .card{
    background-color:#fff;
    border: none;
    border-top:solid 1px #dadada;
    font-size: 0.9rem;
}

#accordion .card:last-of-type {
    border-bottom:solid 1px #dadada;
}

#accordion ul li {
    list-style-type: disc;
    list-style: disc;
    display: list-item;
    margin-bottom:10px;
}
#accordion .btn {
    width: 100%;
    text-align: left;
    color: #333;
    padding-left: 0px;
}

#accordion .btn .fa-minus {
    color: #006cb5;
}
#accordion .btn.collapsed .fa-minus {
    display: none;
    color: #006cb5;
}
#accordion .btn.collapsed .fa-plus {
    display: inline-block;
    color: #006cb5;
}

#accordion .btn .fa-plus {
    display: none;
    color: #006cb5;
}

#accordion .card-body {
    color: #999;
}


/* --------- TABLES ------------*/

.table tr td {
    padding: .5rem;
}

/* --------- PRODUCT ------------*/
.product {
    background-color: #fff;
    padding: 20px;
    border: solid 1px #dadada;
    width: 95%;
    height: 100%;
}

a .product {
    color:#212121;
}

a:hover {
    text-decoration: none;
}

.product img {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.product:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}


/* --------- RESPONSIVE VIDEO ------------*/
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

/* --------- MEDIA QUERIES ------------*/
@media screen and (max-width: 1199px) {
    .carousel-cell {
        width: calc(100% / 3);
    }
}


@media screen and (max-width: 991px) {

    .carousel-cell {
        width: calc(100% / 3);
    }

    .intro-text {
        position: relative;
        color: #fff;
        padding: 150px 0px 50px;
        z-index:5;
    }
    .header-contact {
        padding: 50px 0px 50px;
        z-index:5;
    }
    .navbar {
        margin-bottom: -60px;
        padding: 0.85rem;
        background-color: #006cb5;
    }

    .hidden-logo {
        height: 0px;
        display: none !important;
    }
    .sticky .mobile-logo {
        display: inline-block;
    }
    .bg-bluewhitecut {
        background: rgb(0,78,133);
        background: -moz-linear-gradient(110deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 55%, rgba(255,255,255,1) 55%);
        background: -webkit-linear-gradient(110deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 55%, rgba(255,255,255,1) 55%);
        background: linear-gradient(110deg, rgba(0,78,133,1) 0%, rgba(0,108,181,1) 55%, rgba(255,255,255,1) 55%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004e85",endColorstr="#ffffff",GradientType=1);
    }

}


@media screen and (max-width: 767px) {

    .carousel-cell {
        width: calc(100% / 2);
    }

    .date-box {
        width: 100%;
    }
    .breadcrumb {
        padding: 0;
        background: none;
        font-size: 0.7rem;
        margin-left:25px;
        margin-top:-25px;
        margin-bottom: 25px;
    }
    .top-bar .btn, .top-social a {
        margin-right: 15px;
    }

    .intro-text h1 {
        font-size: 1.5rem;
        word-break: break-all;
    }
}

@media screen and (max-width: 567px) {

    .intro-text h1 {
        font-size: 1.7rem;
    }

    h2 {
        font-size: 1.2rem;
    }

    .newsletter-headline{
        font-size: 1.2rem;
    }

    li {
        display: inline-block;
        list-style: none;
        margin-right: 8px;
    }
    .top-bar .btn, .top-social a {
        margin-right: 8px;
    }

    .flickity-page-dots .dot {
        display: inline-block;
        width: 25px;
        height: 12px;
        margin: 0 8px;
        background: #333;
        border-radius: 0%;
        opacity: 0.15;
        cursor: pointer;
    }

    .top-bar{
        height: 90px;
    }

    .top-social {
        margin-top: 10px;
    }
}

.mobile-break {
    display: none;
}
@media screen and (max-width: 420px) {

    .intro-text h1 {
        font-size: 1.4rem;
    }

    h3 {
        font-size: 0.8rem;
    }

    .top-bar .row{
        margin-right: -15px;
        margin-left: -15px;
    }

    .table p {
        font-size: 14px;
    }
    .mobile-break {
        display: inline-block;
    }

    .carousel-cell {
        width: 100%;
    }
}

/*.row {*/
/*    margin-right: 0;*/
/*    margin-left: 0;*/
/*}*/

.gelungen {
    position: fixed;
    height: 54px;
    width: 100%;
    text-align: center;
    padding: 12px;
    background-color: #b2cd80;
    color: #315d31;
    bottom: 0px;
    font-weight: 700;
    font-size: 1.2rem;
}

.nicht-gelungen {
    position: fixed;
    height: 54px;
    padding: 12px;
    witdh:100%;
    text-align: center;
    padding: 5px;
    background-color: #cd8097;
    color: #4d131b;
    bottom: 0px;
    font-weight: 700;
    font-size: 1.2rem;
}

.evo-img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}