/* jost-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/jost-v15-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/jost-v15-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/jost-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/jost-v15-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/jost-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/jost-v15-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/jost-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/jost-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/jost-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/jost-v15-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/jost-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/jost-v15-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/jost-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/jost-v15-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/jost-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/jost-v15-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/jost-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jost-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/jost-v15-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
	color: #27303A;
	background: #fff;
	font-family: "Jost", Helvetica, Roboto, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
}
hr {
	margin: 2em auto 2.5em auto;
}
.frame-layout-1 hr,
.document-content-reden header hr {
	border-color: #ffcb00;
}
.document-content-stellungnahmen header hr,
.document-content-statements header hr {
	
}
hr.medium-space {
	margin: 1em auto 1.5em auto;
}
.grid-container.custom-size,
hr.custom-size {
	max-width: 90rem;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: "Jost", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 0.75em;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-bottom: 0.5em;
}

h1 strong, h1 b,
h2 strong, h2 b,
h3 strong, h3 b,
h4 strong, h4 b,
h5 strong, h5 b,
h6 strong, h6 b {
  font-weight: 600;
  line-height: inherit;
}

.frame-layout-calloutwhite h4, 
.frame-layout-calloutwhite h5,
.frame-layout-calloutwhite h6 {
	margin-top: .5em;
	margin-bottom: 1em;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
	font-weight: 400;
	color: #4A4C4F;
}


h1.hero-headline small {
	font-weight: 700;
	color: #27303A;
	font-size: 0.65em;
}

@media screen and (min-width: 40em) {
	h1.hero-headline,
	.hero-section h1.section-headline {
  		font-size: 3.75em;
	}
	h1.hero-headline {
		line-height: 1;
	}
}

tbody tr:nth-child(2n) {
	border-bottom: 0;
	background-color: #F0F2F7;
}
.ce-table body th, 
.ce-table tbody td,
.contenttable td,
.contenttable th {
	border: 1px solid #DDDDDD;
}
.contenttable thead,
.ce-table thead {
  background: #FFCC00;
  color: #27303A;
}
.contenttable thead th,
.ce-table thead th {
  border-color: #ffffff;
}
select {
  font-family: inherit;
  font-size: 0.875em;
  font-weight: 600;
  text-transform: uppercase;
  color: #27303A;
}
select {
	background-image: url('../img/down-arrow.svg');
}
[type="text"], [type="password"], [type="date"], [type="datetime"],
[type="datetime-local"], [type="month"], [type="week"], [type="email"],
[type="number"], [type="search"], [type="tel"], [type="time"],
[type="url"], [type="color"], textarea, select {
	border-color: #4A4C4F;
}

.button.hollow.secondary.selectformlayout {
	text-align: left;
	font-family: inherit;
	font-size: 0.875em;
	font-weight: 600;
	text-transform: uppercase;
	color: #27303A;
	border-color: #4A4C4F;
	position: relative;
	padding-left: 0.75em;
}

.button.hollow.secondary.selectformlayout::after {
	position: absolute;
	content: '';
	display: block;
	right: 0.75em;
	top: 45%;
	width: 9px;
	height: 6px;
	background-size: 100% 100%;
	background-image: url('../img/down-arrow.svg');
}


.frame-type-text ul {
  list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 100 100'><circle cx='50%' cy='50%' r='10' /></svg>");
}
.ce-uploads  >li {
	margin-bottom: .75em;
}

blockquote, blockquote p {
  color: #27303A;
  font-size: 1.25em;
  font-weight: 500;
  font-style:italic;
}
blockquote {
	border-left: 2px solid #ffcc00;
	margin-left: 3em;
	margin-top: 2em;
	margin-bottom: 2em;
}

@media screen and (max-width: 39.9375em) {
	h1, .h1 {
		font-size: 2em;
	}
	.big-on-small {
		font-size: 1.5em;
	}
}

#kesearch_results .hit {
	font-weight: bold;
}
#kesearch_ordering .menu li {
	font-weight: 700;
	font-size: 0.875em;
}
.sortlink a {
	text-transform: uppercase;
}
.sortlink.down a,
.sortlink.up a {
	position: relative;
	display: block;
	padding-right: 1.2em;
}
.sortlink.down a::after,
.sortlink.up a::after {
	display: block;
	border: none;
	content: "";
	position: absolute;
	top: 55%;
	right: 5px;
	left: auto;
	margin-top: -3px;
	width: 10px;
	height: 5px;
	background-size: 100% 100%;
	background-image: url('../img/down-arrow.svg');
}
.sortlink.up a::after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.lead {
	/* margin-bottom: 2em; */
}
.breadcrumbs li {
	color: #27303A;
	text-transform: none;
	font-weight: 500;
}
.breadcrumbs a {
  color: #27303A;
}
.breadcrumbs li:not(:last-child)::after {
	color: #FFCC00;
	margin: 0 0.55em;
}
.pagination li {
	font-size: inherit;
}
.pagination a, .pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #27303A;
  border: 1px solid #F0F2F7;
}
.pagination .current {
  background: #FFCC00;
  color: #27303A;
}
.pagination a:hover, .pagination button:hover {
  background: #AE0F0A;
  color: #ffffff;
}
.pagination-next a::after, 
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "›";
}
.pagination-next.last a::after, 
.pagination-next.last.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»";
}
.pagination-previous a::before, 
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "‹";
}
.pagination-previous.first a::before, 
.pagination-previous.first.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«";
}
@media screen and (max-width: 39.9375em) {
  .pagination li {
    display: inline-block;
  }
}
.button:hover, .button:focus {
  background-color: #AE0F0A;
  color: #ffffff;
}

