/*--------------------------------------------------------------------
	KebbelVilla
	Author: {ths} Thomas Schostok Design
	Version: 1.0
---------------------------------------------------------------------*/

/*--------------------------------------------------------------------
	XS
---------------------------------------------------------------------*/
@font-face {
font-family: 'KebbelLogo';
src: url('../fonts/KebbelLogo-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'CAKebbel';
src: url('../fonts/CAKebbel-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}

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

@font-face {
font-family: 'CAKebbel';
src: url('../fonts/CAKebbel-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@view-transition {
	navigation: auto;
  }
/* Swatch Variables */
:root {
	--CDcolor: rgba(241,207,35,1);	 /* f1cf23 */
	--bs-accordion-border-color: #000000!important;
	--bs-accordion-border-width: 1px!important;
}

.text-gelb {
	color: var(--CDcolor);
	opacity: 1!important;
}
html {
		scroll-padding-top: 220px;
}
body, code {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: 17px/26px "CAKebbel"; /* XS */
	color: #000000;
	letter-spacing: 0.51px;
	letter-spacing: 0.51px;
}
body, .page-container{
   min-height:100vh;
}
b, strong {
	font-weight: 500!important;
}
h1, h2, h3, h4, h5, h6, .datum,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight:normal;
}

h1, h2, .datum,
.h1, .h2{
	font-size: 24px;
	line-height: 31px;
	letter-spacing: 0.36px;
}
@media (max-width: 401px) { /* bis 401px */
	h1, h2, .datum, h1, .h2 {
		font-size: 22px; line-height: 1.6;
	}
}
@media (max-width: 372px) { /* bis 401px */
	h1, h2, .datum, h1, .h2 {
		font-size: 17px; line-height: 1.6;
	}
}


h1, .datum, .h1 {
	margin-bottom: .8em;
}
h3,h4,h5,h6,
.h3,.h4,.h5,.h6 {
	text-transform: uppercase;
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 0.51px;
}
h2, h3, .h2,.h3 {
	border-bottom: 1px solid black;
	margin-bottom: 15px;
	padding-bottom: 8px;
}
/* navigation */
  /* SAFARI FIX Add focus styling back in browsers that do support :focus-visible */
  a:focus-visible {
	outline: none;
  }
.nav-link {
	color: #000000;
	opacity: 1;
	font: 28px/28px CAKebbel !important;
	font-weight: normal!important;
	letter-spacing: .36px;
	padding-top: 17px;
	padding-bottom: 11px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;

}

.Nactive {
	opacity: 1;
	color: white!important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
}

.linie {
	border-bottom: 1px solid #000000;
	height: 2px;
}

.underlinie {
	border-bottom: 1px solid #000000;
}

.outlineboxH {
	border: 1px solid #000000;
	height: 8px;
}
.nav-item_underline {
	border-bottom: 1px solid #000000;
}
/* hover images with flexbox */
  .overlay-btn {
    display:none;
  }
.thelogo {
	/*flex-basis: 300px;*/
	flex-grow: 0;
	flex-shrink: 0;
	padding-top: 0px;
	padding-bottom: 0;
	align-items: stretch;
	transition: all 0.4s ease;
}

.thelogoword {
/*	width: 100%px;*/
	font-size: 30px;
	line-height: 0.9em;
	font-family: "KebbelLogo";
	margin-top: 6px;
}
.divider {
	border-top: 1px solid #000000;
}
.thedivider {
	display: none;
	flex-basis: 8px;
	flex-grow: 0;
	flex-shrink: 0;
	align-items: stretch;
	padding-top: 10px;
	padding-bottom: 10px;
}

.thedivider_inner {
	border: 1px solid #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 8px;
}

.dropdown-menu {
	border-radius: 0;
	border: 1px none #000000;
	padding-top: 1px;
	padding-bottom: 0px;
	border-top-style: none;
	margin-top: -3px!important;
}

.dropdown-item {
	padding: 10px 0 10px 20px;
	margin-bottom: 2px;
	margin-top: 5px;
	white-space: normal;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: black;
	background-color: transparent;
}
.dropdown-item:nth-child(1) {
	margin-top: 0px;
	padding-top: 0px;
}
.navbar-nav .dropdown-menu {
	min-width: 320px;
}

.sprachumschalter {
	font: 17px/20px CAKebbel;
	letter-spacing: .84px;
	font-weight: 400!important;
	margin-top: 4px;
}

.sprachumschalter a {
	text-decoration: none;
	color: black;
}

.sprachumschalter a:hover {
	text-decoration: none;
	color: var(--CDcolor);
}

.activeClassSub {
	opacity: 1;
	color: white!important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
}

.burger {
	height: 24px;
}

.navbar-toggler {
	margin-top: 5px;
}

.navbar-toggler:focus {
	outline: none!important;
	box-shadow: none;
}

.btn-dropdown:focus, dropdown:focus {
outline: none!important;
	box-shadow: none;
}

.burger img {
	height: 100%;
	width: auto;
}
/* lupe suche */

.hover_lupe {
	position: relative;
	display: inline-block;
	margin-left: 12px;
}

.hover_lupe img {
	width: 25px;
	height: 25px;
}

.hover_lupe .hover_lupe_top {
	opacity: 0;
	  /*  display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	-webkit-transition: opacity 150ms;
	-moz-transition: opacity 150ms;
	-o-transition: opacity 150ms;
	transition: opacity 150ms;
}

@media (max-width:767px) {
	/* NUR XS */
	
	.sprachlupe {
		margin-top: 18px;
		font-size: 17px!important;
	}
}

.offcanvas-backdrop {
	background-color: #ffffff;
}

.top-search-form {
	pointer-events: auto;
}

.top-search-form input {
	background-color: #ffffff !important;
	padding: 26px;
	text-transform: initial!important;
	font-size: 32px;
	box-shadow: none !important;
	border-radius: 0;
	border: 0;
	outline: 0 !important;
	color: black;
}

.top-search-form input::placeholder {
	color: black;
	opacity: 1;
}

.offcanvas.offcanvas-top {
	border-bottom-style: none;
	height:126px;
}

.navbar {
	padding: 15px 10px;
}

nav.navbar.fixed-top {
	/* fix fuer scrollbare mobilnavi */
	max-height: 100%;
	overflow-y: auto;
}

.thelogo a {
	transition: all 0.4s ease;
	color: black;
	text-decoration: none;
}

.thelogo a:hover {
	color: white!important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	text-stroke-width: 1px;
	text-stroke-color: black;
}

.dropdown-toggle::after {
	margin-left: 0;
	vertical-align: 0;
	border: none;
}
.wrapper {
	padding-top: 35px;
	padding-right: 3px;
	margin-left: 0;
	padding-left: 32px;
}

.box {
	width: 8px;
	min-width: 8px;
	border: 1px solid black;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-right: 1rem;
}

.newsletter {
    line-height:20px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid black;
	padding: 3px 1px;
	width: 22px;
	transition: all 0.4s ease;
}

.newsletter:hover {
	background-color: black;
}

.newsletter_area a:hover {
	color: white;
}

.newsletter_area a{
	color: black;
	text-decoration: none;
}
.minheight {
min-height:60vh;	
}
/* text styles */
.text hr {
	border-top: 1px solid black;
	opacity: 1;
}
u {
text-decoration: none;
border-bottom: 1px solid black;
padding-bottom: 1px;
}
.wordwrap {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.absatz p {
	margin-bottom: 0;
}
.text {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 0.51px;
}
.text p, .kvbutton {
	margin-bottom: 1.4em;
}

.text p:last-child {
	margin-bottom: 0;
}

.text a {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
	padding-bottom: 1px;
}

.text a:hover {
	color: var(--CDcolor);
	border-bottom: 1px solid var(--CDcolor);
}
.text ins {
	text-decoration: none;
	border-bottom: 1px dashed black;
	padding-bottom: 2px;
}
.text ul {
	padding-left: 20px;
}
.text ul li{
	list-style-type: "—";
	padding-inline-start: 1ch;
}
.BU {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.52px;
	font-weight:500;
}
.kachel_t1, .kachel_t2, .kachel_home_t1, .kachel_home_t2 {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.52px;
	font-weight:500;
}
.kachel_t2 p, .kachel_home_t2 p{
	margin:0;
}

.kachel_uebersicht {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.52px;
	font-weight:500;
}
.datum_programm {
	letter-spacing: 0.36px;	
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
}
.oklogo{	
	height:50px;
}
.oklogo img{	
	width:auto;
	height:100%;
}
.logomaxsize {
	max-height: 50px!important; /* bildhöhe begrenzen */
	max-width: 100%!important;
	width: auto!important;
	margin-right: auto!important; /* center img */
	margin-left: auto!important; /* center img */
	display: block!important; /* center img */
}
.imgpublikation {
	max-height: 250px!important; /* bildhöhe begrenzen */
	max-width: 100%!important;
	width: auto!important;
	margin-right: auto!important; /* center img */
	margin-left: auto!important; /* center img */
	display: block!important; /* center img */
}
/* accordian styles overwrite */
.accordion {
	--bs-accordion-border-color: black;
    --bs-accordion-border-width: 1px!important;
	--bs-accordion-active-bg: #ffffff;
	--bs-accordion-active-color: black;
	--bs-accordion-btn-focus-border-color:  black;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 1px  black;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2' viewBox='0 0 125 125'%3E%3Cpath d='M24.574 20.824 62.048 58.25l37.328-37.417L122 43.436 62.048 103.62 1.944 43.436l22.63-22.612Zm-.004 6.556L8.496 43.436l53.552 53.703 53.405-53.703L99.38 27.37 62.048 64.773 24.574 27.37l-.004.01Z'/%3E%3C/svg%3E");
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2' viewBox='0 0 125 125'%3E%3Cpath d='M24.574 20.824 62.048 58.25l37.328-37.417L122 43.436 62.048 103.62 1.944 43.436l22.63-22.612Zm-.004 6.556L8.496 43.436l53.552 53.703 53.405-53.703L99.38 27.37 62.048 64.773 24.574 27.37l-.004.01Z'/%3E%3C/svg%3E");
	}

.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button.collapsed  {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button  {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
.accordion-button {
	font-size: 17px!important;
	padding-left: 7px!important;
	padding-right: 7px!important;
	padding-top: 6px!important;
	padding-bottom: 2px!important;
}
.accordion-button::after {
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.inverter {
	background-color: white;	
	transition: all 0.4s ease;
}
.inverter a{
	color:black;
	text-decoration: none;
}

/* footer */
@media (max-width:767px) {
	/* NUR XS */
	.overline {
		border-top: 1px solid black;
		padding-top: 13px;
	}
}
footer { 
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.52px;
	font-weight:500;
}
footer a {
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.52px;
	color: black;
	text-decoration: none;
	font-weight:500;
	padding-bottom: 2px;
}

footer a:hover {
	color: black;
	border-bottom: 1px solid black;
}
footer ul li {
  list-style-type: none;
  padding: 0; 
  margin: 0 20px 10px 0; 
}
.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	/* bottom:133px;*/ 
	bottom:20px;
	left:20px;
	opacity:0;
	z-index:9999;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroller_bildtausch img:last-child {
display: none;
}
.scroller:hover .scroller_bildtausch img:last-child {
display: block;
}
.scroller:hover .scroller_bildtausch img:first-child {
display: none;
}

.kvbutton {
	border-bottom-width: 1px;
	border: 1px solid black;
	padding: 8px 12px 6px;
	display: inline-block;
}
.kvbutton a{
	text-decoration: none;
	color: black;
}
.kvbutton:hover {
	background-color: black;
}
.kvbutton:hover a {
	color: white;
}

.ratio-3x2 {
	--bs-aspect-ratio: 66.67%;
}
.imghovercontainer .btn {
display: none;
  }

.imgsizeonly {
	max-height: 360px!important; /* bildhöhe begrenzen */
	width: auto!important;
}
.maxheight520 {
	max-height: 600px!important; /* bildhöhe begrenzen */
	width: auto!important;
}

/* hover images with flexbox */
.hovercontainerRE {
	max-height: 360px;
}
.hovercontainer_home {
	border-bottom: 1px solid #000000!important;
}
.hovercontainer, .hovercontainer_prg {
    display: flex;
    justify-content: center;  
    position: relative;
}
  .overlay-btn {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: none;
  }
  .hovercontainer:hover .overlay-btn, .hovercontainer_prg:hover .overlay-btn  {
    opacity: 1;
	display:block;
  }
  .hovercontainer:hover .hoverimg, .hovercontainer_prg:hover .hoverimg  {
	transition: filter 0.3s ease;
    filter: brightness(0.3) grayscale(100%) ;
  }
  .maxw270 {
	max-width: 270px;
  }
  .pfeil_img_h {
	opacity: 1;
	width:26px; height:41px;
  }
	.projekt_thumb {
	height: 320px;
	overflow: hidden;
	}
	.projekt_thumb_img {
	width: auto;
	max-height:320px;
	height:100%;

	}
	.grayfilter{
		/*filter: grayscale(100%);*/
	}

/*	THS bootstrap 5 carousel addon
	center img, maxheight img, caption below */
	.THScarousel5 {
		max-height: 360px!important; /* bildhöhe begrenzen */
		max-width: 100%!important;
		width: auto!important;
		margin-right: auto!important; /* center img */
		margin-left: auto!important; /* center img */
		display: block!important; /* center img */
	}
	.carousel-caption-center {
		/* fix BU links unter dem Bild */
		transform: none;
	}

	/* ↓ --------- THS-B5-Carousel-Slider mit eigener BU - see jquery */
.THS_B5_SLIDER {
	/*  maximale breite insgesamt? dann hier: 
	width:300px; */
 }
 .THS_B5_SLIDER_CAPTION{
 }
 .carousel-caption {  /* stdn captions ausschalten */
	 display: none !important;
 }
	.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' version='1.1' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(-1 0 0 1 27.301 0)'%3E%3Cpath id='arrow' d='M5.431 41.747L22.331 24.847L22.356 24.872L25.891 21.336L25.867 21.312L25.891 21.288L22.356 17.752L22.331 17.777L5.965 1.414L2.43 4.95L18.794 21.314L1.9 38.212L5.435 41.747M5.435 43.161L0.482 38.212L17.382 21.312L1.016 4.95L5.965 0L22.329 16.364L22.354 16.339L27.3 21.29L27.276 21.314L27.3 21.338L22.351 26.288L22.326 26.263L5.435 43.161Z' style='fill-rule:nonzero%3B'/%3E%3C/g%3E%3C/svg%3E")
	}
	.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -0.481 0)'%3E%3Cpath id='arrow' d='M5.431 41.747L22.331 24.847L22.356 24.872L25.891 21.336L25.867 21.312L25.891 21.288L22.356 17.752L22.331 17.777L5.965 1.414L2.43 4.95L18.794 21.314L1.9 38.212L5.435 41.747M5.435 43.161L0.482 38.212L17.382 21.312L1.016 4.95L5.965 0L22.329 16.364L22.354 16.339L27.3 21.29L27.276 21.314L27.3 21.338L22.351 26.288L22.326 26.263L5.435 43.161Z' style='fill-rule:nonzero%3B'/%3E%3C/g%3E%3C/svg%3E")
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
		width: 27px; height: 44px; transition: all 0.4s ease;
	}
	.carousel-control-next, .carousel-control-prev  {
		opacity: 0.5;
	}
	.carousel-control-next:hover, .carousel-control-prev:hover  {
		opacity: 1;
	}
	/*	end THS bootstrap 5 carousel addon -------------------- */
	.prgjahreSB {padding-left: 18px;}
	.hovercontainer {
		border-bottom: none;
	}
	.sprachlupe {
		min-width: 77px;
	}		
	.nolinks a, .nolinks p a, .nolinksblack a, .nolinksblack p a{
		text-decoration: none!important;
		color: black!important;
		border: 0!important;
	}
	.nolinks a:hover {
		text-decoration: none!important;
		color: var(--CDcolor)!important;
		border: 0!important;
	}
	.nolinksblack a:hover {
		text-decoration: none!important;
		color: black!important;
		border: 0!important;
	}
.text-gray {
	color:rgb(165, 165, 165)!important;
}
.text-gray a{
	color:rgb(165, 165, 165)!important;
}
h1 a {
color: black;
text-decoration: none;
}h1 a:hover {
text-decoration: none;
color: white!important;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}

#thecontent {
	width:50% /* fix xs */
}
	/* ths styles */
.editme {
	z-index:10000;
	color: #ff86d1;
	background-color: rgba(246, 253, 53, 0.71);
	position: fixed;
	top: 0;
	left: 0;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 18px;
}

.editme:hover {
	background-color: rgba(53, 254, 249, 0.91);
	
}

.editme a {
	text-decoration: none;
	font-weight: bold;
}

/*--------------------------------------------------------------------
	MD
---------------------------------------------------------------------*/

@media (min-width:768px) {  /* MD */
	#thecontent {
		width:100% /* fix xs */
	}
	body {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.56px;
	}
	.inhalt {
		max-width:850px;
	}
	.homewidth{
	max-width: 1600px;
	}
	.border-md-0 {
		border-bottom: none;
	}
	.sprachumschalter {
		font: 14px/20px CAKebbel;
		letter-spacing: .84px;
		font-weight: 400!important;
		margin-top: 4px;
	}
	
	.activeClassSub {
	-webkit-text-stroke-width: 0px;
	background-color: black;
	}
	.nav-link {
		padding-top: 8px!important;
		padding-bottom: 8px!important;
	}
	.nav-link:hover, a.nav-link.dropdown-toggle.show {
	color: white!important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	}
	
	nav.navbar.fixed-top {
		/* fix fuer scrollbare mobilnavi */
		max-height: auto;
		overflow-y: visible;
	}
	
	.nav-item_underline {
		border: none;
	}
	
	.dropdown-menu {
		border-radius: 0;
		border: 1px solid #000000;
		padding-top: 0!important;
		padding-bottom: 0!important;
		border-top-style: none;
		left: 7px!important;
	}
	
	.navbar {
		padding: 15px 10px;
		border-bottom: 1px solid black;
	}
	
	.hover_lupe {
		position: relative;
		display: inline-block;
		margin-left: 16px;
		width: 18px;
		height: 18px;
		padding-top: 4px;
	}
	
	.hover_lupe img {
		width: 100%!important;
		height: auto!important;
	}
	
	.hover_lupe .hover_lupe_top, .hover_lupe .hover_lupe_bottom {
		position: absolute;
		top: 7px;
		left: 0;
	}
	
	.hover_lupe .hover_lupe_top {
		opacity: 0;
	}
	
	.hover_lupe:hover .hover_lupe_top {
		opacity: 1;
	}
	
	.nav-link {
		font: 23px/26px CAKebbel!important;
		letter-spacing: .23px;
	}
		
	.thelogo {
		flex-basis: 156px;
		/*padding-top: 10px;*/
	}
	
	.thelogoword {
		/*width: 145px;*/
		font-size: 38px;
		line-height: 0.9em;
		margin-top: 6px;
	}
	.burger {
		height: 27px;
	}
	
	.thedivider {
		padding-top: 9px;
		padding-bottom: 14px;
		margin-right: 10px;
		display: flex;
	}
	
	.max-menu-width {
		max-width: 448px;
	}
	.sprachumschalter {
		font: 10px/14px CAKebbel!important;
		letter-spacing: .8px;
		font-weight: 500!important;
		margin-top: 6px;
	}
	.dropdown-item {
		letter-spacing: .7px;
		font-size: 16px!important;
		line-height: 19px!important;
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		padding-top: 10px!important;
		padding-bottom: 8px!important;
		margin-bottom: 5px;
		margin-top: 5px;
		font-weight: 500!important;
	}
	.dropdown-item:hover {
		color: #ffffff;
		-webkit-text-stroke-width: 0;
	}	
	.dropdown-item:focus, .dropdown-item:hover {
		color: #ffffff;
		background-color: #000000;
	}
	.offcanvas.offcanvas-top {
		height:106px;
	}
	.wrapper {
		padding-top: 37px;
		padding-right: 34px;
		margin-left: 32px;
		padding-left: 0px;
	}
	/* text styles */
	.text {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.56px;
	}
	h1, h2, .datum,
	.h1, .h2 {
		font-size: 23px;
		line-height: 30px;
		margin-bottom :1.2em;
	}
	h2, h3,.h2,.h3  {
		margin-bottom: 15px;
		padding-bottom: 6px;
	}
	.imgsize {
	max-height: 360px!important; /* bildhöhe begrenzen */
	max-width: 100%!important;
	width: auto!important;
	margin-right: auto!important; /* center img */
	margin-left: auto!important; /* center img */
	display: block!important; /* center img */
}
	.BU {
		font-size: 12px;
		line-height: 19px;
		letter-spacing: 0.78px;
	}
	.kachel_t1, .kachel_home_t1 {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.56px;
		font-weight:400;
	}
	.kachel_t2, .kachel_home_t2 {
		font-size: 12px;
		line-height: 19px;
		letter-spacing: 0.78px;	
	}
	.kachel_uebersicht {
		letter-spacing: 0.32px;	
		font-size: 23px;
		line-height: 30px;
		font-weight: 400;
	}
	.datum_programm {
		letter-spacing: 0.32px;	
		font-size: 23px;
		line-height: 26px;
		font-weight: 400;
	}

.accordion-button {
		font-size: 19px!important;
}	
.scrollToTop{
		/* bottom:296px;*/ 
		bottom:20px;
}	
.imgsize {
	max-height: 360px!important; /* bildhöhe begrenzen */
	max-width: 100%!important;
	width: auto!important;
	margin-right: auto!important; /* center img */
	margin-left: auto!important; /* center img */
	display: block!important; /* center img */
}

.projekt_thumb {
	height:auto;
	max-height: 320px;
	overflow: hidden;
	}
	.projekt_thumb_img {
	height: auto!important;
	width:100%;
	max-height: 320px;
	}
/* hover images with flexbox */
.hovercontainer {
	border-bottom: 1px solid #000000!important;
}
.inverter:hover {
	background-color: black;
	color: white!important;
}
.inverter:hover a{
	color: white!important;
}
.inverter:hover .divider{
	border-top: 1px solid white;
}
.inverter a:hover {
	color: white!important;
}
/* sidebar navigation */
.sidebar a {
	color: black;
	text-decoration: none;
	padding-bottom: 1px;
}
.sidebar a:hover, .sidebaractive {
	border-bottom: 1px solid black;
}
.sidebar div {
	line-height: 24px;
}
.sidebar > div:not(:last-child) {
	margin-bottom: 8px;
}

.site-navigation {
/*	max-width: 1120px;*/
	max-width: 994px;
}

/* footer */

footer {
	border-top: 1px solid black;
	padding-top:10px;
}


.newsletterbutton {
		width:25px;
		height:211px;
		position:fixed;
		right:19px;
		top: calc(50% - 105px);
		background-color: rgb(255, 255, 255);
		z-index: 999;
		font-size: 40px;
}

} /* end md */
/*--------------------------------------------------------------------
	LG
---------------------------------------------------------------------*/

@media (min-width:992px) {  /* LG */

	body {
		font-size: 19px;
		line-height: 28px;
		letter-spacing: 0.47px;
	}
	.scrollToTop{
		bottom:200px;
}		
	.nav-link {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	.dropdown-menu {
		border-radius: 0;
		border: 1px solid #000000;
		padding-top: 0!important;
		padding-bottom: 0!important;
		border-top-style: none;
	}
	
	.hover_lupe .hover_lupe_top, .hover_lupe .hover_lupe_bottom {
		position: absolute;
		top: 9px;
		left: 0;
	}
	
	.hover_lupe {
		position: relative;
		display: inline-block;
		padding-top: 14px;
		margin-left: 12px;
		width: 25px;
		height: 25px;
	}
	
	.hover_lupe img {
		width: 100%!important;
		height: auto!important;
	}
	
	.nav-link {
		font: 32px/37px CAKebbel!important;
		letter-spacing: 0px;
		padding-right: 14px!important;
	}
	
	.dropdown-item {
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		padding: 0;
		margin-bottom: 5px;
		margin-top: 5px;
		letter-spacing: .47px;
		font-size: 19px!important;
		line-height: 20px!important;
	}
	.sprachlupe {
		min-width: 112px;
	}
	.sprachumschalter {
		margin-top: 7px;
	}	
	.thelogo {
		flex-basis: 203px;
		/*padding-top: 8px;*/
	}
	
	.thelogoword {
		/*width: 220px;*/
		font-size: 50px;
		line-height: 46px; 
		margin-top: 4px;
	}
	
	.thedivider {
		padding-top: 9px;
		padding-bottom: 16px;
		margin-right: 20px;
		display: flex;
	}
	
	.navbar {
		padding: 15px 10px;
		border-bottom: 1px solid black;
	}
	
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1.5rem;
	}
	
	.max-menu-width {
		max-width: 596px;
	}
	
	.sprachumschalter {
		font: 17px/26px CAKebbel!important;
		letter-spacing: .51px;
		font-weight: 400!important;
	}
	.offcanvas.offcanvas-top {
		height:132px;
	}
	.wrapper {
		padding-top: 50px;
		margin-left: 102px;
	}
	.oklogo{	
		height:70px;
	}
/* text styles */
h1, h2, .datum,
.h1,.h2 {
		font-size: 32px;
		line-height: 40px;
		
}
h3,h4,h5,h6,
.h3,.h4,.h5,.h6 {
	font-size: 19px;
	line-height: 28px;
	letter-spacing: 0.85px;
}
.text {
	font-size: 19px;
	line-height: 28px;
	letter-spacing: 0.47px;
}
.BU {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.84px;
}
.kachel_t1 {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0.36px;
	font-weight:400;
}
.kachel_t2, .kachel_home_t1, .kachel_home_t2 {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.84px;	
	font-weight: 500;
}
.kachel_uebersicht  {
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0.32px;	
	font-weight: 400;
}
.datum_programm {
	letter-spacing: 0.32px;	
	font-size: 32px;
	line-height: 38px;
	font-weight: 400;
}
/* padding bild baukasten rechts */
.imgpe {
	padding-right: 4em;
}

/* footer */

footer ul li {
  margin: 0 26px 0 0; 
}	
	
/* end lg */	
}