/******************************************************************************************************
 * Standard-Einstellungen
 *
 * #E22511	Rot (Opacity: .25 - #F5BBB6
 * #118AD8	Blau
 * #249922	Grün
 *	
 ******************************************************************************************************/

.container {
	max-width: 1440px
}

.header_nav {
	padding: 0
}

.navigation {
	padding: 0
}

.slider {
	padding: 0;
	margin-top: 160px
}

.content_prefix {
	padding: 0
}

.content_column {
	padding: 0
}

.breadcrumb {
	padding: 0
}

.content {
	padding: 0
}

.content .container {
	padding: 0
}

.sub_content {
	padding: 0
}

.sub_features {
	padding: 20px 0;
	font-size: 90%;
	margin: 40px 0 0 20px
}

.footer {
	font-size: 80%;
	height: 55px
}

.container-fluid {
	background-color: #fff
}

.button {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #c5c5c5;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-select {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

p>a,
div>span>a,
div>ul>li>a {
	color: #118AD8 !important
}

a:hover {
	color: #333333 !important;
	text-decoration: none
}

/******************************************************************************************************
 * Felder
 ******************************************************************************************************/

.field--name-field-image,
.field--name-field-portrait {
	float: right;
	padding: 0 0 15px 15px
}

.field--name-field-image img {
	margin-bottom: 15px
}

.field--name-field-links,
.field--name-field-e-mail,
.field--name-field-telefon-nr {
	padding-bottom: 15px
}

/******************************************************************************************************
 * Header-Navigation
 ******************************************************************************************************/

.header_nav {
	background-color: #f8f9fa
}

/******************************************************************************************************
 * Logo
 ******************************************************************************************************/

.fas {
	font-family: "Font Awesome 5 Free";
	padding: 30px 0 10px 0;
	color: #00b1eb
}

/******************************************************************************************************
 * Slider *
 ******************************************************************************************************/

.slider img {
	width: 100% !important;
	height: auto
}

.slider div.col {
	padding: 0
}

/******************************************************************************************************
 * Direktlinks
 ******************************************************************************************************/

.direktlink h2 {
	text-align: center;
	font-size: 1.6rem;
	padding-bottom: 10px
}

.region-direktlink-1,
.region-direktlink-2,
.region-direktlink-3,
.region-direktlink-4,
.region-direktlink-5,
.region-direktlink-6 {
	border-radius: 20px;
	padding: 20px;
	height: 220px
}

.region-direktlink-1:hover,
.region-direktlink-4:hover {
	background-color: #E22511
}

.region-direktlink-2:hover,
.region-direktlink-5:hover {
	background-color: #118AD8
}

.region-direktlink-3:hover,
.region-direktlink-6:hover {
	background-color: #249922
}

.region-direktlink-1 img {
	width: 140px;
	height: auto;
	padding-top: 10px
}

.region-direktlink-2 img {
	width: 120px;
	height: auto
}

.region-direktlink-3 img {
	width: 100px;
	height: auto
}

.region-direktlink-4 img {
	width: 100px;
	height: auto;
	padding-top: 5px
}

.region-direktlink-5 img {
	width: 120px;
	height: auto
}

.region-direktlink-6 img {
	width: 80px;
	height: auto
}



.region-direktlink-1 {
	background-color: #F5BBB6
}

.region-direktlink-2 {
	background-color: #B7DBF2
}

.region-direktlink-3 {
	background-color: #BDE0BC
}

.region-direktlink-4 {
	background-color: #F5BBB6
}

.region-direktlink-5 {
	background-color: #B7DBF2
}

.region-direktlink-6 {
	background-color: #BDE0BC
}

/******************************************************************************************************
 * Sub-Content
 ******************************************************************************************************/


/******************************************************************************************************
 * Content
 ******************************************************************************************************/

.field--name-field-bildergalerie img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px !important;
	width: 325px;
	height: auto;
	min-height: 225px
}

.field--name-field-bildergalerie {
	clear: left;
	display: block;
	margin-top: 15px;
}

/******************************************************************************************************
 * Content - Content mit Spalten
 ******************************************************************************************************/


@media screen and (min-width: 1000px) {
	.node--type-blog .field--name-field-image {
		position: absolute;
		top: 0;
		right: 0;

	}

}

.node--type-blog .field--type-link {
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}

.node--type-blog .field--name-field-bildergalerie {
	width: 100%;
}

video {
	max-width: 100vw;
	height: min-content;
}


/******************************************************************************************************
 * Sub-Content -  transform: translate(0%, +37px)
 ******************************************************************************************************/

.sub_content {
	margin-top: 15px
}

.sub_content .container {
	border-top: 2px solid #E22511;
	padding-bottom: 5px;
	width: 90%
}

.sub_content img {
	height: 50px;
	width: auto;
}

/******************************************************************************************************
 * Sub-Features
 ******************************************************************************************************/

.sub_features h2 {
	color: #118AD8
}

.sub_features img {
	height: 100px;
	width: auto
}

.sub_features tr:nth-child(even) {
	background: #e0e0e0
}

.sub_features tr:nth-child(odd) {
	background: #e0e0e0
}

/******************************************************************************************************
 * Footer
 ******************************************************************************************************/