.text-uppercase {
	text-transform: uppercase;
}
.text-lowercase,
.external-link.text-lowercase {
	text-transform: lowercase;
	font-size: inherit;
	font-weight: normal;
	text-decoration: none !important;
}

.page-teaser figure,
.teaser-image {
	margin-bottom: 1.5em;
}
.with-margin-bottom {
	margin-bottom: 0.75em;
}
.more-margin-bottom {
	margin-bottom: 2em;
}

.border-layout {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 1.5em;
}
.border-layout::after {
	position: absolute;
	left: 0px;
	bottom: -10px;
	content: '';
	display: block;
	width: 100%;
	border-bottom: 5px solid #ffcc00;
}


.default.hero-teaser {
	padding: 5em 0 2.5em;
}

.hero-headline,
.hero-section .section-headline {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 1em;
	letter-spacing: 0.02em;
	font-weight: 800;
	hyphens: auto;
	overflow-wrap: break-word;
}
.hero-section .document-content-presse .section-headline {
	text-transform: none;
}
.hero-headline::after,
.hero-section .section-headline::after {
	position: absolute;
	left: 47%;
	bottom: -0.35em;
	content: '';
	display: block;
	width: 41px;
	border-bottom: 5px solid #ffcc00;
}
.hero-section .section-headline::after {
	bottom: -0.2em;
}
.hero-headline.small-border::after,
.hero-section .section-headline::after {
	left: 0px;
}

/* Überschriften mit kurzen Strich vorne/unten hyphens: auto;overflow-wrap: break-word;*/
.normal-headline {
	position: relative;
	display: inline-block;
	letter-spacing: 0.01em;	
}
.normal-headline::after {
	position: absolute;
	left: 0px;
	bottom: -10px;
	content: '';
	display: block;
	width: 41px;
	border-bottom: 5px solid #ffcc00;
}

/* Zwischenüberschriften - */
.section-headline {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 1.5em;
	letter-spacing: 0.04em;
	font-weight: 700;
}
.section-headline::after {
	position: absolute;
	left: 0px;
	bottom: -10px;
	content: '';
	display: block;
	width: 100%;
	border-bottom: 5px solid #ffcc00;
}
@media screen and (max-width: 39.9375em) {
	.default.hero-teaser {
		padding: 2.5em 0 2.5em;
	}
	.section-headline {
		font-size: 1.5em;
	}
	.hero-section .section-headline {
		font-size: 2em;
	}
}



a {
	color: #E84610;
}
p > a:not(.button):not(.shape) {
	text-decoration: underline;
}
a:hover, a:focus {
	color: #AE0F0A;
}
.shape-1 {
	position: relative;
	padding-right: 40px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.875em;
	letter-spacing: 0.02em;
}
.shape-1::after {
	position: absolute;
	right: 0px;
	top: 22%;
	content: '';
	display: block;
	width: 35px;
	height: 11px;
	background-size: 100% 100%;
	background-image: url('../img/shape.svg');
}
.shape {
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.875em;
	letter-spacing: 0.02em;
	display: inline-block;
}
.shape::after {
	position: relative;
	top: 22%;
	content: '';
	display: inline-block;
	margin-left: 0.5em;
	width: 35px;
	height: 11px;
	background-size: 100% 100%;
	background-image: url('../img/shape.svg');
}


