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


:root {
	--bs-body-color: #000000;	
}

/*
12px = 0.6rem
13px = 0.65rem
14px = 0.7rem
15px = 0.75rem
16px = 0.8rem
17px = 0.85rem
18px = 0.9rem
19px = 0.95rem
20px = 1rem (base)
22px = 1.1rem
24px = 1.2rem
26px = 1.3rem
28px = 1.4rem
30px = 1.5rem
32px = 1.6rem
34px = 1.7rem
36px = 1.8rem
38px = 1.9rem
40px = 2rem
50px = 2.5rem
60px = 3rem
70px = 3.5rem
80px = 4rem
90px = 4.5rem
100px = 5rem

*/

/*fix for all*/

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

@media (max-width: 768px) {

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

/*koerner*/


.hidden {
	display: none;
}


/*koerner*/

html {
	font-size: 20px;
}

body {
	font-family: 'Futura', sans-serif;
	background-color: #fff;
}


#topnav .logo img {
    height: auto;
	width: 250px;
}

.logo {
	position: relative;
	z-index: 1005;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	letter-spacing: .05rem;
}

h3, .h4, .h5, .h6, h3, h4, h5, h6 {
	font-weight: 500;
}

h1 {
	font-weight: 300 !important;
	font-size: 2.75rem;
}

.fw-bold,
b, strong {
	font-weight: 500 !important;
}

#topnav.bg-dark a:hover, #topnav2nd.bg-dark a:hover, .text-light, .text-light a {
	color: var(--bs-light);
}

a:hover,
.btn, .btn:hover {
	color: var(--bs-primary);
}

.btn.btn-primary:focus {
	background: inherit;
}

a, a:hover {
	text-decoration: none;
}

/*width arrow-icon*/
.text-light.text a,
.card-text a {
	padding-left: 30px;
}

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

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

.uppercase {
	text-transform: uppercase;
}


.round_button .kittextelement-body a:hover {
	color: var(--gtx-color-1);
}

.image-round img.img-fluid {
	border-radius: 50%;
}

/*buttons*/

.btn-group-lg > .btn, .btn-lg {
	border-radius: 0;
	text-transform: none;
	letter-spacing: .05rem;
}


/*header*/

#topnav.nav-sticky {
	background: rgb(255,255,255,0);
	transition: all .5s;
}

#topnav.nav-sticky.fixed_header {
	background: rgb(255,255,255,.7);
}



/*nav*/

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

#topnav .navigation-menu ul>li>a {
	padding-top: 4px;
	background-size: 30px auto !important;
	min-width: 30px;
	margin-top: 3px;
	font-family: 'Futura', sans-serif;
}

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


/*burger*/

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

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


#topnav .navbar-toggle span {
	height: 3px;
	border-radius: 2px;
	margin-bottom: 7px;
}

.menu-item {
	z-index: 2000;
	position: relative;
}

/*background desktop fullscreen navi*/
#topnav.mobile-desktop-burger .mobile-desktop-navigation {
	background: white;
}

/*mobile-nav*/


#topnav.mobile-desktop-burger .mobile-desktop-navigation ul {
	margin-top: 80px;
}

#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;
}


#mobile-navigation {
	border: none;
	background-color: var(--bs-light);
	padding-top: 80px;
	padding-bottom: 80px;
	overflow: scroll;
	width: 100%;
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
}

#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;
}

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




/*slider*/

#cover h1 {
	font-size: 2.75rem;
}


#cover .mask {
	/*background: linear-gradient(to bottom, rgba(0,0,0,0) 51%,rgba(0,0,0,0.20) 65%,rgba(0,0,0,0.40) 100%);*/
}

#cover .copyright {
	position: absolute;
    transform: rotate(90deg);
    top: 200px;
    right: -28vh;
    bottom: auto;
    width: 64vh;
}

@media (min-width: 990px) {	
	
	.detailslider #cover,
	.homeslider #cover {
		min-height: 675px;
	}

}


.homeslider {
	margin-top: -78px;
}

.detailslider .h-100,
.homeslider .h-100 {
	display: flex;
	flex-direction: column;
  	justify-content: flex-end;
}

.detailslider .swiper-slide,
.homeslider .swiper-slide {
	font-size: 1rem;
}




/*jump*/

.kittableofcontents a {
	color: var(--bs-secondary); /*gruen*/
	font-size: .85rem;
}

.kittableofcontents li {
	list-style: none;
	padding: 0 0 10px 0;
	line-height: 1rem;
}

