/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
@import url("//fast.fonts.net/cssapi/16d9360b-9886-41d9-a43f-855393430fe8.css");

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
footer,
header,
nav,
section {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

figcaption,
figure,
main {
	display: block
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

dfn {
	font-style: italic
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

audio,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

button,
input,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

optgroup,
select {
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	display: inline-block;
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details,
menu {
	display: block
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

template {
	display: none
}

[hidden] {
	display: none
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit
}

p {
	margin: 0
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

pre.use-tabs {
	font-family: inherit
}

#analytics-info-box {
	margin: 1em 0 2em;
	padding: 1em;
	border: 1px solid #777
}

#analytics-info-box button.com_button {
	margin-top: 1em;
	height: auto
}

body {
	font-family: "Nexa W01", Arial, sans-serif;
	font-size: .9375em;
	color: #4c4c4c;
	line-height: 1.33333333em
}

h1 {
	font-size: 2.5em;
	line-height: 1.1em;
	font-weight: normal;
	margin: 0 0 0.5em;
	text-transform: uppercase;
	text-align: center
}

@media only screen and (max-width: 25.625em) {
	h1 {
		font-size: 2em
	}
}

.wysiwyg_1 h1 {
	margin: 0
}

.hr_box+h1 {
	margin-top: 1em
}

h2 {
	font-size: 1.6em;
	line-height: 1.0em;
	font-weight: normal;
	margin: 0 0 0.5em
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0
}

a {
	color: inherit
}

ul {
	padding-left: 1.5em
}

ul li {
	margin: 0.3em 0
}

.text-colored {
	color: #4366b0
}

.zitat {
	font-size: 2.5em;
	line-height: 1.2;
	margin: 0.8em 0
}

@media only screen and (max-width: 40em) {
	.zitat {
		font-size: 2em
	}
}

@media only screen and (max-width: 25.625em) {
	.zitat {
		font-size: 1.2em
	}
}

body#main.menu-active {
	overflow: hidden
}

#page_top {
	height: 0
}

#div-main {
	min-height: 100vh;
	height: auto;
	background: #3d3c3f
}

.main-inner {
	margin: 0 auto;
	max-width: 1280px
}

#main-header {
	background: white;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 2
}

@media only screen and (max-width: 40em) {
	#main-header {
		top: 0
	}
}

#main-header.fixed {
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.4)
}

#main-header.fixed #header-inner {
	padding-top: 7px;
	padding-bottom: 7px
}

#main-header.fixed #header-logo img {
	height: 50px
}

#main-header.fixed #meta-search {
	padding-top: 12px
}

#main-header.fixed #header-path {
	opacity: 0;
	height: 0;
	padding: 0
}

#main-header-helper {
	height: 182px;
	background: white
}

@media only screen and (max-width: 53.125em) {
	#main-header-helper {
		height: 150px
	}
}

#header-inner {
	padding: 30px 4.6875% 30px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: flex;
	align-items: flex-end
}

@media only screen and (max-width: 53.125em) {
	#header-inner {
		padding-right: 0
	}
}

#header-logo {
	width: 100%
}

#header-logo a {
	text-decoration: none;
	display: flex
}

#header-logo picture {
	float: left
}

#header-logo img {
	vertical-align: top;
	height: 90px;
	max-width: 100%;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

#header-meta {
	margin-left: 15px
}

@media only screen and (max-width: 53.125em) {
	#header-meta {
		align-self: center
	}
}

#meta-search {
	padding-bottom: 7px
}

@media only screen and (max-width: 53.125em) {
	#meta-search {
		display: none
	}
}

#form-search {
	display: flex
}

#form-search .search-input {
	border: 1px solid #3d3c3f;
	background: #ececed;
	font: inherit;
	font-size: 14px;
	line-height: 30px;
	padding: 0 6px;
	width: 250px;
	border-radius: 0
}

#form-search .search-submit {
	height: 32px;
	width: 32px;
	background: #3d3c3f;
	border: 0 none;
	cursor: pointer;
	padding: 4px 0 0
}

#meta-mobile {
	display: none
}

#meta-mobile a {
	display: block;
	background: #4366b0;
	padding: 2px 4px;
	text-decoration: none
}

#meta-mobile a svg {
	vertical-align: bottom
}

#meta-mobile a span {
	display: none
}

@media only screen and (max-width: 53.125em) {
	#meta-mobile {
		display: block
	}
}

#header-path {
	padding: 5px 4.6875%;
	color: #9c9d9f;
	font-size: 0.95em
}

#header-path a {
	text-decoration: none;
	padding-right: 12px
}

#header-navi {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background: gray;
	text-align: center
}

#header-navi ul#nav-top {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 1160px;
	display: flex
}

#header-navi li {
	margin: 0;
	padding: 0;
	flex-grow: 1;
	border-left: 1px solid white
}

#header-navi li:last-child {
	border-right: 1px solid white
}

#header-navi .m-top>a {
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	min-height: 32px;
	padding-top: 7px
}

@media only screen and (max-width: 61.25em) {
	#header-navi .m-top>a {
		font-size: 17px
	}
}

#header-navi .active>a {
	background: #4366b0;
	color: white
}

#header-navi .sover {
	background: #3d3c3f;
	color: white
}

#header-navi a {
	padding: 0 1em;
	display: block;
	text-decoration: none;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

#header-navi a:hover {
	background: #3d3c3f;
	color: white
}

#header-navi .popup-box {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2
}

#header-navi .popup-box .subnavi-box {
	background: white;
	background: rgba(255, 255, 255, 0.85);
	padding: 1em 0 1.6em;
	z-index: 1;
	position: relative
}

