/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../Fonts/lato/S6u_w4BMUTPHjxsI9w2_FQft1dw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../Fonts/lato/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../Fonts/lato/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../Fonts/lato/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../Fonts/lato/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../Fonts/lato/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../Fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../Fonts/lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  -webkit-hyphens: auto;
  hyphens: auto;
  font-family: 'Lato', sans-serif;
  font-size: 17px;
}
body h1, body h2 {
  hyphens: manual;
}

hr {
  border-top: 2px solid #d6d3cb;
}

/*
 *	Kopf-Navigation
 */

div.container.garbage {
  position:absolute;
  top:0;
  left:50%;
  transform: translate(-50%,0); 
  height: 140px;
  background-clip: content-box;
  background-color: #fff;
}

#garbage {
    right: 0;
	position: absolute;
	top: 0;
}

#facebook, #instagram, #twitter, #youtube {
	fill: #808080;
	height: 64px;
	width: auto;
}

#youtube {
    display: none;
}

a.navbar-brand {
	position: absolute;
	top: 0;
}
.container a.navbar-brand > img {
	margin-right: 0;
}
.navbar-light .navbar-toggler {
	border-color: transparent;
    padding: 0.25rem;
}

.navbar-light button[aria-expanded='true'] #linatoggler path:first-of-type {
  	-webkit-transform: matrix(0.707107, 0.707107, -0.707107, 0.707107, 9.12122, -0.778133);
  	transform: matrix(0.707107, 0.707107, -0.707107, 0.707107, 9.12122, -0.778133);
}
.navbar-light button[aria-expanded='true'] #linatoggler path:first-of-type + path {
	-webkit-transform: matrix(0.01, 0, 0, 0.01, 14.85, 14.85);  	
  	transform: matrix(0.01, 0, 0, 0.01, 14.85, 14.85);
}
.navbar-light button[aria-expanded='true'] #linatoggler path:last-of-type {
  	-webkit-transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, -12.092, 9.56493);
  	transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, -12.092, 9.56493);
}
.navbar-light button #linatoggler path {
 	-webkit-transition: -webkit-transform 0.4s;
    transition: all 0.4s;
}
.navbar-toggler-icon:not(:empty) {
	background: initial;
}

#main-navbar {
	padding-top: 150px;
//	background-color: rgb(214, 211, 203) !important;
	border-bottom: 6px solid rgb(214, 211, 203);
}
.navbar-expand-lg .navbar-collapse {
	background: #fff;
}

#tx-indexedsearch-searchbox-sword {
	border-radius: calc(0.75em + 0.25rem + 1px);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAABWUlEQVR4AWLQALBXl1BWAGEYQHGnn5W8vSAJlwYdd6/oXekV7WUjGnH3tBl3d5cP97V5vLjnT2N3fKbKUQ2kB+wBDTDPbte8cccpjer+CzTFRfkjXmrWp0LQYu9FfHDOToc8FRE79K8ANMV78dE2td9zBlrqoYhNxaABLoqPFv1ZQYPb4qPRpeA8Edv+rWKSiD2l4G7xQW17lRwVrw0vA6+K8+1Xsl7EyDLwtdjVAThLxLQy8K442AG4UsT4MvCkeGpgu2CriLoysFHEkna4ei9FW+ku13kpHmr4i+tvn4jF5TelWcRtk/4Y3TfujP7lYB87RMRR6820SquXImKbqZU8Dv1s9lH+irO2iWip7D0cbY/XP7E2i/U3VbpLtptpmFGmG/vroGgREc1V+wKs/XuU5WA5WfpJWdP1xAv/NE0iHqstBzse5WOfZk7VerlaarC3HEYNHDUQADul1PUSZakaAAAAAElFTkSuQmCC);
  	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

@media (min-width:769px) {
	#main-navbar {
		margin-top: -120px;
	}
	.fixed-top {
		position: sticky;
		top: -140px;
	}
	.jumbotron {
		padding-top: 0;
	}
}
@media (max-width: 755px) {
  #main-navbar {
	padding-top: 120px;
  }
  .navbar-toggler {
	margin-bottom: 10px;
  }
  div.container.garbage {
	height: 0;
  }
  #garbage {
	top: 108px;
  }
}

@media (max-width: 575px) {
  #page-wrapper{
    padding-top: 30px
  }
}

@media (max-width: 979px) {
	div.container.garbage {
		height: 200px;
        max-height: 100%;
	}
 	.navbar-toggler {
		z-index: 3;
	}
}

@media (min-width: 980px) {
  #garbage {
	padding-right: 18px;
  }
  a.navbar-brand {
    margin-left: 13px;
  }
}

.jumbotron {
	padding-bottom: 0 !important;
	min-height: 78px;
}

.breadcrumb {
    margin-bottom: 0;
}
.breadcrumb-nav .container {
	background: #fff;
	background-clip: content-box;
}

main {
	background: #fff;
	padding: 1em;
  	min-height: 50em;
}

#page-1 main {
	background-color: initial;
  	padding: 0;
}

.page-title {
	display: none;
}

/*	Markierung der Hits der Suche */
.tx-indexedsearch-redMarkup {
	color: #232321;
	background: #f1ca47;
}

/*
 *	Fuß
 */

