
@import url("https://use.typekit.net/eum8jot.css");

:root {	
--serif-font: minion-pro, serif; 
--accent-font: impact, sans-serif;
--sans-font: futura-pt, sans-serif; 
--bs-primary: #000000;
--bs-secondary: #B5B5B5;
--bs-secondary-light: #D2D2D6;
--bs-secondary-dark: #434342;
--bs-body-color: #ffffff;
--bs-link-color: #000000;

--inner-max-width: 1480px;
--slim-inner-reduction: 15%;
	
	
--padding-big: 8rem;
--padding-medium: 3rem;
--padding-small: 1.5rem;
--padding-mini: .5rem;
--itemgap-horizontal: 3rem;
--itemgap-vertical: 3rem;
	
	
}

body .sdt-short {
		display: none;
}

body.black.preview {
	
	.menu-item { display: none; }
	footer .alohalinkcolor { display: none; }
}

body.black {
	
--bs-primary: #ffffff;
--bs-secondary: #686868;
--bs-body-color: #000000;
--bs-link-color: #ffffff;
	
	.sdt-short {
		display: block;
	}
	
	.sdt-long {
		display: none;
	}

} 


/*fix for all*/

.hidden {
	visibility: hidden;
}


.flex-lg-row-reverse {
	flex-direction: row-reverse !important;
}

@media (max-width: 991px) {

	.flex-lg-row-reverse {
		flex-direction: column-reverse !important;
	}
}

.row {
--bs-gutter-x: 6rem; 
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: var(--inner-max-width);
  }
}

footer.bg-dark,
#topnav.nav-sticky, #topnav {
	background: none !important;
}

#topnav .navbar-toggle span, #topnav2nd .navbar-toggle span {
	background-color: var(--bs-primary);
}




/*standards*/

html {
	font-size: 62.5%;
    line-height: 62.5%;
}

@media (max-width: 1200px) {

	html {
	font-size: 57%;
    line-height: 57%;
	} 
	
}

@media (max-width: 768px) {

	html {
	font-size: 50%;
    line-height: 50%;
	}
	
}


body {
	font-size: 2.2rem;
    line-height: 2.8rem;
	font-weight: 300;
	margin: 0;
	font-family: var( --sans-font ), serif;
    background: var(--bs-body-color);
	color: var(--bs-primary);
} 




a {
	color: var(--bs-link-color);
	 text-underline-offset: .3rem;
}

a:hover {
	color: var(--bs-secondary);
}


h1, h2, h3, h4 {
	font-family: var( --accent-font), sans-serif;
	color: var(--bs-primary);
	font-weight: normal;
}

ul, li {
    margin: 0;
}

blockquote {
    margin: var(--padding-big) 16%;
}

small {
    font-size: 1.8rem;
	line-height: 2.2rem;
}

b, strong {
	font-weight: 600;
}

.red a,
.red {
	color: var(--bs-primary) !important;
}

.white a,
.white {
	color: var(--bs-white) !important;
}

/*generals*/

h1 {
	font-size: 6rem;
	line-height: 6rem;
    text-transform: uppercase;
	margin-bottom: var(--padding-medium);
}

h2 {
font-size: 3.3rem;
  line-height: 3.7rem;
	text-transform: uppercase;
}

h3 {
font-size: 2.8rem;
  line-height: 3rem;
}

h4, h5, h6 {
 font-size: 2.2rem;
  line-height: 2.8rem;
}

.kittextelement h3,
.kittextelement h2 {
	padding-bottom: var(--padding-small);
}

.kittextelement h4,
.kittextelement h5 {
	padding-bottom: var(--padding-mini);
}

.kittextelement h1 i, .kittextelement h1 i a,
.kittextelement h2 i, .kittextelement h2 i a,
.kittextelement h3 i, .kittextelement h3 i a,
.kittextelement h4 i, .kittextelement h4 i a,
.kittextelement h5 i, .kittextelement h5 i a {
	color: var(--bs-secondary);
	font-style: normal;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}

.kitquoteelement {
	padding: var(--padding-medium) 8%;
}

.kitquoteelement hr {
	display: none;
}