#header-navi .popup-box .snb {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: left
}

#header-navi .popup-box .snbi {
	width: auto;
	margin: 0.2em 0;
	display: block
}

#header-navi .popup-box a.m1 {
	display: inline-block;
	padding: 0.3em 1.2em;
	font-size: 1em
}

@media only screen and (max-width: 53.125em) {
	#header-navi {
		display: none
	}
}

#main-img {
	background: #ececed
}

#img-inner-box {
	position: relative;
	padding: 0;
	max-width: 1920px
}

#img-inner-box .img-box-static {
	text-align: center
}

#img-inner-box .img-box-static img {
	width: 100%;
	max-width: 1280px;
	vertical-align: top
}

#img-inner-box .img-box-static .copyright {
	font-size: 0.8em;
	line-height: 110%;
	text-align: right;
	position: absolute;
	padding: 1px 2px;
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	right: 0
}

@media only screen and (max-width: 40em) {
	#img-inner-box .img-box-static .copyright {
		font-size: 0.7em
	}
}

@media only screen and (max-width: 25.625em) {
	#img-inner-box .img-box-static .copyright {
		font-size: 0.6em
	}
}

#img-inner-box .img-box-static .copyright a {
	text-decoration: none
}

#slick-container {
	position: relative
}

#slick-container .item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

#slick-container .item img {
	width: 100%;
	vetical-align: top
}

#slick-container .item a {
	text-decoration: none
}

#slick-container .play-btn {
	position: absolute;
	width: 16%;
	top: 20vw;
	left: 50%;
	margin-left: -8%;
	margin-top: -8%;
	opacity: .8
}

#slick-container .play-btn:hover {
	opacity: 1
}

@media only screen and (min-width: 120.0625em) {
	#slick-container .play-btn {
		top: 384px
	}
}

#slick-container .play-btn path {
	fill: white
}

#slick-container .label {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.85);
	text-align: center;
	padding: 36px 4.6875% 24px
}

#slick-container .label p {
	margin: 0 4.6875%
}

#slick-container .label p.title {
	text-transform: uppercase;
	font-size: 2.5em;
	line-height: 1.1;
	margin-bottom: 0.1em
}

@media only screen and (max-width: 40em) {
	#slick-container .label p.title {
		font-size: 2.2em
	}
}

@media only screen and (max-width: 25.625em) {
	#slick-container .label p.title {
		font-size: 1.8em
	}
}

#slick-container .label p .mehr {
	padding-left: 5px
}

@media only screen and (max-width: 62.4375em) {
	#slick-container .label {
		position: static;
		padding-top: 12px;
		background: transparent
	}
}

#slick-container .copyright {
	font-size: 0.8em;
	line-height: 110%;
	text-align: right;
	position: absolute;
	padding: 1px 2px;
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	right: 0
}

@media only screen and (max-width: 40em) {
	#slick-container .copyright {
		top: 0;
		bottom: auto;
		font-size: 0.7em
	}
}

#slick-container>svg {
	position: absolute;
	top: 20vw;
	margin-top: -50px;
	fill: white;
	opacity: 0.4;
	width: 83px;
	height: 100px;
	cursor: pointer;
	z-index: 1
}

@media only screen and (min-width: 120.0625em) {
	#slick-container>svg {
		top: 384px
	}
}

@media only screen and (max-width: 40em) {
	#slick-container>svg {
		width: 42px;
		height: 50px;
		margin-top: -25px
	}
}

@media only screen and (max-width: 25.625em) {
	#slick-container>svg {
		width: 28px;
		height: 34px;
		margin-top: -17px
	}
}

#slick-container>svg:hover {
	opacity: 0.6
}

#slick-container>svg path {
	-webkit-filter: drop-shadow(0 0 2px black);
	filter: drop-shadow(0 0 2px black)
}

#slick-container>svg#nav-right {
	right: 4%
}

#slick-container>svg#nav-left {
	left: 4%
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-dots {
	position: absolute;
	right: 50%;
	bottom: 5px;
	width: 100px;
	text-align: center;
	list-style: none;
	display: block;
	padding: 0;
	margin: 0 -50px 0 0
}

@media only screen and (min-width: 120.0625em) {
	.slick-dots {
		top: 768px
	}
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 8px;
	width: 8px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 8px;
	width: 8px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 0;
	cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	border: 0;
	background: gray;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: background 0.4s ease-in-out 0;
	-moz-transition: background 0.4s ease-in-out 0;
	-o-transition: background 0.4s ease-in-out 0;
	transition: background 0.4s ease-in-out 0
}

.slick-dots li.slick-active button:before {
	background: #4366b0
}

#main-content {
	background: white;
	overflow: auto
}

#content-footer div {
	padding: 1em 4.6875% 0.5em
}

#content-footer a {
	text-decoration: none
}

#content-footer a:hover {
	text-decoration: underline
}

#content-footer span {
	padding: 0 0.8em
}

body#main.ace-editor-loaded {
	overflow: hidden
}

body.ace-editor-loaded #main-header,
body.ace-editor-loaded #main-header-helper,
body.ace-editor-loaded #main-img,
body.ace-editor-loaded .main-footer,
body.ace-editor-loaded .area-21-navi {
	display: none
}

body.ace-editor-loaded .layout-20 {
	max-width: 100%
}

body.ace-editor-loaded .layout-20-inner {
	margin: 10px;
	padding: 0
}

body.ace-editor-loaded .area-20-1 {
	width: 100%;
	float: none;
	padding: 0
}

@media only screen and (max-width: 40em) {
	#user-info-area {
		height: auto !important
	}
}

@media only screen and (max-width: 40em) {
	#user-info-area #user-info-fixed {
		position: relative
	}
}