.kittableofcontents ul {
	padding: 0 0 30px 0;
}


/*overview-box*/


.overview-box {
	border: none;
	padding: 20px;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

.overview-box ul {
	padding: 10px 0 0 0;
}

.overview-box ul li {
	font-size: .85rem;
	line-height: 1rem;
	padding: 0 0 10px 0;
}


/*checklist*/ 

li.checklistelement {
	padding: 3px 0 15px 0;
}

li.checklistelement svg {
	margin-left: -40px;
	margin-right: 15px;
}


/*imagelement*/


.kitimageelement-image-copyright {
	text-indent: -1000000px;
}

.showcopyright .kitimageelement-image-copyright  {
	text-indent: inherit;
	margin: -30px 0 30px;
}


figure.kitimageelement figcaption .kitimageelement-image-title {
	font-weight: normal;
	font-size: small;
	margin-bottom: 30px;
}



/*lines*/

.kit-grid-section.columns4-layout .kit-grid-container,
.kit-grid-section.columns4-layout .kit-grid-section > .kit-grid-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
}

.bg-white .bg-light {
	background-color: transparent !important;
}

@media (min-width: 991px) {
	
	section.slim > .container  {
		max-width: 1080px;
		padding: 0 5%;
	}
	
	
	.lg-padding-right {
		padding-right: 3%;
	}
	
	.lg-padding-left {
		padding-left: 3%;
	}

	
}

.teaserline.supershort > .container > .row > div,
.supershort,
.supershort .container,
.short .container {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0 !important;
}

.supershort .container .card .card-body {
	padding-top: 0px;
	padding-bottom: 0px;
}

.padding {
	padding-top: 40px;
	padding-bottom: 40px;
}

.paddingtop {
	padding-top: 40px;
}

.paddingbottom {
	padding-bottom: 40px;
}

.superpadding {
	padding-top: 80px;
	padding-bottom: 80px;
}


/*gallery*/


.gallery .swiper-slide .gallery-poster {
	background-color: transparent;
}

.col-md-9.swiper-slide{
	max-width: 400px;
	box-shadow: none;
}

.transparent {
	background-color: transparent !important;
}


.gallery + .swiper-pagination {
	bottom: -60px;
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 10px 17px 10px;
	position: relative;
}

.swiper-pagination-bullet-active {
	background: var(--bs-dark);
}

.swiper-pagination-bullet-active:after{
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	top: -7px;
	left: -7px;
	border: 1px solid var(--bs-dark);
	width: 22px;
	height: 22px;
}


/*cards*/

.card {
	background: none;
}


.slim .card {
	max-width: 1000px;
	margin: 0 auto;
}



/*text*/

section.kittextelement:last-of-type {
	padding-bottom: 40px !important;
}



/*teaser-card*/

@media (min-width: 768px) {
	
	.textalign-right .card-title,
	.textalign-right .readmore,
	.textalign-right .card-text {
		text-align: right;
	}
	
}

.textalign-center .card-title,
.textalign-center .readmore,
.textalign-center .card-text {
	text-align: center;
}

.pq_pager .btn-lg {
	font-size: .7rem !important;
}






@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}


.round_button .kittextelement-body {
	background: black;
	border-radius: 50%;
	text-align: center;
	margin: 40px auto;
	height: 250px;
	width: 250px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.round_button .kittextelement-body h2 {
	text-transform: uppercase;
}


/*card*/


.card .card-body {
	padding: 0 4rem 0 0;
}


.card .flex-lg-row-reverse .card-body {
	padding: 0 0 0 4rem;
}


/*teaser and taseroverview*/

.kit-teaser-overview-container {
	padding-bottom: 80px;
}

.teaser-card .card-body > a,
.teaser-card .card-body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}




/*all*/

.teaser-card {
	padding: 0 15px;
}

.teaser-card .readmore a {
	font-size: .85rem !important;
	line-height: var(--bs-body-line-height);
	padding: 0 0 0 30px !important;
	text-align: left;
	font-weight: 500;
}

.teaser-card h3 {
	padding: 5px 0 0;
	font-weight: 500 !important;
}

.teaser-card .card-text {
	margin-top: 0;
}

.teaser-card .meta {
	letter-spacing: .05rem;
	font-size: .6rem;
}


.years .headline-wrapper h2 {
	text-align: center !important;
	font-weight: 300 !important;
	font-size: 2.75rem;
}

.years .teaser-card {
	padding-bottom: 40px;
}