.kitquoteelement cite {
	color: var(--bs-primary);
	 font-family: var(--serif-font);
	font-weight: 300 !important;
	font-size: 1.44rem;
  line-height: 1.6rem;
}


/*helpfull classes*/

.badge {
  color: var(--bs-primary);
font-weight: 400;
}

.badge.bg-primary {
  background: none !important;
}



.textalign-right {
	text-align: right;
}

.textalign-center {
	text-align: center;
}

.topminipadding {
	padding-top: var(--padding-medium);
}

.minipadding {
	padding-bottom: var(--padding-medium);
}

.toppadding {
	padding-top: var(--padding-big);
}

.padding {
	padding-bottom: var(--padding-big);
}

.superpadding {
	padding-bottom: calc(var(--padding-big) * 2);
}

.supertoppadding {
	padding-top: calc(var(--padding-big) * 2);
}

.topmargin {
	margin-top: var(--padding-big);
}

.margin {
	margin-bottom: var(--padding-big);
}

.supermargin {
	margin-bottom: calc(var(--padding-big) * 2);
}

.nopadding {
	padding: 0 !important;
}

.leftpadding {
	padding-left: var(--padding-big);
}

.rightpadding {
	padding-right: var(--padding-big);
}


@media (min-width: 1200px) { /*padding for xl*/

	.leftpadding-xl {
		padding-left: var(--padding-big);
	}

	.rightpadding-xl {
		padding-right: var(--padding-big);
	}

}

@media (min-width: 1200px) { /*padding for lg*/

	.leftpadding-lg {
		padding-left: var(--padding-big);
	}

	.rightpadding-lg {
		padding-right: var(--padding-big);
	}

}



/*gallery*/

.no-animation .gallery .swiper-slide .gallery-poster,
.no-animation .gallery .swiper-slide:hover .gallery-poster { /*stop darken by hover and default*/
	background: none;
}

.no-animation .gallery .swiper-slide:hover img { /*stop upscaling by hover*/
	transform: none;
}

/*links*/

.arrowlink {
	
	ul {
		padding-left: 0;
	}
	
	li {
		padding-bottom: var(--padding-small);
	}
	
	a {
		display: inline-block;
		/*font-family: var(--accent-font);*/
		color: var(--secondary);
		font-weight: 600;
		font-size: 1.8rem;
		
	}
	
	a:after {
		margin-left: var(--padding-mini);
		content: '';
		mask-image: url('data:image/svg+xml,<svg width="58" height="34" viewBox="0 0 58 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M57.3125 17L40.6719 33.6406L38.7969 31.7656L52.3531 18.2938H0.6875V15.7063H52.3625L38.8438 2.1875L40.7188 0.359375L57.3125 17Z" fill="%23434342"/></svg>');
		background-color: var(--bs-primary);
		display: inline-block;
		width: 30px;
		height: 2rem;
		mask-size: contain;
		mask-repeat: no-repeat;
		vertical-align: -.5rem;
	}	
}

.buttonlink {
	
	a {
		display: block;
		background: var(--bs-body-color);
		border-radius: var(--input-border-radius, 5px);
		font-family: var(--accent-font);
		font-size: .72rem !important;
		font-weight: 600;
		padding: .8rem 1.6rem !important;
}

}


/*rows and nested rows*/

.row .row {
	margin-right: calc(var(--bs-gutter-x)*-.5 * 2);
	margin-left: calc(var(--bs-gutter-x)*-.5 * 2);
}

.bgcolor > .row {
	padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
}


.kit-grid-section.slim > div > .row {
	padding-left: var(--slim-inner-reduction);
	padding-right: var(--slim-inner-reduction);
}

@media (max-width: 1200px) {
	
	.hide-lg {
		display: none;
	}
	
	.grow-lg {
		flex: 1 1 auto;
	}
	
	.padding-lg {
		padding-bottom: var(--padding-big);
	}
	
}

@media (max-width: 768px) {
	
	.hide-md {
		display: none;
	}
	
	.grow-md {
		flex: 1 1 auto;
	}
	
	.padding-md {
		padding-bottom: var(--padding-big);
	}
	
}


/*morelink*/