#user-info-area #user-info-fixed .admin-info-box {
	background: white;
	border: 1px solid red;
	padding: 2px 5px 3px;
	display: inline-block;
	color: black;
	margin: 0 5px 3px 0
}

#user-info-area #user-info-fixed .admin-info-box a {
	color: black
}

@media only screen and (max-width: 40em) {
	body.uli #main-header {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: sticky
	}

	body.uli #main-header-helper {
		display: none
	}
}

div.left_navi {
	margin: 0 0 40px 0
}

.main-footer {
	color: #fff;
	background-color: #3D3C3F;
}

.main-footer a {
	text-decoration: none;
	color: #fff
}

.main-footer a:hover {
	text-decoration: underline
}

.main-footer.wappen {
	border-top: 1px solid white;
	text-align: center
}

.main-footer.wappen .footer-inner {
	padding: 2em 4.6875% 4em
}

.main-footer.wappen img {
	width: 68px;
	padding: 10px
}

.footer-inner {
	padding: 3em 4.6875% 3em
}

.footer-inner p.title {
	text-transform: uppercase;
	margin: 1em 0
}

#bottom-address .item {
	float: left;
	width: 22.67241379%;
	margin-right: 3.10344828%;
	min-height: 1px
}

@media only screen and (max-width: 53.125em) {
	#bottom-address .item {
		width: 31.26436782%
	}

	#bottom-address .item.ai3 {
		margin-right: 0
	}

	#bottom-address .item.ai4 {
		margin-top: 2em
	}
}

#bottom-address .item.ai4 {
	margin-right: 0
}

@media only screen and (max-width: 40em) {
	#bottom-address .item {
		width: 48.44827586%
	}

	#bottom-address .item.ai2 {
		margin-right: 0
	}

	#bottom-address .item.ai3 {
		margin-right: 3.10344828%;
		margin-top: 2em
	}
}

@media only screen and (max-width: 25.625em) {
	#bottom-address .item {
		width: 100% !important;
		margin-right: 0;
		float: none
	}

	#bottom-address .item.ai2 {
		margin-top: 2em
	}
}

#bottom-address .item img {
	height: 82px
}

div.print_box span {
	padding: 10px 10px 5px;
	display: block
}

@media print {
	div.print_box {
		border: 1px solid #fff
	}

	div.print_box_inner {
		display: none
	}
}

.layout-1 {
	max-width: 861px;
	margin: 0 auto
}

.layout-1 .area-1-1 {
	float: left;
	margin: 0;
	width: 65.27293844%
}

@media only screen and (max-width: 53.125em) {
	.layout-1 .area-1-1 {
		width: 65.63218391%
	}
}

@media only screen and (max-width: 40em) {
	.layout-1 .area-1-1 {
		width: 100%;
		float: none
	}
}

.layout-1 .area-1-2 {
	float: right;
	margin: 0;
	width: 30.54587689%
}

@media only screen and (max-width: 53.125em) {
	.layout-1 .area-1-2 {
		width: 31.26436782%
	}
}

@media only screen and (max-width: 40em) {
	.layout-1 .area-1-2 {
		float: none;
		margin: 0 0 1.33333333em;
		width: 100%;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-ms-column-count: 2;
		-o-column-count: 2;
		column-count: 2
	}

	.layout-1 .area-1-2>* {
		-webkit-column-break-inside: avoid;
		column-break-inside: avoid;
		overflow: hidden
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-1 .area-1-2 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
		margin: 0
	}

	.layout-1 .area-1-2>* {
		overflow: inherit
	}
}

.layout-2 {
	max-width: 861px;
	margin: 0 auto
}

.layout-3 {
	max-width: 861px;
	margin: 0 auto
}

.layout-3 .area-3-1 {
	float: left;
	margin: 0 4.18118467% 0 0;
	width: 30.54587689%;
	min-height: 1px
}

@media only screen and (max-width: 53.125em) {
	.layout-3 .area-3-1 {
		width: 31.26436782%;
		margin: 0 3.10344828% 0 0
	}
}