.years .teaser-card .card-body {
	align-items: center;
}


/* overview columns with image above */

.kit-teaser-overview-item > .teaser-card:not(.row) {
	display: flex;
	flex-direction: column;
}

.kit-teaser-overview-item > .teaser-card:not(.row) .card-title {
	margin-left: 0;
	margin-right: 0;
	font-size: 1.65rem;
	line-height: 2.1rem;
}

.kit-teaser-overview-item > .teaser-card:not(.row) .teaser-media {
	flex: 1 1;
	position: relative;
	padding-top: 100% !important;
	overflow: hidden;
}

.kit-teaser-overview-item > .teaser-card:not(.row) .card-body {
	padding-top: 1rem;
	padding-left: 0;
}

/* teaser for peoplelist */


.people > .container > .row > div {
	margin-top: 0 !important;
}

.people .teaser-card .meta {
	display: none;
}

.people .rounded-circle.shadow {
	box-shadow: none !important;
	border: 17px solid #000 !important;
}

.people .image_right .teaser-card.row {
	flex-direction: row-reverse;
}

.people .teaser-media {
	width: 220px;
	flex: none;
}

.people .teaser-card .card-body {
	align-self: center;
	padding: 0;
}

.people .teaser-card .card-title {
	font-weight: 500;
	padding: 0;
	margin: 0;
	text-align: left;
}

.people .teaser-card.row .card-text {
	padding: 0;
	margin: 0;
	text-align: left;
}

.people .image_right .teaser-card.row .card-title,
.people .image_right .teaser-card.row .card-text {
	text-align: right;
	align-self: flex-end;
}


/*detail*/

.row #cover.hero_detail {
	padding-left: 0 !important;
}

#cover.hero_detail h1 {
	color: white !important;
	text-transform: none;
	margin-bottom: -8px !important;
}

.hero_detail .container > .h-100 > .h-100 {
	display: flex;
	align-items: flex-end;
}


#cover .container {
	overflow: hidden !important;
	padding-bottom: 3rem;
}


#cover .container .pb-5 {
	padding-bottom: 0 !important;
}


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



@media (max-width: 991px) {

}


.article-metas {
	padding-left: 55px;
}

.kitarticlepageinfos, .article-share  {
	font-size: .65rem;
	font-weight: 600;
}


.article-share button.btn-lg {
	font-size: .65rem !important;
	letter-spacing: .05rem;
	margin-top: 10px;
	border-radius: 20px;
}



@media (max-width: 768px) {	
	.titlepart h3 {
		padding-top: 0;
	}
	
	.article-metas {
		display: grid;
		grid-template-columns: 50% 50%;
		padding-left: calc(var(--bs-gutter-x)*.5);
	}
	
	.article-share {
		grid-column: 2;
    	grid-row: 1 / 3;
		text-align: right;
	}
	
}


.kittextelement-body a {
	padding-left: 30px;
	cursor: pointer;
}

.kittextelement-body a:hover {
	text-decoration: underline;
}


/*teaser in detail*/


.teaserline.slim.supershort .card-text {
	font-size: 1rem;
}

.teaserline.slim.supershort .card-title {
	font-size: 1.65rem;
	line-height: 2.1rem;
}


.teaserline.slim.supershort .card-text {
	font-size: 1rem;
}

.teaserline.slim.supershort:not(.image_right) .teaser-card.row > a {
	flex: .7 1;
}



/*quote*/

.kitquoteelement cite {
	font-size: 1.65rem;
	line-height: 2.1rem;
	font-weight: 500;
}

.kitquoteelement.container {
	padding: 2rem;
}

.kitquoteelement cite b {
	font-weight: 500;
}

.kitquoteelement hr {
	display: none;
}

@media (min-width: 767px) {

	.kitquoteelement.overlap {
		margin-left: -20%;
		position: relative;
	}
	
}


/*footer*/


footer {
	background-color: #D3E8E6;
}


.supporter_logos img,
footer .footer_logos img {
	max-height: 80px;
	max-width: 80%;
}

.supporter_logos {
	padding-bottom: 40px;
}

footer .footer_logo {
	padding-bottom: 80px;
}

footer .kittextelement-body a {
	padding: 0;
	background: none;
}


/*icons*/


