html, body {
    height: 100%;    
}

body {    
    font-family: "AvenirLT-Book", sans-serif;
    display: flex;
    overflow-x: hidden;
    flex-direction: column;
    font-size:18px;
    font-weight:400;
    color: #262626;
}   

b,
strong {
    font-family: "AvenirLT-Heavy";
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.content a {
	color: #262626;
}

.teaser p {
    margin-bottom:0;
}

.artikel-preview img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.artikel .badge {
	background:#262626;
	padding: 0.5rem 0.75rem;
	font-family: 'AvenirLT-Heavy';
}

#nl-form input,
#nl-thanks {
	font-family: 'AvenirLT-Heavy';
}

#nl-form .btn {
	color:#fff;
	font-family: 'AvenirLT-Heavy';
	border: 2px solid #fff;
	padding: .5rem .75rem;
}

footer {
    background:#262626;
    color:#fff;
    font-size: 19px;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

footer .navbar-nav {
	flex-direction:row;
}

footer .nav-link {
	padding-top:0;
}

footer a {
    color:#fff;
}

footer .fa-brands {
	font-size:2rem;
}

img, svg, video {
    max-width: 100%;
}

h1,
.navbar-nav .nav-link,
.btn-primary {
    font-family: "AvenirLT-Black";    
}

h2, h3 {
    font-family: "AvenirLT-Heavy";    
}

.cms-toolbar-expanded .carousel-item > img {
	margin-top: -46px !important;
}

.team blockquote {
	position:absolute;
	bottom:0;
	color:#fff;
	font-family: "AvenirLT-Heavy"; 
	font-size:24px;
	text-shadow: 2px 2px 10px #000;
	padding:10px 10px 10px 20px;
	border-left:5px solid #fff;
	margin:20px;
}

.team {
	word-break:break-word;
	hyphens:auto;
}

.teaser {
	font-size: 21px;
	line-height: 31px;
	margin-bottom: 3.5rem !important;
}

.bg-secondary {
	background-color: #F7F6F6 !important;
}

.navbar.main {
	background-color:#262626;
	background-size:cover;
	background-position:center;
	padding-bottom: 0.75rem;
	padding-top: 0.75rem;
}

.navbar.main .logo {
	height: 60px;
}

.navbar.main .navbar-nav {
	column-gap:.75rem!important;
	padding-top: 0.75rem;
}

.navbar.main .navbar-nav > li:last-child > a {
	padding-right:0 !important;	
}

.navbar-nav .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color:#fff;
	text-transform: uppercase;
	font-size: 19px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.navbar-nav .dropdown-menu {
    min-width:auto;
    background:#262626;
    border:0;
    border-radius: 1rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
	margin-bottom:.75rem;
}

.navbar-nav .dropdown-menu .nav-link {
    font-size: 15px;
}

.navbar-nav .dropdown-menu .nav-link,
.navbar.main .navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0;
	white-space: nowrap;
}

.nav-link[data-mobile-linked="true"] {
	border-bottom:2px solid #fff;
	padding-bottom:.25rem;
	margin-bottom:.75rem;
	opacity:1 !important;
}

.navbar.main .nav-item {
	flex-direction:column;
	justify-self: center;
}

.nav-item.ancestor > .nav-link,
.nav-item.active > .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active,
.navbar-nav .nav-link:active:hover {
	opacity:.7;
}

.navbar.meta .navbar-nav .nav-link {
	font-size: 16px;
	text-transform: none;
	color: #fff;
}

.navbar.meta .btn {
	border:1px solid #fff;
	border-radius:0;
	padding: .5rem 1rem;
}

.navbar.meta .language-chooser .nav-link {
	border: 2px solid #fff;
	border-radius:100%;
	padding: 6px;
	font-size: 13px;
	text-transform: uppercase;
	height: 35px;
	width: 35px;
}

.navbar-toggler,
.navbar-toggler:focus {
	border:0;
	border-radius:0;
	box-shadow: none;
}