.teaser-card .readmore a,
.text-left a.btn.link,
.kittextelement a.btn.link {
	color: var(--bs-primary);
    font-family: var( --sans-font );
    font-size: .72rem !important;
    letter-spacing: 2px;
    text-decoration: underline !important;
    text-transform: uppercase;
	font-weight: 600;
	padding: 0 !important;
}

.teaser-card .readmore a:hover,
.text-left a.btn.link:hover,
.kittextelement a.btn.link:hover {
    text-decoration: none !important;
}

/*sdt title*/

.title.big {
	padding-top: var(--padding-medium);
}


.title.big h1 { 
	
	font-size: 10rem;
	line-height: 10rem;
	text-transform: uppercase;
	font-weight: normal;
	text-align: right;
  	padding-right: var(--padding-medium);
	
	b {
		font-size: 23rem;
		line-height: 23rem;
		text-transform: lowercase;
		font-weight: normal;
	}

}


.title.big.medium h1 { 

	font-size: 6rem;
	line-height: 6rem;
	
	b {
		font-size: 13rem;
		line-height: 13rem;
	}

}

.title.big.mini h1 { 

	padding: var(--padding-medium) 0;
	font-size: 2.6rem;
	line-height: 2.6rem;
	
	b {
		font-size: 6rem;
		line-height: 6rem;
	}

}


.title h1 a {
	text-decoration: none;
}


.minusmargin-xl {
	margin-bottom: 0;
	transition: all .5s;
}

@media (min-width: 1600px) {

	.minusmargin-xl {
		margin-bottom: calc(var(--padding-big) * -2);
	}
}


@media (max-width: 1200px) {

	
	.title.big h1 b {
		  font-size: clamp(8rem, 18vw, 23rem);
		line-height: clamp(8rem, 18vw, 23rem);
	}
	
	.title.big h1 {
		  font-size: clamp(6rem, 8vw, 10rem);
		line-height: clamp(6rem, 8vw, 10rem);
	}
	
}

@media (max-width: 768px) {
	
	.title.big {
		padding-bottom: var(--padding-big);
	}
}





.sdt-layerspecial.title {
	h1 {
		position: relative;
		z-index: 1;
		pointer-events: none;
	}
}


/*article*/

.sdt-title .row > div {
	align-items: flex-end;
	display: flex;
}

.black .sdt-title .row > div {
	align-items: flex-start;
	flex-direction: column;
	justify-content: flex-end;
}


@media (max-width: 1200px) {
	
	.sdt-title .row > div {
		width: 100%;
	}
	
}

.sdt-title h1 {
	max-width: 490px;
	padding-bottom: 1rem;
}

.sdt-lead {
 font-size: 2.8rem;
  line-height: 3rem;
  color: var(--bs-secondary);
	font-family: var( --accent-font);
	max-width: 490px;
	padding-bottom: var(--padding-medium);
}

figure.kitimageelement figcaption .kitimageelement-image-title,
.sdt-footnotes, .sdt-imagetext  {
	font-family: var(--serif-font);
	font-size: 1.8rem;
	line-height: 2.2rem;
	padding: var(--padding-big) 0;
	font-style: italic;
}

figure.kitimageelement figcaption .kitimageelement-image-title,
.sdt-imagetext  {
	padding: var(--padding-medium) 0;
	padding-top: 1rem;
}

.sdt-imagetext {
	padding-top: 0;
}

.sdt-footnotes sup {
	font-style: normal;
}




/*skewimage*/

.std-skewimage {


img {
    transform: perspective(50rem) rotateY(50deg);
    transition: all .5s;
	translate: 33%;
	scale: 90%;
	max-width: 300px;
}

img:hover {
	transform: perspective(50rem) rotateY(0deg);
	scale: 100%;
	translate: 0;
}

}

.std-skewimage.right {
	float: right;
}

.std-skewimage.left {


img {
    transform: perspective(60rem) rotateY(-50deg);
    transition: all .5s;
	scale: 130%;
	translate: -15%;
}

img:hover {
	transform: perspective(60rem) rotateY(0deg);
	scale: 100%;
	translate: 0;
}

}


/*sdt-menu links in textfeld*/


.sdt-menu {
	h3 {
		text-transform: uppercase;
	}
	
	h3 i {
		color: var(--bs-secondary);
	}
}


/*sdt-bios*/

.sdt-bio {

}