.external,
.external-link {
	position: relative;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.875em;
	letter-spacing: 0.02em;

}
.external::after,
.external-link::after {
	content: '';
	display: inline-block;
	margin-left: .5em;
	width: 14px;
	height: 14px;
	background-size: 100% 100%;
	background-image: url('../img/external.svg');
}
.callout .external {
	font-weight: 600;
	color: #E84610;
}

.internal,
.link-arrow {
	position: relative;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.875em;
	color: #27303A;
	letter-spacing: 0.02em;
}
.internal::after,
.link-arrow::after {
	content: '';
	display: inline-block;
	margin-left: .5em;
	width: 10px;
	height: 13px;
	background-size: 100% 100%;
	background-image: url('../img/right-arrow.svg');
}

.link-arrow-down {
	position: relative;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #27303A;
	font-size: 0.875em;
	letter-spacing: 0.02em;
}
.link-arrow-down::after {
	content: '';
	display: inline-block;
	margin-left: .5em;
	background-size: 100% 100%;
	width: 14px;
	height: 12px;
	background-image: url('../img/icon-plus.svg');
}


.download {
	position: relative;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.875em;
	letter-spacing: 0.02em;
}
.download::after {
	content: '';
	display: inline-block;
	margin-left: .5em;
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	background-image: url('../img/download.svg');
}
.button.download::after {
	content: '';
	display: inline-block;
	margin-left: .5em;
	width: 16px;
	height: 17px;
	background-size: 100% 100%;
	background-image: url('../img/download-pdf-icon.svg');
}
.button.hollow.download::after {
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	background-image: url('../img/download.svg');
}
.check-icon {
	position: relative;
	padding-left: 40px;
	font-weight: 700;
}
.check-icon::before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	display: block;
	width: 28px;
	height: 29px;
	background-size: 100% 100%;
	background-image: url('../img/check-icon.svg');
}
.icon-phone {
	position: relative;
	padding-left: 30px;
}
.icon-phone::before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-size: 100% 100%;
	background-image: url('../img/icon-phone.svg');
}
.icon-email {
	position: relative;
	padding-left: 30px;
}
.icon-email::before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-size: 100% 100%;
	background-image: url('../img/icon-mail.svg');
}





.button {
	padding: 0.85em 2.0em;
	background-color: #E84610;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));
	position: relative;
}
.button::after {
	content: '';
	display: inline-block;
	margin-left: .5em;
	width: 35px;
	height: 11px;
	background-size: 100% 100%;
	background-image: url('../img/shape-white-2.svg');
}
.button.weltkarte_contifilter::after,
.kesearch_searchbox .button.hollow::after,
.kesearch_searchbox .button.clear::after,
.kesearch_searchbox .button.searchtype::after,
.news-search-form .button.searchtype::after {
	content: none;
}
.button.weltkarte_contifilter.is-active,
.kesearch_searchbox .button.is-active {
	background-color: #AE0F0A;
}

.textlinks .button-group .button {
	margin-right: 2px;
}


.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #E84610;
  color: #E84610;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #AE0F0A;
  color: #AE0F0A;
}
.button.hollow::after,
.button.clear::after {
	background-image: url('../img/shape.svg');

}
.button.clear {
	color: #E84610;
/*	padding: 0.85em 1em;
	
	font-weight: 400;
	text-transform: none;
*/
}
.button.clear:hover, .button.clear:focus {
  color: #AE0F0A;
}

.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #000000;
  color: #ffffff;
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #000000;
  color: #000000;
  background-color: transparent;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #000000;
  background-color: transparent;
}

.button img {
	vertical-align: middle;	
}
.button.small img {
	vertical-align: top;	
}

.offers {
	font-size: 1.625em;
	color: #27303A;
	font-weight: 600;
	display: block;
	margin: 0 0 1em 0;
	padding: 0.75em 1em 0.75em 80px;
	border: 1px solid #DDDDDD;
	position: relative;
	background: #fff;
	transition: box-shadow 0.2s ease-in-out;
}
.offers:hover {
	box-shadow: 0px 8.20734px 12.311px -4.10367px rgba(16, 24, 40, 0.03), 0px 24.622px 32.8294px -8.20734px rgba(16, 24, 40, 0.08);
	color: #27303A;
}
.offers::before {
	position: absolute;
	left: 15px;
	top: 40%;
	content: '';
	display: block;
	width: 35px;
	height: 11px;
	background-size: 100% 100%;
	background-image: url('../img/shape.svg');
	z-index: 1;
}
.offers::after {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	content: '';
	display: block;
	width: 65px;
	height: 100%;
	background-color: #DDDDDD;
}