.navbar-toggler .fa {
	color:#fff;
	font-size: 2rem;
}

.btn-primary {
	background:transparent;
	color:#262626;
	border:2px solid #262626;
	border-radius:0;
	padding:.5rem .75rem;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover {
	background:	#262626;
	outline:0;
	border:2px solid #262626;
}

.carousel-caption {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	bottom: 5vh;
	text-align:left;
}

.carousel-caption p {
    font-size: 28px;
    line-height: 37px;
    font-family: 'AvenirLT-Heavy';
    margin-bottom: 1rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.carousel-caption .btn-primary {
    color:#fff;
    border-color:#fff;
}

.carousel-caption .btn-primary:hover,
.carousel-caption .btn-primary:active,
.carousel-caption .btn-primary:active:hover {
    background: hsl(0deg 0% 100% / 20%);
    border-color: #fff;
}

.carousel-control-next,
.carousel-control-prev {
	opacity:1;
}

.carousel-inner .fa {
    color: white;
    border: 2px solid #fff;
    border-radius: 100%;
    padding: 1rem;
    font-size: 1.5rem;
    width: 60px;
    display: flex;
    justify-content: center;
}
  
.nav-pills .nav-link {
	color:#262626;
	border:2px solid #262626;
	border-radius:0;
	margin-right: 0.75rem;
	font-family: 'AvenirLT-Heavy';
	margin-bottom: 0.75rem;
	line-height: 24px;
	padding: .5rem .75rem;	
}  

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:active, 
.nav-pills .nav-link:active:hover {
	background: #262626;
	border: 2px solid #262626;
	color:#fff;	
}

.carousel[data-multi='true'] {
    overflow: hidden;
}

.carousel[data-multi='true'] .main:nth-child(2n),
.carousel[data-multi='true'] .main:nth-child(3n) {
    display:none;
}

.carousel[data-multi='true'] .main .carousel-caption {
    bottom: 2rem;
    left: 15%;
    right: 15%;
    padding: 0;
}

.carousel[data-multi='true'] .main .carousel-caption p {
    line-height: 1.4em;
    margin:0;
    font-size: 21px;
}

.carousel[data-multi='true'] .main .carousel-caption p:not(:first-child) {
    display:none;
}


  
.cc-window {
    background: #444 !important;
    color: #fff !important;
}

.cc-message {
    margin:0 !important;
    padding: 15px 25px 0;
    font-family: 'AvenirLT-Heavy';
}

.cc-link {
    padding:0 !important;
    color: #fff !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.cc-btn {
    background: none !important;
    color: #fff !important;
    padding: 15px 25px !important;
    font-size: 16px !important;
    display: inline !important;
    min-width: auto !important;
    border: none !important;
    position: relative;
    font-weight: normal !important;
    text-decoration:none;
    font-family: 'AvenirLT-Heavy';
}

.cc-link:hover,
.cc-btn:hover {
    text-decoration:none;
    opacity: .65 !important;
}

.cc-window {
    flex-direction: column !important;
    align-items: stretch;
}

.cc-compliance {
    width:100%;
}

.inspiration a {
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
}

.inspiration a > p {
	position:absolute;
	color:#fff;
	font-family: "AvenirLT-Heavy";
	font-size: 2rem;
	margin: 0;
}



@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	.cc-window {
       flex-direction: row !important;
    }

    .cc-compliance {
        width:auto;
    }

	.cc-message {
		padding-bottom:15px;		
	}
    
    .carousel[data-multi='true'] .carousel-inner {
        width: 250%;    
    }    
    
    .carousel[data-multi='true'] .carousel-item-next:not(.carousel-item-start),
    .carousel[data-multi='true'] .carousel-item-end.active {
        -webkit-transform: translate3d(33.33333333%, 0, 0);
        transform: translate3d(33.33333333%, 0, 0);
    }
    
    .carousel[data-multi='true'] .carousel-item-prev:not(.carousel-item-end),
    .carousel[data-multi='true'] .carousel-item-start.active {
        -webkit-transform: translate3d(-33.33333333%, 0, 0);
        transform: translate3d(-33.33333333%, 0, 0);
    }
    
    .carousel[data-multi='true'] .main {
        display: block !important;
        float: left;
        padding-right:30px;
        width: 33.33333333%;
        position:relative;
    }
    
    .carousel[data-multi='true'] .main .carousel-caption {
        left: 2.5rem;
        right: calc(2.5rem + 30px);
    }

	.carousel[data-multi='true'] .main .carousel-caption p:not(:first-child) {
	    display:inline-block;
	}
    
    
}

@media (max-width: 991px) {
    .navbar.meta {
        position:relative !important;
        background: #454545;
    }
    
    .navbar.meta .navbar-nav {
        width:100%;
        justify-content: space-between;
        column-gap: 1rem !important;
        padding-top:0 !important;
    }
    
    .navbar.meta .navbar-nav .nav-link {
        font-size: 15px;
        text-shadow: none;
    }
    
    .navbar.meta .navbar-nav .nav-link.btn {
        border:0;
        padding-left:0;
        padding-right:0;
    }
    
    .navbar.meta .navbar-nav .nav-link.btn {
        border:0;
        padding-left:0;
        padding-right:0;
    }
    
    .navbar.meta .language-chooser .nav-link {
        font-size:13px;
    }
    
    .carousel .vh-100 {
        height:55vh !important;
    }
    
    .navbar.main {
        position:relative !important;
    }

	.carousel-caption.full {
		padding:0;
	}

	.carousel-caption p > small {
	    font-size: .75em;
	}

	.carousel-caption p:has(small) {
		line-height: 28px;
	}

    

}

@media (min-width: 992px) {
    .my-5 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .mt-5 {
        margin-top: 4rem !important;
    }

    .mb-5 {
        margin-bottom: 4rem !important;
    }

    .py-5 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .pt-5 {
        padding-top: 4rem !important;
    }

    .pb-5 {
        padding-bottom: 4rem !important;
    }
    
	.ribbon {
		background-image:url('/static/img/flowers_bg_v3.jpg');
		position: absolute;
		width: 150px;
		height: 100%;
		content: '';
	}

	.content {
	    position:relative;
	}
	
	.content > .container,
	.content > .container-fluid > .container {
		padding-left: 150px;
	}

	.navbar.main {	
		padding-bottom: 2.5rem;
		padding-top: 4rem;
	}

	.navbar.main .logo {
		height: 100px;
	}

	.navbar.main {
		background-image: url('/static/img/header.jpg');		
	}

	.navbar-nav .dropdown-menu .nav-link,
	.navbar.main .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;		
	}

	.navbar.main .navbar-nav {	
		padding-top: 0;
	}

	.navbar.main .nav-item {
		flex-direction:row;
		justify-self: start;
	}
    
    .navbar-nav .dropdown-menu {
    	margin-bottom:0;
    }

	.navbar.main.no-bg {
	    background:none;
	}

	.carousel-caption {	
		bottom: 30vh;	
	}

	.carousel-caption p {
	    font-size: 42px;
	    line-height: 53px;    
	}
    
    .inspiration a > p {
    	font-size: 2.75rem;
    }
    
    .navbar.main .nav-item:hover > .dropdown-menu {
        display:block;
        top:100%;
        margin-top:0;
    }

	.navbar-nav .dropdown-menu .nav-link {
	    font-size: 17px;
	}

	.teaser {
		font-size:25px;
		line-height: 40px;		
	}

	h2 {
		font-size: 1.75rem;
	}
	
	h3 {
		font-size: 1.5rem;
	}

	footer {    
	    padding-top: 5rem;
	    padding-bottom: 5rem;
	}


    
}

@media (min-width: 1200px) {
	
}

@media (min-width: 1400px) {
	
}