@media only screen and (max-width: 40em) {
	.layout-3 .area-3-1 {
		width: 48.44827586%;
		float: none
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-3 .area-3-1 {
		width: 100%;
		float: none;
		margin: 0
	}
}

.layout-3 .area-3-2 {
	float: left;
	margin: 0;
	width: 30.54587689%
}

@media only screen and (max-width: 53.125em) {
	.layout-3 .area-3-2 {
		width: 31.26436782%
	}
}

@media only screen and (max-width: 40em) {
	.layout-3 .area-3-2 {
		width: 48.44827586%
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-3 .area-3-2 {
		width: 100%;
		float: none
	}
}

.layout-3 .area-3-3 {
	float: right;
	margin: 0;
	width: 30.54587689%
}

@media only screen and (max-width: 53.125em) {
	.layout-3 .area-3-3 {
		width: 31.26436782%
	}
}

@media only screen and (max-width: 40em) {
	.layout-3 .area-3-3 {
		width: 48.44827586%
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-3 .area-3-3 {
		width: 100%;
		float: none
	}
}

.layout-4 {
	max-width: 861px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}

.layout-4 .area-4-1 {
	width: 23.95470383%
}

.layout-4 .area-4-2 {
	width: 71.8641115%
}

@media only screen and (max-width: 53.125em) {
	.layout-4 .area-4-1 {
		width: 24.22413793%
	}

	.layout-4 .area-4-2 {
		width: 72.67241379%
	}
}

@media only screen and (max-width: 40em) {
	.layout-4 {
		display: block
	}

	.layout-4 .area-4-1 {
		width: 100%;
		max-width: 250px
	}

	.layout-4 .area-4-2 {
		width: 100%
	}
}

.layout-4.layout_box {
	position: relative;
	padding-top: 26px
}

.layout-4.layout_box .layout_box_functions_bar {
	position: absolute;
	top: 0;
	width: 100%
}

.layout-5 {
	max-width: 861px;
	margin: 0 auto
}

.layout-5 .area-5-1 {
	float: left;
	margin: 0;
	width: 47.90940767%
}

@media only screen and (max-width: 53.125em) {
	.layout-5 .area-5-1 {
		width: 48.44827586%
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-5 .area-5-1 {
		width: 100%;
		float: none
	}
}

.layout-5 .area-5-2 {
	float: right;
	margin: 0;
	width: 47.90940767%
}

@media only screen and (max-width: 53.125em) {
	.layout-5 .area-5-2 {
		width: 48.44827586%
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-5 .area-5-2 {
		width: 100%;
		float: none
	}
}

.layout-6 .area-6-1 {
	float: left;
	margin: 0;
	width: 46.79715302%
}

@media only screen and (max-width: 53.125em) {
	.layout-6 .area-6-1 {
		width: 47.6357268%
	}
}

@media only screen and (max-width: 40em) {
	.layout-6 .area-6-1 {
		width: 48.44827586%
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-6 .area-6-1 {
		width: 100%;
		float: none
	}
}

.layout-6 .area-6-2 {
	float: right;
	margin: 0;
	width: 46.79715302%
}

@media only screen and (max-width: 53.125em) {
	.layout-6 .area-6-2 {
		width: 47.6357268%
	}
}

@media only screen and (max-width: 40em) {
	.layout-6 .area-6-2 {
		width: 48.44827586%
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-6 .area-6-2 {
		width: 100%;
		float: none
	}
}

.layout-7 .area-7-1 {
	float: left;
	margin: 0;
	width: 48.44827586%
}

@media only screen and (max-width: 40em) {
	.layout-7 .area-7-1 {
		width: 100%;
		float: none
	}
}

.layout-7 .area-7-2 {
	float: right;
	margin: 0;
	width: 48.44827586%
}

@media only screen and (max-width: 40em) {
	.layout-7 .area-7-2 {
		width: 100%;
		float: none
	}
}

.layout-9 .area-9-1 {
	float: left;
	margin: 0 3.10344828% 0 0;
	width: 22.67241379%;
	min-height: 1px
}

@media only screen and (max-width: 40em) {
	.layout-9 .area-9-1 {
		width: 48.44827586%;
		margin: 0
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-9 .area-9-1 {
		width: 100%;
		float: none
	}
}

.layout-9 .area-9-2 {
	float: left;
	margin: 0 3.10344828% 0 0;
	width: 22.67241379%;
	min-height: 1px
}

@media only screen and (max-width: 40em) {
	.layout-9 .area-9-2 {
		width: 48.44827586%;
		float: right;
		margin: 0
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-9 .area-9-2 {
		width: 100%;
		float: none
	}
}

.layout-9 .area-9-3 {
	float: left;
	margin: 0;
	width: 22.67241379%;
	min-height: 1px
}

@media only screen and (max-width: 40em) {
	.layout-9 .area-9-3 {
		width: 48.44827586%;
		float: left;
		clear: left
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-9 .area-9-3 {
		width: 100%;
		float: none
	}
}

.layout-9 .area-9-4 {
	float: right;
	margin: 0;
	width: 22.67241379%
}

@media only screen and (max-width: 40em) {
	.layout-9 .area-9-4 {
		width: 48.44827586%;
		float: right
	}
}

@media only screen and (max-width: 25.625em) {
	.layout-9 .area-9-4 {
		width: 100%;
		float: none
	}
}

.layout-10 .area-10-1 {
	float: left;
	margin: 0;
	width: 31.26436782%
}

@media only screen and (max-width: 53.125em) {
	.layout-10 .area-10-1 {
		width: 100%;
		max-width: 362.66666667px;
		margin: 0 auto;
		float: none
	}
}

.layout-10 .area-10-2 {
	float: left;
	margin: 0 0 0 3.10344828%;
	width: 31.26436782%
}

@media only screen and (max-width: 53.125em) {
	.layout-10 .area-10-2 {
		width: 100%;
		max-width: 362.66666667px;
		margin: 0 auto;
		float: none
	}
}

.layout-10 .area-10-3 {
	float: right;
	margin: 0;
	width: 31.26436782%
}

@media only screen and (max-width: 53.125em) {
	.layout-10 .area-10-3 {
		width: 100%;
		max-width: 362.66666667px;
		margin: 0 auto;
		float: none
	}
}

.layout-20-inner {
	background: no-repeat center center;
	background-size: cover;
	overflow: auto
}

.layout-20-inner.use-parallax {
	background-attachment: fixed
}

.layout_box>.layout-20-inner {
	overflow: visible
}

.layout-20-inner .area-20-1 {
	padding: 0 4.6875%
}

.layout-20-inner.bg-c1 {
	background: #4366b0;
	color: white
}

.layout-20-inner.bg-c2 {
	background: gray;
	color: white
}

.layout-20-inner.bg-c3 {
	border-top: 1px solid gray
}

.layout-21 .layout-21-inner {
	padding-left: 4.6875%;
	padding-right: 4.6875%
}

.layout-21 .area-21-navi {
	float: left;
	width: 22.67241379%
}

@media only screen and (max-width: 53.125em) {
	.layout-21 .area-21-navi {
		display: none
	}
}

.layout-21 .area-21-1 {
	float: right;
	width: 74.22413793%
}

@media only screen and (max-width: 53.125em) {
	.layout-21 .area-21-1 {
		width: 100%
	}
}

.layout-22-inner {
	display: flex;
	overflow: auto
}

.layout-22-inner .area-22-img {
	width: 50%;
	background: no-repeat center center;
	background-size: cover
}

.layout_box>.layout-22-inner {
	overflow: visible
}

.layout-22-inner .area-22-1 {
	width: 50%;
	padding-left: 4.6875%;
	padding-right: 4.6875%
}

.layout-22-inner.bg-c1 {
	background: #4366b0;
	color: white
}

@media only screen and (max-width: 53.125em) {
	.layout-22-inner {
		display: block
	}

	.layout-22-inner .area-22-img {
		height: 50vw;
		width: 100%
	}

	.layout-22-inner .area-22-1 {
		width: 100%;
		padding: 1.33333333em 4.6875%
	}
}

.layout-80 {
	margin-bottom: 1.4em
}

.layout-80 .area-80-header {
	background: url(../images/arrow_fff_down.png) no-repeat 5px center #4366b0;
	color: white;
	padding: 5px 8px 5px 30px;
	font-size: 1em
}

.layout-80.closed .area-80-header {
	background-image: url(../images/arrow_fff_right.png)
}

.layout-80 .area-80-link {
	text-decoration: none
}

.layout-80 .area-80-link span {
	float: right;
	padding: 7px 16px 0 0;
	color: #fff
}

.layout-80 .area-80-1 {
	border: 1px solid #4366b0;
	border-top: 0 none;
	padding: 10px 9px 0
}

.mt-1 {
	margin-top: 1.33333333em
}

.mt-2 {
	margin-top: 2.66666667em
}

.mt-3 {
	margin-top: 4em
}

.mt-6 {
	margin-top: 8em
}

.mt-9 {
	margin-top: 12em
}

.mb-1 {
	margin-bottom: 1.33333333em
}

.mb-2 {
	margin-bottom: 2.66666667em
}

.mb-3 {
	margin-bottom: 4em
}

.mb-6 {
	margin-bottom: 8em
}

.mb-9 {
	margin-bottom: 12em
}

.pt-1 {
	padding-top: 1.33333333em
}

.pt-2 {
	padding-top: 2.66666667em
}

.pt-3 {
	padding-top: 4em
}

.pt-6 {
	padding-top: 8em
}

.pt-9 {
	padding-top: 12em
}

.pb-1 {
	padding-bottom: 1.33333333em
}

.pb-2 {
	padding-bottom: 2.66666667em
}

.pb-3 {
	padding-bottom: 4em
}

.pb-6 {
	padding-bottom: 8em
}

.pb-9 {
	padding-bottom: 12em
}

.wysiwyg_1 {
	margin-bottom: 1.33333333em
}

.local_dform_table>tbody>tr>td {
	background: transparent !important;
	display: block
}

.local_dform_table>tbody>tr>td:first-child {
	padding-top: 1em
}

.local_dform_table>tbody>tr:last-child>td:first-child {
	display: none
}

.local_dform_table input.input_text {
	width: 100%
}

.local_dform_table textarea {
	width: 100%;
	border: 1px solid #999;
	line-height: 26px;
	font: inherit;
	padding: 4px
}

.local_dform_table textarea:focus,
.local_dform_table textarea:hover {
	box-shadow: 0 0 3px 1px rgba(85, 85, 85, 0.7)
}

.local_dform_table .dform_header {
	margin: 0
}

.link-box-page-container {
	margin: 0 -10px;
	display: flex;
	align-items: flex-end
}

.link-box-page-container .link_box {
	width: 33.33333333%;
	padding: 0 10px
}

.link-box-page-container .link_box .header {
	margin-top: 2px;
	min-height: 60px;
	font-size: 1em
}

.link_box .link_box_inner {
	margin-bottom: 1.33333333em;
	min-height: 1em
}

.link_box a {
	text-decoration: none;
	display: block
}

.link_box .header {
	border: 1px solid gray;
	margin-top: 4px;
	display: flex;
	min-height: 80px;
	align-items: center;
	justify-content: space-around;
	font-size: 1.4em;
	padding: 5px 8px;
	background: white;
	color: #4c4c4c;
	text-align: center
}

.link_box .img {
	border: 1px solid gray;
	padding: 0;
	min-height: 2em;
	background: white
}

.link_box .img .copyright {
	font-size: 0.6em;
	line-height: 110%;
	text-align: right;
	position: absolute;
	padding: 0 2px;
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	right: 0
}

.link_box .img .copyright a:hover {
	text-decoration: underline
}

.link_box .img img {
	max-width: 100%;
	vertical-align: top
}

.link_box .content {
	display: none;
	padding: 5px 8px
}

.bildbox figure {
	max-width: 100%;
	margin: 0 0 1.33333333em
}

.bildbox figure.right {
	margin-left: auto
}

.bildbox figure.center {
	margin-right: auto;
	margin-left: auto
}

.bildbox figure.float-left {
	float: left;
	margin: 0 0.8em 0.5em 0
}

.bildbox figure.float-right {
	float: right;
	margin: 0 0 0.5em 0.8em
}

.bildbox img {
	vertical-align: top;
	width: 100%
}

.bildbox .untertitel {
	font-style: italic;
	padding: 1px 0 0;
	word-wrap: break-word
}

.bildbox figure>a.slideshow {
	display: block;
	position: relative
}

.bildbox figure>a.slideshow:after {
	content: "";
	position: absolute;
	opacity: 0.75;
	bottom: 5px;
	left: 6px;
	width: 20px;
	height: 20px;
	background: url(../images/lupe_icon.png) top left no-repeat
}

.bildbox figure>a.slideshow:hover:after {
	opacity: 1
}

.bildbox footer {
	position: relative
}

.bildbox footer .copyright {
	font-size: 0.6em;
	line-height: 110%;
	text-align: right;
	position: absolute;
	padding: 1px 2px;
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	right: 0
}

.bildbox footer .copyright a {
	text-decoration: none
}

.content_box.edit_bildbox .view_tab {
	min-height: 20px
}

.audio_box {
	min-height: 24px;
	margin-bottom: 1.33333333em
}

.hr_box {
	border-top: 1px solid #4366b0;
	height: 0;
	width: 100%;
	margin-bottom: 1.33333333em
}

.bubble_box {
	margin-bottom: 1.33333333em;
	padding: 10px;
	background: #eee
}

.bubble_box.c1 {
	background: #4366b0;
	color: white
}

.bubble_box.c1 a {
	color: white
}

.video-box-container {
	margin-bottom: 1.33333333em
}

.video-box {
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	height: 0
}

.video-box.f43 {
	padding-bottom: 75%
}

.video-box iframe,
.video-box .cb-empty {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.maps_box {
	margin-bottom: 1.33333333em;
	overflow: hidden;
	position: relative;
	padding-bottom: 100%;
	height: 0
}

.maps_box .map_container {
	position: absolute;
	width: 100% !important;
	height: 100% !important
}

.view_tab .maps_box {
	background: url(../images/bg_lines.png)
}

.html_box {
	margin: 0 0 18px
}

.logik_box .links {
	margin: -5px 5px 10px
}

body.cb_wysiwyg {
	line-height: 18px
}

body.cb_bubble_box {
	padding: 10px 5px 0
}

.edit_bubble_box .edit_tab textarea {
	border: 0 none;
	height: 100px;
	width: 100%
}

.edit_hr_box .hr_box {
	margin: 1.33333333em 0 0;
	padding: 0 0 1.33333333em
}

.edit_link_box .edit_tab textarea {
	height: 100px
}

#nav-box {
	display: none
}

@media only screen and (max-width: 53.125em) {
	#nav-box {
		display: block;
		background: white;
		width: 16em;
		position: fixed;
		top: 0;
		bottom: 0;
		left: -16em;
		padding: 1px 0.5em;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		z-index: 2;
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		-o-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
		box-shadow: 0
	}

	.menu-active #nav-box {
		left: 0;
		box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.6)
	}
}

#nav-box #navi-container {
	margin: 0
}

#close-navi-box {
	text-align: right;
	padding: 0.5em 0 1em
}

#close-navi-box svg {
	vertical-align: top
}

#navi-helper {
	display: none
}

body.menu-active #navi-helper {
	position: absolute;
	top: 0;
	right: 0;
	left: 16em;
	z-index: 11;
	display: block
}

a.m-allg {
	display: block;
	text-decoration: none;
	padding: 0.2em 0.4em;
	margin: 0 0 0.4em
}

ul.menu,
li.menu,
ul.menu ul,
ul.menu li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

#main_ul {
	font-size: 1.2em;
	line-height: 1.1em
}

#main_ul li>ul.menu {
	padding: 0 0 0.4em 0.5em
}