/*arrow*/
.card-text a,
.kittextelement-body a {
background: url('data:image/svg+xml;utf8,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path id="Pfad_7453" data-name="Pfad 7453" d="M33.91,18.59l-9-9a1.94,1.94,0,0,0-2.74,2.74L27.84,18H7.42a1.95,1.95,0,0,0,0,3.89H27.84l-5.65,5.66a1.94,1.94,0,1,0,2.7,2.79l0,0,9-9a1.93,1.93,0,0,0,0-2.74Z"/></svg>') left top no-repeat;
background-size: 25px auto;
}

.teaser-card .readmore a,
.text-light.text a:hover:not(.btn),
div[class*="primary"].kittextelement-body  a,
.card-text a:hover,
.kittextelement-body a:hover {
background: url('data:image/svg+xml;utf8,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path id="Pfad_7453" fill="%23c62d29" data-name="Pfad 7453" d="M33.91,18.59l-9-9a1.94,1.94,0,0,0-2.74,2.74L27.84,18H7.42a1.95,1.95,0,0,0,0,3.89H27.84l-5.65,5.66a1.94,1.94,0,1,0,2.7,2.79l0,0,9-9a1.93,1.93,0,0,0,0-2.74Z"/></svg>') left top no-repeat;
background-size: 25px auto;
}
/*arrow white*/
.text-light.text a:not(.btn),
.round_button .kittextelement-body a {
background: url('data:image/svg+xml;utf8,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path id="Pfad_7453" fill="white" data-name="Pfad 7453" d="M33.91,18.59l-9-9a1.94,1.94,0,0,0-2.74,2.74L27.84,18H7.42a1.95,1.95,0,0,0,0,3.89H27.84l-5.65,5.66a1.94,1.94,0,1,0,2.7,2.79l0,0,9-9a1.93,1.93,0,0,0,0-2.74Z"/></svg>') left top no-repeat;
background-size: 25px auto;
}

/*flag*/


.flag,
.years .headline-wrapper h2:before {
content: '';
display: inline-block;
height: 40px;
width: 40px;
background: url('data:image/svg+xml;utf8,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path class="cls-1" fill="%23c62d29" d="M467.43,79.38c-6.74,0-127,5-257.32,53.92S70,190.32,70,190.32s-7.82,4.23-11.73,11.41c-9.14,16.74-26.42,66.89-27.38,71.68-1.05,5.23-2.51,10.89,1,10.89a8.61,8.61,0,0,0,3.57-1.11s180.52-88,357.14-99.72l52.13-2.93s7.82-.32,14.66-21.18c4.82-14.68,16.29-42.36,17.93-52.14s6.52-21.17,4.88-24.43c-1-2-3.88-3.41-14.77-3.41"/><path class="cls-1" fill="%23c62d29" d="M449.51,221.44c-6.74,0-16.53.53-30.85,1.77-37.47,3.27-96.13,3.27-226.47,52.14s-140.12,57-140.12,57-7.82,4.23-11.73,11.4c-9.13,16.74-26.41,66.9-27.37,71.69-1,5.24-2.51,10.89,1,10.89a8.44,8.44,0,0,0,3.56-1.12s180.52-88,357.14-99.7l52.14-2.94s7.82-.33,14.66-21.18c4.82-14.68,16.3-42.36,17.93-52.13s6.51-21.19,4.88-24.45c-1-2-3.88-3.4-14.77-3.4"/></svg>') left top no-repeat;
background-size: 40px auto;
vertical-align: 8px;
margin-right: 4px;
}







/*/////////
respond */

@media (min-width: 1200px) {
  
	
	#topnav .navigation-menu.nav-right {
		padding-top: 24px;
	}
	
	#mobile-navigation .navigation-menu {
		padding-top: 80px;
	}

}

@media (max-width: 991px) {
	
	html {
		font-size: 16px;
	}
	
	#topnav .logo img {
    	width: 120px;
	}
	
	body section:last-of-type {
		padding-bottom: 80px !important;
	}
	
	body section.supershort:last-of-type {
		padding-bottom: 0 !important;
	}
	
}

@media (max-width: 777px) {
	

}

@media (max-width: 768px) {

	.container, .container-md, .container-sm {
		max-width: 98%;
	}

	

	.kittableofcontents li {
		text-align: center;
	}
	
	
}

@media (max-width: 460px) {
	
	.kit-teaser-overview-item > .teaser-card:not(.row) .card-body {
    	width: 80%;
    	margin: 0 auto;
	}
	
	.kit-teaser-overview-item > .teaser-card:not(.row) .teaser-media {
		padding-top: 60% !important;
    	width: 80%;
    	margin: 0 auto;
		flex: none;
	}
}