.sdt-bioimages {
	.row > * {
		width: unset;
	}
	
	img {
		transform: perspective(50rem) rotateY(30deg);
		transition: all .5s;
		max-height: 150px;
		opacity: .5;
	}
	
	img:hover {
		transform: perspective(50rem) rotateY(0deg);
		opacity: 1;
	}
	
}

.sdt-bioimage img {
	width: 50%;
	transform: perspective(50rem) rotateY(30deg);
	transition: all .5s;
	opacity: .9;
	min-width: 200px;
}

.sdt-bioimage:hover img {
	transform: perspective(50rem) rotateY(0deg);
	opacity: 1;
}

.sdt-biodata { 
	
	padding: var(--padding-small) 0;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-family: var( --accent-font), sans-serif;
	
	h1 {
		margin-bottom: 0;
		font-size: 4.4rem;
		line-height: 4.4rem;
	}
	
	h2 {
		font-size: 2.2rem;
		line-height: 2.8rem;
		margin-bottom: var(--padding-medium);
	}
	

}

/*new black layout*/

.black .sdt-bio {
	margin-top: calc(-1 * var(--padding-big));
}

.black .sdt-bio > div > .row > div {
	width: 100%;
}

.black .sdt-biodata { 
	
	padding: var(--padding-medium) 0;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-family: var( --sans-font), sans-serif;
	
	
	h1 {
		font-weight: 500;
		margin-bottom: 0;
		font-size: 2.4rem;
		line-height: 2.8rem;
		font-family: var( --sans-font), sans-serif;
		display: inline-block;
		text-transform: none;
	}
	
	h2:before {
		content: '';
		display: inline-block;
		height: 2.2rem;
		width: 1px;
		border-right: 1px solid white;
		margin: 0 15px;
	}
	
	
	h2 {
		font-weight: 300;
		font-size: 2.4rem;
		line-height: 2.8rem;
		margin-bottom: 0;
		padding-bottom: 5px;
		font-family: var( --sans-font), sans-serif;
		text-transform: none;
		display: inline-block;
	}
	
	h2 br {
		display: none;
	}
	
}


.black .sdt-imagenotes {
	display: flex;
	flex-direction: column;
	padding: var(--padding-big) 0;
}

.black .sdt-fotoicon:before {
	display: block;
	content: '';
	border: 1px solid white;
	box-shadow: 4px 4px 0 white;
	width: 15px;
	height: 20px;
	margin-bottom: var(--padding-small);
}

.black .sdt-imagenotes .kitimageelement-image-copyright {
	font-family: var(--serif-font);
}

.black .sdt-bioimage .kitimageelement-image-copyright {
	visibility: hidden;
}

.black .sdt-bioimage img {
	width: auto;
	height: 170px;
	min-width: 1px; 
	border: 2px solid white;
	transform: none;
}

.black .sdt-bioimage {
	display: inline-block;
	padding-right: 2rem;
}

.black .sdt-short {
	text-align: justify;
}

@media (max-width: 768px) {
	
	.black .sdt-bioimage img {
		height: 100px;
	}
	
}


/*overview box = linkbox*/

.overview-box {
	border: none;
}

.overview-box.sdt-pager {
	
	border: none;
	margin-top: -6rem;
	
	ul {
		display: flex;
		padding: 0;
		gap: 10%;
	}
	
	
	ul li:first-child a {
		mask-image: url('data:image/svg+xml,<svg width="58" height="34" viewBox="0 0 58 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.6875 17L17.3281 0.359372L19.2031 2.23437L5.64688 15.7062L57.3125 15.7062L57.3125 18.2937L5.6375 18.2937L19.1562 31.8125L17.2812 33.6406L0.6875 17Z" fill="%23434342"/></svg>');
	}
	
	ul li:last-child a {
		mask-image: url('data:image/svg+xml,<svg width="58" height="34" viewBox="0 0 58 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M57.3125 17L40.6719 33.6406L38.7969 31.7656L52.3531 18.2938H0.6875V15.7063H52.3625L38.8438 2.1875L40.7188 0.359375L57.3125 17Z" fill="%23434342"/></svg>');
	}
	
	ul li a {
		display: block;
		width: 58px;
		height: 34px;
		cursor: pointer;
		color: var(--bs-secondary);
		background-color: var(--bs-secondary);
	}
	
	ul li a:hover {
		color: var(--bs-primary);
		background-color: var(--bs-primary);
	}

}