@media screen and (max-width: 39.9375em) {
	.offers {
		font-size: 1.25em;
	}
}

.presse-teaser {
	position: relative;
	display: block;
	width: 100%;
	padding: 1.5em 4.5em 0.75em 2em;
	margin: 0 0 1.5em 0;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	position: relative;
	color: #27303A;
	transition: box-shadow 0.2s ease-in-out;
}
.presse-teaser:hover {
	box-shadow: 0px 8.20734px 12.311px -4.10367px rgba(16, 24, 40, 0.03), 0px 24.622px 32.8294px -8.20734px rgba(16, 24, 40, 0.08);
	color: #27303A;
}


.presse-teaser::after {
	position: absolute;
	right: 2em;
	top: 40%;
	content: '';
	display: block;
	width: 35px;
	height: 11px;
	background-size: 100% 100%;
	background-image: url('../img/shape.svg');
}
@media screen and (max-width: 39.9375em) {
	.presse-teaser {
		padding: 0.75em 1em 2em 1em;
	}
	.presse-teaser::after {
		right: auto;
		top: auto;
		left: 15px;
		bottom: 20px;
	}
}

.page-teaser-stacked {
	margin-bottom: 3em;
}

.meta-teaser,
.meta-header-teaser {
	color: #4A4C4F;
	font-size: 0.875em;
	text-transform: uppercase;
	position: relative;
	padding-left: 30px;
}
.meta-teaser::before,
.meta-header-teaser::before {
	position: absolute;
	left: 0px;
	top: 0.6em;
	content: '';
	display: block;
	width: 22px;
	height: 5px;
	background-color: #ffcc00;
}

.urteile-teaser .meta-header-teaser {
	font-weight: 500;
}
.urteile-teaser .meta-footer-teaser {
	color: #6D6F74;
	margin: 0 0 1.5em 0;
}

.urteile-teaser h4 {
	hyphens: auto;
	overflow-wrap: break-word;
}
.person-teaser {
	margin: 0 0 1.5em 0;
}
.person-teaser__media {
	margin: 0 0 1.5em 0;
}

.kammer-teaser {
	margin: 0 0 3.5em 0;
}
.kammer-teaser .kammer-teaser-title small {
	text-transform: uppercase;
}

.frame-layout-calloutwhite .callout.left-triangle {
	padding: 1em 2em 0.25em 2em;

}

.callout {
	border-color: #DDDDDD;
}
.callout.filter {
	padding-bottom: 0px;
}
.callout.left-triangle {
	margin: 0 0 1rem 0;
	padding: 1rem;
	border: none;
	border-radius: 0;
	background-color: #fff;
	color: #27303A;
	position: relative;
}
.callout.left-triangle::after {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 0;
	height: 0;
	content: '';
	display: block;
	border-right: 40px solid #ffffff;
	border-top: 40px solid transparent;
}
.callout.left-triangle::after {
	border-right-color: #F0F2F7;
}
.callout.secondary {
	background-color: #F0F2F7;
	color: #27303A;
	border: none;
}
.callout.secondary.right-triangle::after {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 0;
	height: 0;
	content: '';
	display: block;
	border-right: 46px solid #ffffff;
	border-top: 40px solid transparent;
}
.noborder-callout {
	position: relative;
	margin: 0 0 3em 0;
}

.callout.secondary.teaser-banner {
	padding: 2em 3em 0.75em;
}
.callout.secondary.address-teaser {
	padding: 1.0em 2em 0.5em;
}
.callout.secondary.teaser-form-fieldset {
  padding: 3em 5em 3em;
}

.callout.news-search-form {
	padding: 1.5em 1.5em .5em 1.5em;
}
.callout.news-search-form.ke_search-nofilter {
	background: none;
	padding: 0 1.5em .5em 1.5em;
	border: none;
}

@media screen and (max-width: 39.9375em) {
	.callout.secondary.teaser-form-fieldset {
  		padding: 1em 1em 1em;
	}
}




.powermail_fieldwrap {
	margin: 0 0 1.5em 0;
}

/*  background:linear-gradient(315deg, transparent 40px, #ffffff 0) bottom right;
  border-bottom: none;
  border-right: none; */
.callout.primary {
	background-color: #ffffff;
	color: #27303A;
	border-color: #FFCC00;
	padding: 2.5em; 
	position: relative;
	clip-path: polygon(100% 0, 100% calc(100% - 50px), calc(100% - 60px) 100%, 0 100%, 0 0);
}