#main_ul li a {
	position: relative
}

#main_ul span.has-sub {
	display: block;
	position: absolute;
	cursor: pointer;
	right: -7px;
	top: 0;
	bottom: 0;
	width: 30px;
	background: url(../images/angle-right.svg) no-repeat center center;
	background-size: 24px auto
}

@media only screen and (max-width: 53.125em) {

	#main_ul a.sover span.has-sub,
	#main_ul a.mover span.has-sub {
		background-image: url(../images/angle-down.svg)
	}
}

li[class*="m-active"]>a {
	background: #4366b0;
	color: white
}

a.m2 {
	font-size: 0.95em;
	line-height: inherit
}

a.m3 {
	font-size: 0.9em;
	line-height: inherit
}

a.m4 {
	font-size: 0.85em;
	line-height: inherit
}

a.m5 {
	font-size: 0.8em;
	line-height: inherit
}

ul ul.menu_sub_ul {
	display: none;
	position: absolute;
	background: white;
	padding: 2px 10px;
	width: 250px;
	z-index: 995
}

ul ul.menu_sub_ul li {
	padding: 3px 0
}

ul ul.menu_sub_ul a {
	display: block;
	text-decoration: none;
	padding: 0.1em 20px 0.1em 7px
}

@media only screen and (max-width: 53.125em) {
	ul ul.menu_sub_ul {
		position: static;
		padding: 0 0 0.4em 1em;
		width: auto
	}

	ul ul.menu_sub_ul li {
		padding: 0
	}

	ul ul.menu_sub_ul a {
		margin-top: 2px;
		padding: 0.1em 0.8em;
		margin: 0 0 0.4em
	}
}