footer#page-footer.bg-light {
  background-color: rgb(214,211,203) !important;
}
#page-footer a {
	color: inherit;
	text-decoration: underline dotted;
}
#page-footer a:hover {
	text-decoration: underline solid;
}

/*
 *	Träger-Icons
 */
footer .footer ul.abstract li.nav-item {
	padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
footer .footer .abstract .nav-link {
	padding: 0 0.5rem;
  	display: inline;
}

/* 
 * Printbutton
 */
div.print-button {
    margin: 1em 0;
}

.display-1 {font-size: 4rem;}
@media (max-width: var(--breakpoint-md)) {.display-1 {font-size: 3rem;}}
@media (max-width: var(--breakpoint-sm)) {.display-1 {font-size: 2rem;}}

/* Kacheln */
div.ritter {
    margin-right: -15px;
}
div.ritter > div.col-12 {
  padding-right: 0;
}
.ritter div.col-md-4 {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
/*	color: #fff; */
    float: left;
    flex: initial;
    max-width: initial;
}

.ritter div.col-md-4 > * {
	width: 33.333%;
	box-sizing: border-box;
	padding: 2em;
	background-color: #fff; /* rgb(214,211,203); */
	border-right: 1em solid transparent;
	border-bottom: 1em solid transparent;
	background-clip: padding-box;
}
.ritter.sand .col-md-4 > * {
	background-color: #ebebe1;
	background-clip: padding-box;
}
.ritter.lehm .col-md-4 > * {
	background-color: #d6d3cb;
	background-clip: padding-box;
}
@media (max-width: 979px) {
    .ritter div.col-md-4 > * {
		width: 50%;
    }
}
@media (max-width: 767px) {
    .ritter div.col-md-4 > * {
		width: 100%;
    }
}


.row.sand .col-md-3 {
	background-color: #ebebe1;
}
.row.lehm .col-md-3 {
	background-color: #d6d3cb;
}


/* SleighRide */
.SleighRide > div {
   background: #fff;
}
body .SleighRide > * {
   padding: 0;
}
.SleighRide .media-body {
   margin: 0 1em 0 1em;
}
.svg-inline--fa.fa-home.fa-w-18 {
   display: none;
}
.SleighRide {
   display: flex;
   flex-wrap: nowrap;
   overflow-x: auto;
   scroll-behavior: smooth;
   scroll-snap-type: x mandatory;
   -webkit-overflow-scrolling: touch; 
   -ms-overflow-style: -ms-autohiding-scrollbar;
   position: relative;
   --leap: 0;
}
.SleighRide {
   scrollbar-width: none;
}
.SleighRide::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}
.SleighRide::before {
  	content: "<";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    left: 0;
}
.SleighRide::after {
  	content: ">";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    right: 0;
}
.SleighRide.lmost::before, .SleighRide.rmost::after {
  	display: none;    
}
.SleighRide::before, .SleighRide::after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 400%;
    font-weight: bold;
    color: transparent;
    position: absolute;
    top: 50%;
    transform: translate(var(--leap),-50%);
    cursor: pointer;
    z-Index: 3;
}
.SleighRide > * {
    padding: 1em;
    border: 1px solid rgba(128,128,128,0.25);
    flex: 0 0 auto;
    width: calc(33.33% - 0.666em);
    margin: 0 1em 0 0;
    transition: all 0.3s;
    scroll-snap-align: start;
    box-shadow: inset 2px 2px 8px rgba(0,0,0,0), inset -2px -2px 8px rgba(0,0,0,0);
    overflow-x: hidden; /* cause .SleighRide has auto and hyphens:auto isn't safe in chrome */
}

@media(max-width:990px) {
  .SleighRide > * { width: calc(50% - 0.5em) };    
}
@media(max-width:500px) {
  .SleighRide > * { width: 100% }; 
}
.SleighRide figure.image, .SleighRide figure img {
  min-width: 100%;
}

.SleighRide > *:hover {
   box-shadow: inset 2px 2px 8px rgba(0,0,0,0.25), inset -2px -2px 8px rgba(0,0,0,0.25);
}
.SleighRide .media {
	display: initial;
}
.SleighRide .news a.more {
	position: absolute;
	top: -9999px;
}

/* News-Teaser */

.row .news li.media {
	display: block;
}
.row .news .more {
	margin-bottom: 3.25em;
    margin-left: 1em;
    margin-right: 1em;
	margin-top: 0.25em !important;
}
    
.row .news h3.card-title {
	font-size: 110%;
}
.row .news h3,
.row .news p {
    margin-left: 1em;
    margin-right: 1em;
}
  
.row .news {
	overflow: hidden;
}
.col-xl-3 .bg-light header {	/* News-Überschrift ist nicht innerhalb von .news */
    padding-top: 1em;
    margin-left: 1em;
}
.row .news img {
	display: block;
	transform: translate(-50%);
	margin-left: 50%;
}
.row .news figure {
	margin: 0;
	width: 100%;
}
.news img {
	margin-bottom: 2rem;
}
.news-single .footer {
	display: none;
}
.news-img-caption {
	font-size: 0.75rem;
	margin-top: -2rem;
	font-weight: 400;
}

/* Newsliste ohne 'pseudo-hr' hinter mehr-button */
.news li.media {
	border: 0 !important;
}

/* Jumbotron ohne Hintergrundbild aus page resources, wenn ungenutzt */
.jumbotron:empty {
	opacity: 0%;
}