/*articlelists*/


.sdt-common-biolist {
	
	.kit-teaser-overview-item {
		display: flex;
		justify-content: center;
	}
	
	.teaser-media {
		max-width: 180px;
	}
	
	.teaser-media img {
		border-radius: 0 !important;
		transform: perspective(50rem) rotateY(30deg);
		transition: all .5s;
		opacity: .9;
	}

	.teaser-media:hover img {
		transform: perspective(50rem) rotateY(0deg);
		opacity: 1;
	}
	
	.text-center {
		text-align: left !important;
	}
	
	@media (min-width: 600px) {
	  .col-md-4 {
		width: 50%;
		display: flex;
		align-items: flex-end;
	  }
	}
	@media (min-width: 768px) {
	  .col-md-4 {
		width: 33.33333%;
	  }
	}
	@media (min-width: 992px) {
	  .col-md-4 {
		width: 25%;
	  }
	}
	@media (min-width: 1400px) {
	  .col-md-4 {
		width: 20%;
	  }
	}
	
}	



.sdt-linelist,
.sdt-biolist {
	
	.teaser_row > div .card-body {
		opacity: 0;
		top: 0;
		position: absolute;
		width: max-content;
		padding: 0 var(--padding-medium) 0 var(--padding-mini);
		transition: all 0.5s;
		z-index: 1;
	}
	
	.teaser_row > div:hover .card-body {
		opacity: 1;
		background: var(--bs-body-color);
	}
	
	.teaser_row .card-body a {
		text-decoration: none;
	}
	
	.teaser_row .card-text {
		display: none;
	}
	
	.teaser_row .card-title {
		padding: var(--padding-mini);
	}

}