.img_right {
	margin: 2px 0 2px 5px;
	float: right
}

.img_left {
	margin: 2px 5px 2px 0;
	float: left
}

table.user_table {
	border-collapse: collapse;
	border: 1px solid #4c4c4c
}

table.user_table tr {
	border: 1px solid #4c4c4c
}

table.user_table td {
	border: 1px solid #4c4c4c;
	padding: 2px
}

.com_login table {
	width: 100%;
	max-width: 400px
}

.com_login td {
	text-align: right;
	padding: 3px;
	width: auto !important
}

.com_button {
	display: inline-block;
	padding: 0 20px;
	color: inherit;
	font: inherit;
	border: 1px solid #999;
	margin: 0 3px 3px;
	-webkit-appearance: button;
	cursor: pointer;
	vertical-align: middle;
	background: #f5f5f5;
	min-height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 4px
}

button.com_button {
	overflow: visible;
	text-transform: none
}

.com_button:active {
	background: #4c4c4c;
	color: white
}

.com_button:focus,
.com_button:hover {
	box-shadow: 0 0 3px 1px rgba(85, 85, 85, 0.7)
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

.com_input_text,
.local_dform_table input.input_text {
	border: 1px solid #999;
	line-height: 26px;
	font: inherit;
	height: 26px;
	padding: 0 4px
}

.com_input_text:focus,
.com_input_text:hover,
.local_dform_table input.input_text:focus,
.local_dform_table input.input_text:hover {
	box-shadow: 0 0 3px 1px rgba(85, 85, 85, 0.7)
}

.slideshow_new_box {
	margin: 0 auto 1.33333333em;
	max-width: 570px
}

.slideshow_new_box h2 {
	text-align: center;
	margin: 0 0 0.5em
}

.slideshow_new_box div.img-item {
	padding-top: 56.34715026%;
	height: 0;
	background: no-repeat center center;
	background-size: contain;
	margin: 0 3em;
	position: relative
}

.slideshow_new_box div.img-item .label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	padding: 1px 5px
}

