@charset "utf-8";

body {
    margin: 0;
}
	
.big_canvas {
	height: 60vh;
	width:50% !important;
}

@media (max-width:1200px) {
	.big_canvas { width:60% !important; }
}
@media (min-width: 576px) and (max-width:991px) {
	.big_canvas_text { bottom:20% !important; top:60% !important; }
}
@media (max-width:991px) {
	.big_canvas { width:70% !important; }
}
@media (max-width:771px) {
	.big_canvas { width:80% !important; }
}
@media (max-width:595px) {
	.big_canvas { width:88% !important; }
}
@media (max-width:575px) {
	.big_canvas { height: 20vh; width:calc(100% - 24px) !important; }
	.big_canvas_text { position: absolute !important; width:100%; top:40% !important; }
}

@media (max-width:479px) {
	.big_canvas_text { top:30% !important; }
}
@media (max-width: 992px) {
	.big_canvas_text h1 { font-size:22px!important; }
}
@media (orientation: landscape) and (max-height:588px) {
	.big_canvas_text h1 { font-size:22px!important }
}
@media (max-width: 479px) and (max-height:580px) {
	.big_canvas_text h1 { font-size:18px!important }
}


/* preload bootstrap */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,::after,::before {
    box-sizing: border-box
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 576px) {
    .col-sm-3 {
        -ms-flex:0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width: 768px) {
    .col-md-2 {
        -ms-flex:0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
}

@media (min-width: 992px) {
    .col-lg-3 {
        -ms-flex:0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.p-0 {
    padding: 0!important
}

.p-2 {
    padding: .5rem!important
}


@media (max-width: 992px) {
    #AKTUELLES .row>div:nth-child(3) { clear:left; }
}

@media (max-width: 479px) {
    #AKTUELLES { padding:15px 0; }
}

main#content_center {
    overflow: hidden
}

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

#IMPRINT {
    background: #009898
}

#Awards ul,#IMPRINT ul {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #73e5e5
}

#IMPRINT a {
    color: #fff;
    text-decoration: none;
}

#IMPRINT ul li {
    display: inline-block;
    padding: 0.625rem
}

#Awards ul li {
    display: inline-block;
    padding: 2px 20px
}

#Awards {
    background: inherit;
    padding-top: 6px;
    padding-bottom: 6px
}

#Awards a {
    color: initial
}

@media (min-width: 992px) {
    .navi_contact_mobile {
        display:none!important
    }
}

.slide_menu a.navi_contact_mobile {
    border: none;
    background: 0 0;
    margin-right: 5px
}

#NAVIGATION ul li:lang(hr) {
    font-family: Arial,sans-serif;
    font-weight:700
}

#NAVIGATION ul ul li:lang(hr) {
    font-family: Arial,sans-serif
}

@media (max-width: 1199px) {
    #navbar:lang(hr) {
        font-family:Arial,sans-serif
    }
}

#SUB_HEADLINE:lang(hr) {
    font-family: Arial,sans-serif;
    font-weight: 700
}

@media (max-width: 991px) {
    #HEADER:not(.startseite) #HEADLINE h1:lang(hr) {
        font-family:Arial,sans-serif
    }

    #HEADER:not(.startseite) #HEADLINE h2:lang(hr) {
        font-family: Arial,sans-serif
    }
}


.mediabox {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 66.6667%
}

/* gilt für das Hintergrundbild */
.mediabox-img {
    position: absolute!important;
    top: 0!important;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    font-family: "blur-up: always","object-fit: contain";
    object-fit: contain;
/*    margin-top: 1rem; */
}

.ls-blur-up-img {
    filter: blur(5px);
    opacity: 1;
    transition: opacity 250ms,filter .5s
}

.ls-blur-up-img.ls-inview.ls-original-loaded {
    opacity: 0;
    filter: blur(5px)
}

#HEADER {
    position: relative
}

.sm {
    box-sizing: border-box;
    position: relative;
    z-index: 9999;
    -webkit-tap-highlight-color: transparent
}

.sm,.sm li,.sm ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left
}

.sm-rtl,.sm-rtl li,.sm-rtl ul {
    direction: rtl;
    text-align: right
}

.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6 {
    margin: 0;
    padding: 0
}

.sm ul {
    display: none
}

.sm a,.sm li {
    position: relative
}

.sm a {
    display: block
}

.sm a.disabled {
    cursor: default
}

.sm::after {
    content: "";
    display: block;
    height: 0;
    font: 0/0 serif;
    clear: both;
    overflow: hidden
}

.sm *,.sm ::after,.sm ::before {
    box-sizing: inherit
}