.sdt-linelist {
	
	.container {
		margin: calc(var(--padding-big) * -1) 0 0 0;
		max-width: none;
		position: relative;
	}
	
	.row > * {
		padding: 0;
	}
	
	.teaser_row {
		display: flex;
		margin: 0;
		padding: 0;
		aspect-ratio: 1/1;
	}
	
	.teaser_row > div {
		width: auto;
		flex: 1 1 auto;
		height: 100%;
		position: relative;
	}
	
	.teaser_row > div > a {
		display: flex;
		justify-content: center;
		height: 100%;
		width: 100%;
		cursor: pointer;
	}	
	
	.teaser_row > div > a { 
		
		.teaser-card {
		height: 100%;
		width: 1.2rem;
		background-color: yellow;
		}
		
		.teaser-card.color1 {
		background-color: #9cb4b5;
		}
		.teaser-card.color2 {
		background-color: #b7bca4;
		}
		.teaser-card.color3 {
		background-color: #bac4d2;
		}
		.teaser-card.color4 {
		background-color: #9da7af;
		}
	}	
	
	.teaser_row > div .card-body {
		position: sticky;
		display: none;
		opacity: 0;
		transition: all 0s;
	}
	
	.teaser_row > div a {
		text-decoration: none;
	}
	
	.teaser_row > div:hover > a > .teaser-card { 
		background-color: #fff;
	}

	.teaser_row > div:hover .card-body {
		top: calc(var(--padding-medium));
		margin-top: calc(var(--padding-medium));
		background: #000;
		display: block;
		z-index: 20;
		opacity: 1;
	}
	
	.teaser_row > div:nth-child(3n+1) .card-body.hover  {
		margin-top: calc(var(--padding-medium) * 1.5);
		top: calc(var(--padding-medium) * 1.5);
	}
	
	.teaser_row > div:nth-child(2n+2) .card-body.hover  {
		margin-top: calc(var(--padding-medium) * 2);
		top: calc(var(--padding-medium) * 2);
	}
	
	.teaser_row > div:nth-child(3n+3) .card-body.hover  {
		margin-top: calc(var(--padding-medium) * 2.5);
		top: calc(var(--padding-medium) * 2.5);
	}
	
	.teaser_row > div:nth-child(4n+4) .card-body.hover  {
		margin-top: calc(var(--padding-medium) * 3);
		top: calc(var(--padding-medium) * 3);
	}
	
	.teaser_row .top-title.meta { display: none; }
	
	
	.teaser_row > div:nth-child(n+16) .card-body {
		float: right;
	}
	
	
}

	
.sdt-biolist {
	
	.container {
		padding: var(--padding-big) 0 calc(var(--padding-big) * 2) 0;
		max-width: none;
	}
	
	.row > * {
		
		padding: 0;
		
	}
	
	.teaser_row {
		display: flex;
		margin: 0;
		padding: 0;
	}
	
	.teaser_row > div {
		width: 5%;
		margin-bottom: calc(-1.5rem - 2px);
		position: relative;
		border: 2px solid white;
		border-right: none;
		padding: 0 !important;
	}

	
	.teaser_row > div:hover {
		z-index: 1;
	}
	
	.teaser_row > div:nth-child(even) {
		transform: skewY(30deg);
	}
	
	.teaser_row > div:nth-child(odd) {
		transform: skewY(-30deg);
	}
	
	.teaser_row > div .rounded-circle {
		border-radius: 0 !important;
	}
	
	.teaser_row > div .avatar.avatar-ex-large {
		width: 100%;
		height: auto;
  		aspect-ratio: 1/1.5;
		opacity: 1;
		transition: all 0.5s;
	}
	
	.teaser_row > div:hover .avatar.avatar-ex-large {
		opacity: .2;
	}
	
	.teaser_row > div:hover .card-body {
		transition: all 0.5s;
		display: none;
	}
					
	
	.teaser_row > div:nth-child(even) .card-body {
		transform: skewY(-30deg);
	}
	
	.teaser_row > div:nth-child(odd) .card-body {
		transform: skewY(30deg);
		bottom: 40px;
		top: auto;
	}	
	
	.teaser_row > div:nth-child(even) .card-body.hover {
		top: -40px;
		z-index: 20;
		display: block;
	}
	
	.teaser_row > div:nth-child(odd) .card-body.hover {
		bottom: -40px;
		z-index: 20;
		display: block;
	}
	
}

	
@media (min-width: 991px) { 
	.sdt-biolist {		
		.teaser_row > div:nth-child(20n + 18) .card-body.hover,
		.teaser_row > div:nth-child(20n + 20) .card-body.hover {
			right: 0;
			top: 60px;
		}
		
		.teaser_row > div:nth-child(20n + 19) .card-body.hover {
			right: 0;
			bottom: 60px;
		}
	}
}
	

@media  (max-width: 991px)  { 
	.sdt-biolist {
		.teaser_row > div {
			width: 10%;
		}
		
		.teaser_row > div:nth-child(10n + 8) .card-body.hover,
		.teaser_row > div:nth-child(10n + 10) .card-body.hover {
			right: 0;
			top: 60px;
		}
		
		.teaser_row > div:nth-child(10n + 9) .card-body.hover {
			right: 0;
			bottom: 60px;
		}
		
		
	}
}

@media (max-width: 768px) {
	.sdt-biolist {
		.teaser_row > div {
			width: 16.66%;
		}
		
		.teaser_row > div:nth-child(6n + 6) .card-body.hover {
			right: 0;
			top: 60px;
		}
		
		.teaser_row > div:nth-child(6n + 5) .card-body.hover {
			right: 0;
			bottom: 60px;
		}
	}
}





/*inpagenavi*/

.kittableofcontents.inline {}

.kittableofcontents.inline ul {
	display: flex;
	flex-wrap: wrap;
}

.kittableofcontents li {
	list-style: none;
}

.kittableofcontents li a {
	background-color: var(--bs-primary);
	text-decoration: none;
	margin-right: 10px;
	padding: var(--padding-small) var(--padding-medium);
	font-family: var( --sans-font );
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.67rem;
	color: var(--bs-body-color);
}

/*image*/


figure.kitimageelement small span {
	background: none;
	padding-inline: 0;
	white-space: nowrap;
}
	
	
figure.kitimageelement small {
	width: fit-content;			
}	

figure.kitimageelement.std-skewimage.left small.kitimageelement-image-copyright,
figure.kitimageelement small.kitimageelement-image-copyright {
  position: absolute;
  left: -5px;
  top: 0;
  transform: rotate(90deg);
  transform-origin: top left;
  font-size: .8rem !important;
}
	