.slideshow_new_box div.img-item .lg-icon {
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	-moz-transition: opacity 0.3s ease-in-out 0s;
	-o-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	background: white;
	opacity: 0;
	margin: -0.7em 0 0 -0.7em;
	font-size: 3em;
	padding: 0.2em;
	border-radius: 20%
}

.slideshow_new_box div.img-item .lg-icon:after {
	content: "\e311"
}

.slideshow_new_box div.img-item:hover .lg-icon {
	opacity: 0.6
}

.slideshow_new_box div.img-item .copyright {
	font-size: 0.6em;
	line-height: 110%;
	text-align: right;
	position: absolute;
	padding: 1px 2px;
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	top: 0;
	right: 0
}

.slideshow_new_box div.img-item .copyright a {
	text-decoration: none
}

.slideshow_new_box .actions {
	position: relative;
	z-index: 1
}

.slideshow_new_box .actions svg {
	cursor: pointer;
	margin-top: -3em;
	fill: none;
	stroke: #4366b0;
	stroke-width: 2px;
	height: 6em
}

@media only screen and (max-width: 25.625em) {
	.slideshow_new_box .actions svg {
		margin-top: -2em;
		height: 4em
	}
}

.slideshow_new_box .actions span {
	position: absolute;
	padding-top: 28.17357513%
}

.slideshow_new_box .actions span.prev-btn {
	left: 0
}

.slideshow_new_box .actions span.next-btn {
	right: 0
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
	border-radius: 0;
	outline: 2px solid #4366b0;
	outline-offset: -2px
}

.lg-outer .lg-thumb-outer .lg-thumb-item {
	border-radius: 0
}

.lg-outer .lg-thumb-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-outer .lg-thumb-item:hover {
	border-color: #4366b0
}

.lg-sub-html a {
	color: inherit
}

.news_main_category_box .is_list_element {
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	text-indent: -15px;
	list-style-type: none
}

.news-main-box .pfadnavi {
	margin-bottom: 1.33333333em
}

.hr_box.news {
	margin-bottom: 0.5em
}

.news-cat-header a {
	text-decoration: none
}

.news-external-cat {
	background: #eee;
	font-size: 0.9em;
	padding: 0.2em 0.6em;
	margin: 0.5em 0;
	display: inline-block
}

.news-article {
	margin: 0 0 1.33333333em
}

.news-article .subtitle {
	margin: 0 0 0.5em;
	font-size: .8em
}

.news-article .subtitle .cat {
	text-transform: uppercase
}

.news-article h2 {
	margin: 0 0 0.5em
}

.news-article .content img {
	max-width: 100%;
	height: auto
}

.news-article .content-printable {
	border: 1px solid #c00;
	padding: 5px 10px 10px;
	margin-top: 10px
}

.news-article .content-printable .remark,
.news-article .content-printable .notes-headline {
	border-bottom: 2px solid #C00;
	padding: 3px;
	text-align: center;
	margin-bottom: 5px
}

.news-article .content-printable .notes-text {
	margin: 0 0 15px
}

.news-more-articles {
	margin-bottom: 3em
}

.news-more-articles h2 {
	margin: 0 0 1em
}

.news-more-articles a {
	text-decoration: none
}

.news-more-articles ul {
	list-style: none;
	margin: 0
}

.news-more-articles li {
	margin: 0 0 1em
}

.news-more-articles a span:first-child {
	padding-right: 1.5em
}

.news-more-articles a span:last-child {
	margin-left: -1.2em
}

.news-link {
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	text-align: center;
	vertical-align: -1px
}

.news-link.icon-angle-right {
	padding-left: 0.1em
}

a:hover .news-link {
	color: #4366b0
}

.news-article-teaser {
	margin: 0.5em 0 1em
}

.news-article-teaser a {
	display: block;
	text-decoration: none;
	padding: 0.5em 0 0.5em
}

.news-article-teaser h2 {
	margin: 0 0 0.5em
}

.news-article-teaser .subtitle {
	margin: 0 0 0.5em;
	font-size: .8em
}

.news-article-teaser .subtitle .cat {
	text-transform: uppercase
}

.news-article-teaser img {
	float: left;
	margin: 0.3em 1em 0.5em 0;
	width: 25%
}

.news-archive-search {
	margin: 0.8em 0
}

.news-admin-area {
	background: #eee;
	margin: 0 0 5px;
	padding: 0.4em;
	line-height: 150%;
	font-size: .93333333em
}

