@font-face {
font-family:"adobe-handwriting-ernie";
src:url("../Fonts/AdobeHandwritingErnie/adobehandwritingernie.woff2") format("woff2"),
	url("../Fonts/AdobeHandwritingErnie/adobehandwritingernie.woff") format("woff"),
	url("../Fonts/AdobeHandwritingErnie/adobehandwritingernie.eot") format("opentype");
	font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
  font-family:"palomino-sans-one";
  src:url("../Fonts/PalominoSansOne/palomino-sans-one.woff2") format("woff2"),
      url("../Fonts/PalominoSansOne/palomino-sans-one.woff") format("woff"),
	  url("../Fonts/PalominoSansOne/palomino-sans-one.eot") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url('../Fonts/AvenirNext/AvenirNext-Regular.eot') format('eot'),
	   url('../Fonts/AvenirNext/AvenirNext-Regular.svg') format('svg'),
	   url('../Fonts/AvenirNext/AvenirNext-Regular.ttf') format('ttf'),
       url('../Fonts/AvenirNext/AvenirNext-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'Didot';
    src: url('../Fonts/Didot/Didot-Bold.woff2') format('woff2'),
        url('../Fonts/Didot/Didot-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Didot';
    src: url('../Fonts/Didot/Didot-Italic.woff2') format('woff2'),
        url('../Fonts/Didot/Didot-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Didot Title';
    src: url('../Fonts/Didot/DidotTitle.woff2') format('woff2'),
        url('../Fonts/Didot/DidotTitle.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Didot';
    src: url('../Fonts/Didot/Didot.woff2') format('woff2'),
        url('../Fonts/Didot/Didot.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
}

body {
	font-family: 'Avenir Next', Arial, sans-serif;
	background-color: #e8e8e0;
}


.grid-container {
  max-width: 120rem;
}

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

.text-justify {
  text-align: justify;
  text-align-last: center;
}

h1 {
  font-family: 'Didot', Arial, sans-serif;	
  font-size: 3.4rem;
}
h2 {
  font-family: 'Didot', Arial, sans-serif;
  font-size: 4.0rem;
  text-transform: uppercase;
  color: #bb4720;
  margin: 8rem 0 2rem 0;
}
h3 {
  font-family: 'Didot', Arial, sans-serif;
  font-size: 3.0rem;
  font-style: Italic;
  margin: 2rem 0;
}

.headline {
  display: flex;
  flex-direction: column;
  margin: 7rem 0 5rem 0;
}

.line1 {
  align-self: flex-start; /* links */
}

.line2 {
  align-self: flex-end;   /* rechts */
}

.orange {
	color: #bb4720
}



.section-navi-container {
	opacity: 0;
	z-index: 20;
	position: fixed;
	top: 20%;
	right: 0;
	background-color: #bb4720;
	padding: 2rem 1rem 1rem 1rem;
	transition: opacity 1.0s ease;
}

.section-navi-container.visible {
  opacity: 1;
}

.section-navi-container.hidden {
  opacity: 0;
}



.section-navi-container hr {
	margin: 1rem 25%;
}
.section-navi-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.section-navi-container ul li {
	padding: 1rem;
	text-align: center;
}
.section-navi-container ul li a {
	color: #fff;
	font-family: 'Didot', Arial, sans-serif;
	font-size: 1.4rem;
}



.konvekta_imageoverlaytext {
	position: relative;
}
.konvekta_imageoverlaytext .overlay {
	padding: 1rem 0;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;	
	background-color: rgba(232,232,224,.8);
}
.konvekta_imageoverlaytext .overlay p {
	font-family: "palomino-sans-one",sans-serif;
	color: #bb4720;
	font-size: 3.0rem;
	line-height: 1.2;
	margin: 0 -20%;
}

.konvekta_vorstand {}
.konvekta_vorstand .name {
	font-family: "adobe-handwriting-ernie",sans-serif;
	font-size: 2.0rem;
	margin: 1.6rem 0 .8rem 0;
}
.konvekta_vorstand a {
	color: #0a0a0a;
} 


.orbit {
	margin: 4rem 0;
}

.orbit-bullets {
	margin-top: -50px;
}


.orbit-bullets button,
.orbit-bullets button.is-active {
  background-color: #bb4720;
  width: 1.0rem;
  height: 1.0rem;
  margin: .5rem;
  
}
.orbit-bullets button.is-active {
  width: 1.2rem;
  height: 1.2rem;
}

.orbit-next, .orbit-previous {
  width: 70px;
  height: 70px;
  line-height: 1; /* oder line-height: 60px; */
  display: flex;
  justify-content: center;
  align-items: center; 
  border-radius: 50%;
  background-color: rgba(187,71,32,.1);
  font-size: 2.5rem;
  color: rgba(187,71,32,1);
}
.orbit-next:hover, .orbit-previous:hover {
  border-radius: 50%;
  background-color: rgba(187,71,32,.5);
  color: rgba(255,255,255,.8);
}
.orbit-next {
  right: 2rem;
}

.orbit-previous {
  left: 2rem;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.section-navi-container {display: none;}
	
	h1.headline {
		font-size: 3.0rem;
		height: 100vh; /* 100% der Höhe des Viewports */
		display: flex; /* Flexbox für Zentrierung */
		justify-content: center; /* horizontal zentrieren */
		align-items: center;     /* vertikal zentrieren */
		text-align: center;      /* Text zentrieren */
		margin: 0;               /* Standard-Margin entfernen */		
	}
	
	h2 {
		font-size: 2.6rem;
	}
	h3 {
		font-size: 2.0rem;
	}
	.konvekta_imageoverlaytext .overlay p {
	  font-size: 1.6rem;
	  line-height: 1.2;
	  margin: 0;
	}

	.konvekta_textimage p.text-end,
	.konvekta_textimage p,	
	.konvekta_imagetext p.text-end,
	.konvekta_imagetext p {
		text-align: center;
	}
	.konvekta_textimage img,	
	.konvekta_imagetext img {
		margin-bottom: 1rem;
	}
	
	.orbit {
		margin: 2rem 0;
	}
	

	.konvekta_vorstand .cell.medium-auto {
		padding-bottom: 1rem;
	}
	.konvekta_vorstand .name {
		margin: 1.0rem 0 0 0
	}
	

	.orbit-next, .orbit-previous {
	  width: 40px;
	  height: 40px;
	  font-size: 1.4rem;
	}

	.orbit-next {
	  right: .5rem;
	}

	.orbit-previous {
	  left: .5rem;
	}	
	
}