.callout.primary-off::after {
	position: absolute;
	width:60px;
	bottom: 0;
	right: 0;
	content: '';
	display: block;
	border-bottom: 1px solid #ffcc00;
	transform: rotate(130deg);
}

.frame-layout-filterbox {
	filter: drop-shadow(0px 1px 0px #FFCC00);
}
.frame-layout-filterbox .callout.primary {
	border-bottom: none;
}


.frame-layout-bildmitecke figure.image {
	filter: drop-shadow(10px 10px 0px #F1F1F1);
}
.frame-layout-bildmitecke .image-embed-item {
	clip-path: polygon(100% 0, 100% calc(100% - 120px), calc(100% - 150px) 100%, 0 100%, 0 0);
}
@media screen and (max-width: 39.9375em) {
	.frame-layout-bildmitecke figure.image {
		filter: drop-shadow(5px 5px 0px #F1F1F1);
	}
	.frame-layout-bildmitecke .image-embed-item {
		clip-path: polygon(100% 0, 100% calc(100% - 60px), calc(100% - 90px) 100%, 0 100%, 0 0);
	}
}


off.callout.primary.right-triangle-border::after {
	position: absolute;
	bottom: 0px;
	right: -20px;
	width: 40px;
	height: 40px;
	content: '';
	display: block;
	border-bottom: 1px solid #FFCC00;
	background: transparent;
	transform: rotate(315deg);
}
off.callout.primary.right-triangle-border:before { 
	content: ''; 
	position: absolute; 
	bottom: -20px;
	right: -20px; 
	width: 40px; 
	height: 40px; 
	background: #ffffff; 
	transform: rotate(45deg);
	border-left: 1px solid #FFCC00;
	z-index: 1;
}

@media screen and (max-width: 39.9375em) {
	.callout.primary {
  		padding: 1em;
	}
}

.ce-textpic .float-left {
	margin-right: 2em;
}
.ce-textpic .float-right {
	margin-left: 2em;
}

.ce-above figure,
.ce-textpic figure {
	margin-bottom: 2em;	
}
.text-right.ce-nowrap figure {
	margin-left: 2em;	
}
.text-left.ce-nowrap figure {
	margin-right: 2em;	
}
.ce-border figure.image,
.ce-border figure.video {
	border: 1px solid #DDDDDD;
	padding: 1em;
}

.image.with-border {
	border: 1px solid #DDDDDD
}
.seiten-teaser figure {
	margin-bottom: 1.0em;
}

.urteile-teaser figure,
.urteile-teaser h4 {
	margin-bottom: 1.0em;
}

.image-triangle {
	position: relative;
	box-shadow: 10px 10px 0px 0px #F1f1f1;
}
.page-teaser .image-triangle {
	box-shadow: 10px 10px 0px 0px #F1f1f1;
}
.image-triangle::after {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 0;
	height: 0;
	content: '';
	display: block;
	border-right: 120px solid #ffffff;
	border-top: 120px solid transparent;
}
.page-teaser .image-triangle::after {
	border-right: 50px solid #ffffff;
	border-top: 50px solid transparent;
	bottom: -10px;
	right: -10px;
}
.image-article {
	position: relative;
	box-shadow: 10px 10px 0px 0px #ffffff;
}
.image-article::before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0;
	height: 0;
	content: '';
	display: block;
	border-left: 120px solid #F0F2F7;
	border-bottom: 120px solid transparent;
}
.image-article::after {
	position: absolute;
	bottom: -10px;
	right: -10px;
	width: 0;
	height: 0;
	content: '';
	display: block;
	border-right: 120px solid #F0F2F7;
	border-top: 120px solid transparent;
}
.ce-image figure {
	position: relative;
}

.ce-image figure .image-copyright-off {
  font-size: 0.95em;
  line-height: 1;
  color: #787C7E;
  text-align: left;
  background: rgba(255, 255, 255, 0.0);
  padding: 0.85em 0.35em;
  z-index: 1;
  bottom: 0;
  left: 0;
   position: absolute;
  /*
  
  
	-moz-transform: scale(-1, -1);
	-ms-transform: scale(-1, -1);
	-o-transform: scale(-1, -1);
	-webkit-transform: scale(-1, -1);
	transform: scale(-1, -1);
	writing-mode: vertical-lr;
   transform: scale(-1, -1);
    writing-mode: vertical-rl;
    
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    
   */

}
.ce-image figure .image-copyright {
	position: absolute; /* only handy here because its parent is set to `position: relative;` */
    left: 0;
    bottom: 0;
    /* writing-mode: sideways-lr;   /* Webkit browsers don't support `sideways-lr` yet */
    text-orientation: sideways-right;
    writing-mode: vertical-rl;  /* `vertical-rl` and a rotation will achieve the same effect */
    transform: scaleX(-1) scaleY(-1);
    height: 100%;
	padding: 0.5em 0.5em;
    text-align: left;
    font-size: 0.75em;
	line-height: 1;
	color: #27303A;
}
.turn-right-off {
	writing-mode: vertical-lr;
	transform: scale(-1, -1);
}

.document-header {
	border-top: 5px solid #FFCC00;
	background: #fff;
}
.header-meta-nav {
	margin-bottom: 1em;
}

.header-meta-nav .menu a {
	color: #27303A;
	font-size: 0.875em;
	font-weight: 400;
}
.header-meta-nav .menu .active > a {
  background: none;
  color: #27303A;
  font-weight: 700;
}
.header-meta-nav .menu a:hover {
	color: #AE0F0A;
}
.header-meta-nav .menu a:hover span {
	border-bottom: 1px solid #AE0F0A;
}
.header-meta-nav .menu a.current {
	color: #AE0F0A;
}

.header-meta-nav .menu .section-link a {
	background-color: rgba(255,204,0,0.2);
	font-weight: 600;
}
.header-meta-nav .menu .section-link.act a {
	background-color: #FFCC00;
}
.header-meta-nav .menu .section-link a:hover {
	color: #27303A;
}
.header-meta-nav .menu .section-link:not(.act)  a:hover span {
	border-bottom: 1px solid #27303A;
}
.header-meta-nav .menu .section-link.act a:hover span {
	border-bottom: none;
}

.top-bar, .top-bar ul {
	background-color: #ffffff;
	padding: 0;
}
.title-bar {
	padding: 0.5rem;
	background: transparent;
	color: #27303A;
}
.title-bar .menu a,
.title-bar button.menu-toggle {
	color: #27303A;
	font-size: 0.875em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.02em;
}
.header-logo {
	padding: 1em 0;
	display: block;
}
.header-logo img {
	max-width: 104px;
}
@media screen and (min-width: 40em) {
	.header-logo {
		padding:0;
	}
	.header-logo img {
		max-width: 100%;
	}
}

.main-nav {
	margin-bottom: 1em;
}
.main-nav a {
	color: #27303A;
	font-size: 0.875em;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 1em 1em;
}
.main-nav a:hover {
	color: #AE0F0A;
}
.main-nav a:hover span {
	border-bottom: 1px solid #AE0F0A;
}
.main-nav a.active {
	color: #AE0F0A;
}
.main-nav .dropdown-pane a {
	line-height: 1.4;
}
.main-nav a.is-main-level {
	text-transform: uppercase;
}
.accordion-menu .nested.is-accordion-submenu {
	margin-bottom: 1em;
}

.main-nav ul ul .nested a {
	opacity: 0.7;
}
.main-nav .dropdown-pane .cloned-item,
.main-nav .dropdown-pane .is-submenu-parent-item {
	text-indent: -1em;
}
.main-nav .dropdown-pane {
	padding-top: 1.5em;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 330px;
  
  visibility: hidden;
  border:none;
  border-radius: 0;
  background: none;
  font-size: inherit;
}
.dropdown-pane .accordion-menu {
	background-color: #ffffff;	
	padding: .5em;
}

.dropdown-pane::before {
	display: block;
	border: none;
	content: "";
	top: 0px;
	margin: 0 auto;	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 16.5px 16px 16.5px;
	border-color: transparent transparent #ffffff transparent;
}

.main-nav .dropdown.menu > li.is-dropdown-submenu-parent > a::after,
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
	display: block;
	border: none;
	content: "";
	right: 5px;
	left: auto;
	margin-top: -3px;
	
	width: 10px;
	height: 5px;
	background-size: 100% 100%;
	background-image: url('../img/down-arrow.svg');
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  	display: block;
  	border: none;
  	content: "";
	width: 10px;
	height: 5px;
	background-size: 100% 100%;
	background-image: url('../img/down-arrow.svg');
}
.is-dropdown-submenu {
	min-width: 300px;
	border: none;
	background: #ffffff;
}
.menu .is-active > a {
  background: none;
  color: #27303A;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #27303A;
}

.main-nav .accordion-menu .is-main-level {
	border-top: 1px solid #DDDDDD;
}
.main-nav .mobilenav .accordion-menu {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 2em;
}
.main-nav .mobilenav {
	margin-right: -0.625em;
	margin-left: -0.625em;
}
.main-nav .mobilenav .accordion-menu .is-main-level {
	padding-right: 1.625em;
}
.main-nav .mobilenav .accordion-menu .is-accordion-submenu-parent > a::after {
	right: 19px;
}

.main-nav .mobilenav .accordion-menu .is-accordion-submenu a {
	padding: 0.7rem 1rem;
}


#menuopenicon::after {
	content: '';
	display: inline-block;
	margin-left: .5em;
	width: 14px;
	height: 11px;
	background-size: 100% 100%;
	background-image: url('../img/hamburger-menu.svg');
}
#menuopenicon.is-opened::after {
	width: 14px;
	height: 11px;
	background-image: url('../img/hamburger-close.svg');
}