figure.kitimageelement.std-skewimage.right small.kitimageelement-image-copyright {
  right: -45px;
  transform-origin: top right;
  left: unset;
  top: unset;
}

figure.kitimageelement.noinfo small.kitimageelement-image-copyright,
figure.kitimageelement.noinfo figcaption .kitimageelement-image-title {
	display: none;
}

.teaser_image img {
	position: relative;
	top: -1000px;
	right: -3000px;
	transition: all .5s;
}

.in-viewport .teaser_image img {
	right: 0;
	top: 0;
}


/*buttons*/


.linkbutton a {
	text-transform: uppercase;
}

.linkbutton a,
a[class*="load-more-teasers"],
.btn-lg {
	border-radius: 0;
	font-family: var(--sans-font);
	font-size: .72rem !important;
	font-weight: 600;
	padding: .8rem 1.6rem !important;
}

.btn-primary,
.btn-outline-primary {
	
}

a[class*="load-more-teasers"] {
	border: 1px solid var(--bs-primary);
	color: var(--bs-primary);
	background-color: var(--bs-body-color);
}

a[class*="load-more-teasers"]:hover {
	border: 1px solid var(--bs-primary);
	color: var(--bs-body-color);
	background-color: var(--bs-primary);
}




/*nav*/

#topnav .navigation-menu ul {
	display: flex;
}

#topnav .navigation-menu ul>li>a,
#topnav.burger .navigation-menu ul>li>a {
	color: var(--bs-primary) !important;
}

#topnav .navigation-menu ul>li>a {
	padding-top: var(--padding-mini);
	background-size: 30px auto !important;
	min-width: 30px;
	margin-top: 3px;
	font-family: var( --sans-font);
}

#topnav .navigation-menu ul>li.active>a {
	font-weight: 600;
}


#topnav.mobile-desktop-burger .mobile-desktop-navigation .navigation-menu ul>li>a {
	background: none;
	text-decoration: underline;
}

#topnav.mobile-desktop-burger .mobile-desktop-navigation .navigation-menu ul>li>a:hover {
	background: none;
	text-decoration: none;
}

#topnav.mobile-desktop-burger .mobile-desktop-navigation .navigation-menu ul li {
	padding-block: var(--padding-medium);
}

/*
#topnav.mobile-desktop-burger .mobile-desktop-navigation .navigation-menu ul li:nth-child(2) a {
	font-family: var( --serif-font);
	font-weight: 400;
	text-transform: none !important;
} */

/*burger*/

#topnav .navbar-toggle:hover span {
	opacity: .5;
}

#topnav .navbar-toggle .lines {
	width: 30px;
	height: 22px;
}

#topnav .navbar-toggle span {
	height: 5px;
	margin-bottom: 10px;
}

#topnav .navbar-toggle span:nth-child(2) {
	display: none;
}

#topnav .navbar-toggle.open .lines span {
	background-color: var(--bs-primary);
}


/*mobile-nav*/


#topnav.mobile-desktop-burger .mobile-desktop-navigation ul {
	margin-top: var(--padding-big);
	display: block;
}

#topnav.mobile-desktop-burger .mobile-desktop-navigation .navigation-menu ul hr {
	display: none;
}


#topnav.mobile-desktop-burger .mobile-desktop-navigation {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}


#topnav.mobile-desktop-burger .mobile-desktop-navigation {
	border: none;
	background-color: var(--bs-body-color);
	padding-top: var(--padding-big);
	padding-bottom: var(--padding-big);
	overflow: scroll;
}

#mobile-navigation .navigation-menu ul>li>a {
	font-size: var(--gtx-h2-font-size) !important;
	text-align: center;
	text-transform: uppercase !important;
	transition: all .2s;
	font-weight: 600;
}

#mobile-navigation .navigation-menu ul>li>a:hover {
	/*font-size: var(--gtx-h1-font-size) !important;
	font-weight: 800;*/
}


/*footer*/
	
footer {
	font-size: 1.6rem;
}

.footer li {
	list-style: none;
}

footer.bg-dark a {
	color: var(--bs-primary);
}
