/* nunito-regular - latin */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: url('../fonts/nunito-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/nunito-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/nunito-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/nunito-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/nunito-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/nunito-v15-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-600 - latin */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url('../fonts/nunito-v15-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/nunito-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/nunito-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/nunito-v15-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../fonts/nunito-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/nunito-v15-latin-600.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-700 - latin */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
src: url('../fonts/nunito-v15-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/nunito-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/nunito-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/nunito-v15-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/nunito-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/nunito-v15-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
}

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

/* bitter-regular - latin */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: url('../fonts/bitter-v16-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/bitter-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/bitter-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/bitter-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/bitter-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/bitter-v16-latin-regular.svg#Bitter') format('svg'); /* Legacy iOS */
}

/* 15.05.2025 Instagram Icon im footer */
@media (max-width: 767px) {
.instgram-footer {margin-left: 15px;}
}
/* ---------------------------------- */
.logo img {
    max-width: 300px;
}

body, .intro, .footer {
    background-color: #2b4e84;
}

.carousel {
background: #EEE;

}

.carousel-cell {
    width: 100%;
    /* height: 588px;
    max-height: 40vh; */
    margin-right: 10px;

    border-radius: 5px;
    counter-increment: gallery-cell;

}

.intro .carousel-cell {
    padding-top: 30.625%;
}

.flickity-prev-next-button.previous {
    left: 30px;
}

.flickity-prev-next-button.next {
    right: 30px;
}

.flickity-page-dots {
    bottom: 25px;
}

.flickity-page-dots .dot {

    background: #FFFFFF;

}

/* Typo */
#main-content a {
    color:#2b4e84;
    text-decoration: underline;
}

#main-content a:hover {
    color:#2b4e84;
    text-decoration: none;
}

#main-content p {
    line-height:25px;
    margin-bottom:25px;
}

#main-content ul {
    list-style: disc;
    margin-left: 2rem;
}

ol {
    list-style: decimal;
    margin-left: 2rem;
}

h1 {
    font-family: 'Bitter', serif;
    color: #2b4e84;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.08rem;
    margin-bottom: 25px;
}

h1.center {
    text-align: center;
}

h2 {
    color: #2D3748;
    font-size: 16px;
    font-weight: 400;

}

h1 + h2 {
    margin-top:-30px;
    margin-bottom:25px;
}

h1 + h2::after {
    border-bottom: 1px solid #2b4e84;
    width:50px;
    display:block;
    height:1px;
    content: "";
    margin: 25px 0 40px 0;
}

h1.center + h2 {
    text-align: center;
}

h1.center + h2::after {
    border-bottom: 1px solid #2b4e84;
    width:50px;
    display:block;
    height:1px;
    content: "";
    margin: 25px auto 40px auto;
}

h3 {

    color: #2b4e84;
    font-size: 1.4rem;

    font-weight: 400;

}

/* ### */

.intro, .footer, .intro h1, .intro p {
    color:#FFF !important;
}

.intro {
    /* height: 588px;
    max-height: 40vh; */



}

.intro > .bg-cover {
    padding-top: 30.625%;
}

.intro-inner {
    min-height:200px;
}

.content-container {
    min-height:50vh;
}

#nav .active {
    background-color:rgb(229, 231, 235);
    color: #2b4e84;
    font-weight: 700;
}

#navbar {
    min-height:80px;
    /*transition: all .2s;*/
}



/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;

    top: 0;
    width: 100vw;
    max-width: 100vw;
    padding-right:20px;
    z-index: 49;

    animation: fadeIn ease .3s;
    -webkit-animation: fadeIn ease .3s;
    -moz-animation: fadeIn ease .3s;
    -o-animation: fadeIn ease .3s;
    -ms-animation: fadeIn ease .3s;
}

@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}


.sticky-logo {
    display:none;
}

.sticky .sticky-logo {
    display:block;
}

.sticky-logo img {
    width:130px;
}

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

    #navbar {
        display:block;
        position:fixed;
        top:0px;
        left:0px;
        background:#FFF;
        margin:0;
        min-height:70px;
        height:70px;

        z-index:50;
    }

    .sticky-logo {
        display:inline-block;
        margin:0;
        padding:0 25px;
    }

    .sticky-logo img {
        width:100px;
    }
}

@media (min-width: 767px) {
    #nav {
        display:flex !important;
    }
}


/* Aspect Ratios */
.ratio-1-1, .ratio-16-9, .ratio-9-16, .ratio-xs-16-9, .ratio-4-3, .ratio-3-4, .ratio-slider, .ratio-img {
	position:relative;
}

.ratio-1-1::after {
	display: block;
	content: "";
	width: 100%;
	padding-top: 100%;
}

.ratio-16-9::after {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}

.ratio-9-16::after {
	display: block;
	content: "";
	width: 100%;
	padding-top: 156.25%;
}

.ratio-4-3::after {
	display: block;
	content: "";
	width: 100%;
	padding-top: 75%;
}

.ratio-3-4::after {
	display: block;
	content: "";
	width: 100%;
	padding-top: 125%;
}

.ratio-slider::after {
	display: block;
	content: "";
	width: 100%;
	padding-top: 71.75%;
}


@media (max-width: 767px) {
    body {
        padding-top:70px;
        background:#FFF;
    }
}

/* Auktionen */
.no-image svg {
    width:30%;
    height:auto;
}

/* Loading animations */

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
  }

  .sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #2b4e84;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  }
  .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }

  @-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1);
    }
  }

  @keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1);
    }
  }

  .z-50 {
      z-index: 50 !important;
  }

svg.button-icon {
    margin-top:-5px;
    margin-bottom:-5px;
    min-width:16px;
}

.error {
    color:#CC0000;
    padding: .5rem 0;
    display:inline-block;
}

.header-icon svg, .header-icon img {
    width:auto !important;
    height:60px !important;
}

/* Table */


table.striped tr:nth-child(even) {
    background-color: #edf2f7;
  }

.skill-card svg {
    width:64px;
    height:64px;
}

/* highlights */
.highlight a {
    text-decoration: none !important;
}

/* 360 */
.iframecontainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: all .3s;
}

.privacy-map {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

nav[role="navigation"] a {
    text-decoration:none !important;
}