.page-wrapper {
	position: relative;
	overflow: hidden;
}

.document-main {
	background-color: transparent;
	height: 100%;
	position: relative;
}
.document-main-old::after {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 110vw solid #F0F2F7;
	border-bottom: 110vw solid transparent;
	z-index: -1;
}
.document-main:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  height: 100vw;
  background-color: #F7F9FC;
  clip-path: polygon(0% 0%, 100% 0%, 100% 310px, 0% 100%);
  
}
.page-patienten .document-main:after {
  background-color: #FFFAE5;
}

@media screen and (max-width: 39.9375em) {
	.grid-container {
  		padding-right: 1.0em;
  		padding-left: 1.0em;
	}
	
	.document-main:after {
		height: 100vh;
		clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 70%);
	}
}

/*
section.default {
	padding: 1.5em 0 3.5em;
}
section.default .frame-default,
*/
.frame-default {
	padding: 0em 0 2.5em;
}

.frame-default .frame-default,
.footer-box .frame-default,
.frame-default.frame-type-div,
.frame-default.frame-type-header {
	padding: 0;
}
.frame-default.frame-space-after-medium,
.frame.default.frame-space-after-medium {
	padding-bottom: 2.5em;
}
.frame-default.frame-space-before-medium,
.frame.default.frame-space-before-medium {
	padding-top: 2.5em;
}