.news-admin-area>table {
	width: 100%
}

.news-admin-area table table {
	border-collapse: separate;
	border-spacing: 10px 5px
}

.news-admin-area table table td:first-child {
	text-align: right
}

.news-admin-area span.red {
	color: #c00
}

.news-admin-area .btn-area {
	text-align: right;
	padding: 0.7em 1em 0.4em
}

.news-admin-area .btn-area form {
	display: inline
}

.news-admin-area .btn-area input[type=submit] {
	width: 110px;
	margin-left: 1em
}

.news-admin-area abbr {
	border-bottom: 1px dotted black;
	cursor: help
}

.news-admin-area .archive {
	width: 100%;
	display: table
}

.news-admin-area .archive ul {
	margin-bottom: 0
}

.news-admin-area .archive>div {
	display: table-cell;
	padding: 0 1.5em 0.5em 0.7em
}

.news-admin-area .archive>div.s1 {
	width: 140px;
	vertical-align: bottom
}

input.news-button,
button.news-button {
	font-size: inherit;
	font-family: inherit;
	margin: 1px 2px;
	background: #fff;
	border: 2px solid #4366b0;
	padding: 1px 7px;
	cursor: pointer
}

input.news-button.inactive,
button.news-button.inactive {
	background: #f4f4f4;
	color: #777;
	border-color: #ccc;
	cursor: auto
}

input.news-button.inactive:focus,
input.news-button.inactive:hover,
button.news-button.inactive:focus,
button.news-button.inactive:hover {
	box-shadow: none
}

input.news-button.full,
button.news-button.full {
	width: 100%
}

input.news-button:focus,
input.news-button:hover,
button.news-button:focus,
button.news-button:hover {
	box-shadow: 0 0 3px 1px rgba(85, 85, 85, 0.7)
}

input.news-button:active,
button.news-button:active {
	background: #4366b0;
	color: white
}

.news-nav {
	text-decoration: none;
	display: block
}

.news-nav.right {
	text-align: right
}

.news-nav.right .icon {
	padding: 0 0 0 0.4em
}

.news-nav.left .icon {
	padding: 0 0.4em 0 0
}

.news-nav div {
	display: table;
	width: 100%
}

.news-nav p {
	display: table-cell;
	vertical-align: middle
}

.news-nav p:not(.icon) {
	width: 90%
}

.news-nav p.icon {
	font-size: 2em;
	vertical-align: top
}

div.news_change_article {
	background: #dedede;
	padding: 5px;
	margin: 10px
}

div#max_chars_warning_box {
	font-weight: bold;
	color: #c00;
	display: none;
	padding: 10px;
	margin: 10px;
	border: 1px solid #c00
}

div.news_edit_printable_buttons {
	float: right;
	padding: 10px 30px 0 0
}

div.main_catlist {
	width: 100%;
	margin: 0
}

div.main_catlist_header {
	padding: 0 15px
}

div.main_catlist_one_entry {
	margin: 4px 0
}

span.main_catlist_text {
	font-weight: normal
}

div.news_sub_catlist {
	width: 180px;
	text-align: left;
	margin: 260px 0 15px
}

div.news_sub_catlist_header {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	margin: 0 10px 10px
}

a.news_sub_catlist {
	font-size: 10px;
	color: #4d4d4d
}

ul.news_sub_catlist {
	text-align: left;
	padding: 4px
}

li.news_sub_catlist {
	font-size: 10px
}

.ec-search-box-helper {
	display: none
}

@media only screen and (max-width: 40em) {
	.ec-search-box-helper {
		display: block;
		margin: 0 0 1.2em 1em
	}
}

.ec-search-box {
	margin-bottom: 3em
}

@media only screen and (max-width: 40em) {
	.ec-search-box {
		display: none
	}
}

.ec-search-box h2 {
	margin: 0.2em 0
}

.ec-search-box .ec-search-header {
	font-weight: bold;
	margin: 0.8em 0 0
}

.ec-search-box .ec-search-string-box {
	margin: 0 0 0 1em
}

.ec-search-box .ec-search-string-box.submit {
	margin: 1em 0 0.8em 1em
}

.ec-search-box .ec-sl {
	width: 30px;
	display: inline-block
}

.ec-item-box .ec-img {
	float: left;
	width: 35%;
	margin: 0 1em 0.3em 0
}

.ec-item-box .hr_box.ec {
	margin-top: 0.6em
}

.ec-item-box h2 {
	margin: 0.2em 0;
	font-size: 1.6em
}

.ec-item-box .info {
	margin: 0 0 0.5em 0
}

.ec-item-box .icons-box {
	float: right
}

.ec-item-box .icons-box img {
	width: 30px;
	margin: 0 0 0.3em 0.3em
}

.ec-item-admin {
	margin: 2px 0 5px;
	background: #eee;
	padding: 5px
}

.paging_end_box {
	margin: 0.7em 0 2em
}

.ec-nav {
	display: inline-block;
	width: 33%;
	text-align: center
}

.hr_box.ec {
	margin: 1em 0
}

.ec-link-all {
	margin: 2em 0 2em 1em
}

.starke-partner {
	margin: 0 auto;
	max-width: 1060px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around
}

@media only screen and (max-width: 62.5em) {
	.starke-partner {
		max-width: 460px
	}
}

@media only screen and (max-width: 31.25em) {
	.starke-partner {
		max-width: 300px
	}
}

.starke-partner img {
	width: 130px;
	margin-bottom: 20px
}

#dsgvo h2 {
	margin-top: 25px
}

#dsgvo h3 {
	margin-top: 10px
}

#dsgvo h4 {
	margin-top: 6px
}