@charset "UTF-8";
@import url("css/style.css");
@import url("span.css");

@media all {

	.col-1 {width: 8.33% !important}
	.col-2 {width: 16.66% !important}
	.col-3 {width: 25% !important}
	.col-4 {width: 33.33% !important}
	.col-5 {width: 41.66% !important}
	.col-6 {width: 50% !important}
	.col-7 {width: 58.33% !important}
	.col-8 {width: 66.66% !important}
	.col-9 {width: 75% !important}
	.col-10 {width: 83.33% !important}
	.col-11 {width: 91.66% !important}
	.col-12 {width: 100% !important}

	[class*="col-"] {
		float: left;
	}

	/* Logo Positionierung */
	#logo {
		margin-top: 0;
	}

	/* Darstellung: Nützliche Links */
	#quicklinks-details {
		white-space: nowrap;
		margin-bottom: 20px;
	}

	#quicklinks-details li {
		margin-left: 10px;
	}

	#quicklinks-details {
		white-space: nowrap;
		margin-bottom: 20px;
	}

	#quicklinks-details li {
		margin-left: 10px;
	}

	/*Block Dateianhänge*/
	.file:before {
		content: "\f15b";
	}

	.dateianhaenge h3 {
		padding: 0 10px 0 10px;
	}

	.dateianhaenge .row {
		margin-left: 10px;
		margin-bottom: 10px !important;
	}

	.box {
		margin-bottom: 20px !important;
	}

	.dateianhaenge .row a:hover {
		color: #888 !important
	}

	.titlebar {
		width: inherit;
		background-color: #303030;
		margin-bottom: 15px;
	}

	.titlebar h3 {
		height: 37px;
		color: white;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 14px;
		padding: 10px 20px 2px 20px;
		line-height: 28px !important;
	}

	.dateianhaenge .documents {
		display: flex;
		justify-content: space-between;
	}

	.dateianhaenge .documents .content-container {
		display: flex;
		align-items: center;
	}

	.dateianhaenge .documents .content-container>div:nth-child(2) {
		display: flex;
		margin-left: 15px;
	}

	.dateianhaenge .documents>div:nth-child(2) {
		display:flex;
		align-items: center;
		float:right;
	}

	/* Visualisierung korrigieren */
	.content-container {
		clear: both;
		word-break: break-word;
	}

	/* Abstand der Blöcke untereinander */
	.content-container .column,
	.content-container .columns {
		margin-bottom: 18px;
	}

	#navigation li.current {
		border: none;
	}

	/* Tabellen mit voller Breite */
	.columns table, .column table {
		width: 100%;
	}

	/* kein border */
	.four.columns .no-border {
		padding: 0;
		border: 0;
	}

	/* Seitentyp: Suche */
	form[name="suche"] {
		float: right;
	}

	form[name="suche"] .search {
		float: left;
		margin-right: 20px;
	}

	form[name="suche"] input[type="submit"] {
		float: left;
	}

	/* Verschachtelte Auflistungen */
	.tree ul, .tree ol {
		padding-left: 18px;
	}

	/* Video Elemente */
	video {
		width: 100%;
		background-color: #000000;
	}

	/* Alert Boxes */
	.notification.error strong {
		color: #DE5959;
	}

	.notification.success strong {
		color: #5F9025;
	}

	.notification.warning strong {
		color: #8F872E;
	}

	.notification.notice strong {
		color: #5091B2;
	}

	.notification {
		padding: 14px 0 14px 0;
	}

	/* Breadcrumb */
	#page-title h2 {
		padding-bottom: 18px;
	}

	.notification p {
		padding-left: 14px;
	}

	.breadcrumb {
		line-height: 15px;
		font-size: 13px;
		width: calc(100% - 34px);
		float: left;
	}

	.functions {
		line-height: 15px;
		font-size: 13px;
		width: 34px;
		float: right;
	}

	/* Layout Blöcke */
	.content-container[data-layout=left_sidebar] .four.columns,
	.content-container[data-layout=right_sidebar] .four.columns {
		width: calc(25% - 20px);
	}

	.content-container[data-layout=left_sidebar] .twelve.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns {
		width: calc(75% - 20px);
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .sixteen.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns .sixteen.columns {
		width: calc(100% - 20px);
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .eight.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns .eight.columns {
		width: calc(50% - 20px);
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .one-third.column,
	.content-container[data-layout=right_sidebar] .twelve.columns .one-third.column {
		width: calc(33% - 20px);
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .four.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns .four.columns {
		width: calc(25% - 20px);
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .twelve.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns .twelve.columns {
		width: calc(75% - 20px);
	}

	/* Layout Blöcke */
	.content-container .four.columns {
		width: calc(25% - 20px);
	}

	.content-container .twelve.columns {
		width: calc(75% - 20px);
	}

	.content-container .twelve.columns .sixteen.columns {
		width: calc(100% - 20px);
	}

	.content-container .twelve.columns .eight.columns {
		width: calc(50% - 20px);
	}

	.content-container .twelve.columns .one-third.column {
		width: calc(33% - 20px);
	}

	.content-container .twelve.columns .four.columns {
		width: calc(25% - 20px);
	}

	.content-container .twelve.columns .twelve.columns {
		width: calc(75% - 20px);
	}

	.content-container .columns .columns {
		margin-left: 0;
	}

	/* Rahmen der Bilder */
	.content-container img {
		padding: 4px;
		border: 1px solid #ddd;
		max-width: calc(100% - 8px);
	}

	/* Kontaktbereich im Footer */
	ul.f_contact {
		margin-top: 5px;
	}

	ul.f_contact li {
		margin-bottom: 5px;
	}

	ul.f_contact li a::before {
		margin-right: 8px;
		width: 16px;
		display: block;
		float: left;
		text-align: center;
	}

	/* Formular Elemente */
	form label {
		position: relative;
	}
	form label:not([for^="ci_"]) > span {
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 8px;
		color: inherit !important;
	}
	form label[for^="ci_"] > span {
		color: inherit !important;
	}
	form label[for^="ci_"] > span p {
		display: inline-block;
		margin: 0;
	}
	form legend {
		display: inline-block;
	}
	form legend span {
		color: #ea1c1c;
	}
	form select {
		padding: 10px 11px;
	}
	form textarea {
		resize: none;
	}
	form input[type="checkbox"],
	form input[type="radio"] {
		width: auto;
		margin: 0 20px;
	}
	form input[type="range"],
	form input[type="file"] {
		display: block;
	}
	form input[type="range"] + output {
		display: inline-block;
		width: 42px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		background-color: #f2f2f2;
		position: absolute;
		top: 18px;
		left: 270px;
	}

	/* Buttons */
	.button, input[type=button] {
		width: auto !important;
	}

	/* Filters */
	#filters {
		position: relative;
		margin-top: 0 !important;
	}

	.item-description.alt :only-child{
		border-bottom: 0;
	}

	/* Absätze */
	.content p {
		margin-bottom: 15px !important;
	}

	/* Listen */
	.content-container ul {
		margin-left: 30px;
	}

	.container .list-1 li {
		margin-left: -21px;
	}

	.container .list-2 li {
		margin-left: -17px;
	}

	.container .list-3 li {
		margin-left: -19px;
	}

	.container .list-4 li {
		margin-left: -19px;
	}

	.content-container li {
		margin-top: 7px;
		margin-bottom: 7px;
	}

	/* Tabelle */
	table {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	/* Layout Blöcke */
	.content-container[data-layout=left_sidebar] .four.columns,
	.content-container[data-layout=right_sidebar] .four.columns,
	.content-container[data-layout=left_sidebar] .twelve.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns {
		width: calc(100% - 20px);
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .sixteen.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns .sixteen.columns {
		width: 100%;
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .eight.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns .eight.columns {
		width: 50%;
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .one-third.column,
	.content-container[data-layout=right_sidebar] .twelve.columns .one-third.column {
		width: 33%;
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .four.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns .four.columns {
		width: 25%;
	}

	.content-container[data-layout=left_sidebar] .twelve.columns .twelve.columns,
	.content-container[data-layout=right_sidebar] .twelve.columns .twelve.columns {
		width: 75%;
	}

	.content-container .four.columns,
	.content-container .twelve.columns {
		width: calc(100% - 20px);
	}

	.content-container .twelve.columns .sixteen.columns {
		width: 100%;
	}

	.content-container .twelve.columns .eight.columns {
		width: 50%;
	}

	.content-container .twelve.columns .one-third.column {
		width: 33%;
	}

	.content-container .twelve.columns .four.columns {
		width: 25%;
	}

	.content-container .twelve.columns .twelve.columns {
		width: 75%;
	}
}