html, body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
}
body main {
	flex: 1;
}

.breadcrumb {
	padding: 0px;
	background-color: transparent;
	margin-top: 10px;
}

body .listcontainer {margin-bottom: 30px;}

.objectimage {width: 300px; height: 300px; float: left;}
.objectimage img {height: 100%; width: 100%; object-fit: cover;}

/* SINGLE SEITE */
/* Die Schritgrösse wird erhöht */
.singletitle {font-size: 40px;}
/* Die Abschnitte Bild, Audio, Video werden auf die volle Breite gesetzt */
.singleimage img {width: 100%; height: auto; margin: 30px 0;}
.singleaudio audio {width: 100%; margin: 30px 0;}
.singlevideo video {width: 100%; height: auto; margin-bottom: 30px; /*box-shadow: 0px 0px 10px #d2d2d2;*/ box-shadow: 0px 0px 10px #000;}
.singlevideo video[poster] {object-fit: cover;}

/* das Breadcrumb verschönern */
.breadcrumb li.current {padding: 0 10px}

/* Ein unterer Abstand wird an dem Titel vergeben */
.singletitle h1 {margin-bottom: 30px;}

/* Auf der Homepage 30 Pixel Abstand oben und unten */
.begruessung {margin: 30px 0;}

/* Suchfeld verkleinert und Abstand gesetzt */
form{
	display: flex;
}
input {margin: 30px 30px 20px 0; width: 190px;}

/*.zur_uebersicht{
	margin: 40px 0;
}*/
.zur_uebersicht {
	margin-bottom: 25px;
}

/* Buttons */
.btn {
	padding: 0px;
}
.row a.more{
	position: relative;
	/*top: 35.5px; */
	/*left: 16px;*/
	padding: 10px;
	background-color: #e63735;
	color: white;
	border-radius: 0px;
	display: inline-block;
}
.row a:hover{
	text-decoration: none;
	background-color: #343a40;
	border-bottom: none;
}
.prev_next_buttons{
	display: flex;
	margin: 30px 0 40px 0;
}
.next{
	text-align: right;
}
.next, .prev{
	width: 50%;
}
.next a, .prev a, .zur_uebersicht a, .btn a, .tx-kesearch-pi1 span.resetbutt a, .tx-kesearch-pi1 span.submitbutt input, .zur_uebersicht a{
	padding: 10px;
	background-color: #e63735;
	color: white;
	border-radius: 0px;
}
.next a:hover, .prev a:hover, .zur_uebersicht a:hover, .btn a:hover, .tx-kesearch-pi1 span.resetbutt a:hover, .tx-kesearch-pi1 span.submitbutt input:hover, .zur_uebersicht a:hover{
	text-decoration: none;
	background-color: #343a40;
	border-bottom: none;
	color: white;
}

div.kesearchbox,
span.resetbutt,
span.submitbutt {
	float: left;
}
div.kesearchbox #ke_search_sword {
	position: static;
}
.tx-kesearch-pi1 span.resetbutt .resetButton,
.tx-kesearch-pi1 span.submitbutt input {
	height: 40px;
	padding: 8px 10px;
}
.tx-kesearch-pi1 span.resetbutt .resetButton {
	margin-left: 10px;
	max-width: none;
}

.listcontainer h2 {
	margin: 0;
}

body .categorycontainer {
	margin-top: 30px;
}

/* RESPONSIVE - Media Queries*/
@media (max-width: 992px) {
	.objectimage {
		width: 100%;
		height: 180px;
	}
}
@media (max-width: 768px) {

	/* Die Schriftgrösser der Webseite wird erhöht */
body {font-size: 20px; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; /*word-break: break-word;*/}

	html h1 {
		margin-bottom: 1.5rem;
	}

	/* Container Abstände verringern */
	/*.container {padding: 0;} */
	.col-md-12 {padding: 0;}
	/*body .container {padding: 0 20px 0 10px;}*/
	body .container {padding-left: 15px; padding-right: 15px;}
	body .container .row {margin-left: -15px; margin-right: -15px;}
	body .container .row > div, body .container .row > span {padding-left: 15px; padding-right: 15px;}
	body .container .row {display: flex; justify-content: center; flex-wrap: nowrap;}
	body .container .row > div, body .container .row > span {flex: 1; max-width: none; width: auto;}
	body .container .listcontainer .row .col-objecttitle {flex-basis: max-content;}

	/* Die Bildgrösse auf der Listenansicht wird definiert */
	.objectimage {/*width: 80px;*/ /*width: auto;*/ width: 100px; height: 100px; float: left;}
	.objectimage img {height: 100px; /*width: 100px;*/ width: 100%; max-width: 100px; object-fit: cover;}

	/* Spaltenabstand wird definiert/angepasst */
	/*body .listcontainer .row > div {padding: 0;}
	body .listcontainer .row div:nth-child(2) {padding: 0; text-align: center;}
	body .listcontainer .row div:nth-child(3) {padding: 0 30px 0 0;}*/

	/* Spalte mit dem Titel eine Breite von 90 Pixel vergeben */
	.objecttitle {/*width: 90px;*/ width: auto;}

	/* Die Schriftgrösse vom Button "Mehr" auf der letzten Spalte wird erhöht */
	body .container .row div:last-child a {font-size: 20px;}
	/*body .listcontainer .row div:last-child a {float: right; width: 100%;}*/
	body .listcontainer .row .col-objectbutton:last-child a {float: right;}

	.listcontainer .row{
		/*display: flex;
		align-items: center;
		justify-content: center;*/
		/*padding: 10px 0;*/
		padding: 10px 0 30px;
		border-bottom: 1px solid #d2d2d2;
	}
	.listcontainer .row > div:first-child {
		padding-right: 0;
	}
	.listcontainer .row > div:last-child {
		padding-left: 0;
	}

	div.kesearchbox {
		float: none;
	}
	div.kesearchbox #ke_search_sword {
		width: 100%;
	}
	.kesearch_searchbox {
		width: 100%;
	}
	.tx-kesearch-pi1 span.resetbutt .resetButton {
		margin-top: 20px;
		margin-left: 0px;
	}
	.tx-kesearch-pi1 span.resetbutt {
		width: 50%;
	}
	.tx-kesearch-pi1 span.submitbutt {
		width: 50%;
		margin-top: 20px;
	}
	.tx-kesearch-pi1 span.submitbutt input {
		min-width: auto;
		max-width: none;
		width: 100%;
	}
	.tx-kesearch-pi1 span.resetbutt .resetButton, .tx-kesearch-pi1 span.submitbutt input {
		height: 45px;
		overflow: hidden;
	}



	.row .col:last-child{
		padding: 0;
	}
	.row .col:first-child{
		flex-grow: 0.6;
	}
	.row .col:nth-child(2){
		flex-grow: 0.8;
	}


  /*Tabellen innerhalb der einzelnen Objekte:*/
  .container .row .frame table{
    width: auto !important;
  }

  .container .row .frame .contenttable td{
    height: 47px !important;
    width: 200px !important;
  }
}