.document-breadcrumbs {
	margin-top: 1.5em;
	margin-bottom: 3em;
}

@media screen and (max-width: 39.9375em) {
	.document-breadcrumbs {
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}
}


.accordion {
	background: none;
}
.accordion-title {
	padding: 1.15em 3.0em 1.15em 0;
	border: none;
    border-bottom: 1px solid #27303A;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.2;
	color: #27303A;
}

.accordion-title:hover, 
.accordion-title:focus {
	background: none;
}
.accordion-title:focus {
	color: #27303A;
}
.accordion-title::before {
  position: absolute;
  top: 40%;
  right: 1em;
  margin-top: -0.5rem;
  content: " ";
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
	background-image: url('../img/button_plus.svg');
  color: #ffffff;
  text-align: center;
}
.is-active > .accordion-title::before {
  content: " ";
  background-image: url('../img/button_minus.svg');
}

:last-child:not(.is-active) > .accordion-title {
	border-bottom: 1px solid #27303A;
}
.is-active > .accordion-title {
	border-bottom: none;
}
.accordion-content {
	border: none;
	background: none;
	color: #27303A;
	padding-left: 0;
}
:last-child > .accordion-content:last-child {
	border-bottom: 1px solid #27303A;
}
.is-active > .accordion-content {
	border-bottom: 1px solid #27303A;
}

.document-footer {
	position: relative;
	z-index: 0;
	background: #F0F2F7;
	padding: 3em 0 1.5em;
	overflow: hidden;
}
.document-footer::after {
	position: absolute;
	bottom: 0px;
	right: 0px;
	content: '';
	display: block;
	width: 100%;
	height: 195px;
	background-size: 100% 100%;
	background-image: url('../img/footer-social.svg');
	z-index: -1;
}
@media screen and (max-width: 39.9375em) {
	.accordion-title {
		padding: 1.15em 3.0em 1.15em 0;
		font-size: 1.25em;
	}
	.document-footer::after {
		bottom: -90px;
		right: 0px;
		width: 330%;
	}
}

.footer-meta-nav {
	margin-bottom: 2em;
}

.footer-meta-nav .menu a {
	color: #27303A;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.875em;
}
.footer-meta-nav .menu a:hover {
	color: #E84610;
}
@media screen and (min-width: 40em) {
	.footer-meta-nav .menu li:first-child a {
		padding-left:0px;
	}
}

.footer-social {
	margin-bottom: 5em;
}
.footer-social .menu .menu-text {
	text-transform: uppercase;
	font-size: 0.875em;
	padding: 0.7em 0.5em;
}
.footer-social .menu.simple li + li {
	margin-left: 1.5em;
}
@media screen and (max-width: 39.9375em) {
	.footer-social {
		margin-top: 4em;
		margin-bottom: 1em;
		margin-right: 1em;
	}
}


label {
	color: #494949;
	font-weight: 500;
	text-transform: uppercase;
}
.checkbox label {
	text-transform: none;
	font-weight: 400;
	font-size: 1.0em;
}
.powermail_fieldwrap_type_check label.control-label {
	font-weight: 700;
	font-size: 1.125em;
}
label.text-uppercase {
	font-weight: 500;
}
label .required {
	color: #E84610;
}
legend .required {
	color: #E84610;
}
.more-label-text {
	margin-right: 0.5em;
}

.filtertoggle {
	text-transform: none;
	color: #27303A;
	font-weight: 400;
	font-size: 1.325em;
}
.filtertoggle span {
	position: relative;
	
}
.filtertoggle .show-for-close::after,
.filtertoggle .show-for-open::after {
	content: '';
	display: inline-block;
	margin-left: .3em;
	width: 14px;
	height: 12px;
	background-size: 100% 100%;
	background-image: url('../img/icon-plus.svg');
}
.filtertoggle .show-for-open::after {
	margin-bottom: 0.3em;
	width: 14px;
	height: 3px;
	background-image: url('../img/icon-minus.svg');
}





/* -----------------------------------------
  Interaktives Rechnungsformluar Styles content: "\00BB \0020";
----------------------------------------- */

#interrechn {
	margin:0;
	position:relative;
}
.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0;
	background-color:#111;
	color:white;
	display:block;
	height:23px;
}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: white-space:nowrap; */
.tipVisible{ cursor:pointer; height:17px; }

.tipTitle {
	color: white;
	font-size:13px;
	line-height: 14px;
	font-weight:bold;
	padding:0;
	margin: 0;
	float:left;
	white-space:nowrap;
}

.tipIcon{
	width:17px;
	height:17px;
	float:left;
	background-color:#FBD241;
	border:1px solid #FBD241;
	margin-right:8px;
}

.plusIcon{
	/* The plus icon */
	width:15px;
	height:15px;
	background:url('../images/plus.gif') no-repeat center center;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.slideOutTip.isOpened .tipIcon{ background-color:#ED1C24; border:1px solid #ED1C24; }
/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle { float:right; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }


.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	width:240px;
}

.slideOutContent a {
	color:#FBD241;
}

.slideOutContent p {
	padding:0 0 5px 0;
	font-size:12px;
	line-height: 1.3em;
}

#projektliste .dropdown-pane,
#additionalfilter .dropdown-pane {
	border: 1px solid #cacaca;
	background-color: #fefefe;
}

@media print {
	@page { margin: 1cm }
	h1, .h1 {
		font-size: 1.5em;
	}
	h2, .h2 {
  		font-size: 1.25em;
	}
	h3, .h3 {
  		font-size: 1.15em;
	}
	h4, .h4,
	h5, .h5,
	h6, .h6,
	.section-headline {
  		font-size: 1.05em;
	}
	blockquote {
		border-left: 2px solid #ffcc00;
		margin-left: 0em;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	a[href]:after {
    	content: "";
	}
	.document-header {
  		border-top: none;
  		background: #fff;
	}
	.document-main {
		background: none;
		height: inherit;
		position: relative;
	}
	.document-main::after {
		clip-path: none;
		content: none;
		all: unset;
	}
	.document-breadcrumbs {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	.document-footer {
  		padding: 1em 0 0em;
		overflow: auto;
	}
	.document-footer::after {
		content: none;
		background: none;
		all: unset;
	}
	.frame-default,
	.frame-default.frame-space-after-medium, 
	.frame.default.frame-space-after-medium {
		padding: 0 0 0.5em;
	}
	.callout,
	.callout.primary,
	.section-headline::after,
	.meta-teaser::before, 
	.meta-header-teaser::before,
	.offers::before,
	.offers::after {
		all: unset;
	}
	.frame-layout-filterbox {
		filter: none;
	}
	.meta-teaser, 
	.meta-header-teaser {
		padding-left: 0;
	}
	.callout.news-search-form.ke_search-nofilter {
		display: none;
	}
	.offers {
		font-size: 1.05em;
		margin: 0 0 1em 0;
		padding: 0;
		border: none;
}
}