/* individuelle CSS-Anpassungen der jeweiligen Installation */
@font-face {
	font-family: "Moderat";
	src: url("/depot/tpl/re-cannis/fonts/Moderat-Light.eot");
	src: url("/depot/tpl/re-cannis/fonts/Moderat-Light.eot?#iefix") format("embedded-opentype"),
		 url("/depot/tpl/re-cannis/fonts/Moderat-Light.woff2") format("woff2"),
		 url("/depot/tpl/re-cannis/fonts/Moderat-Light.woff") format("woff"),
		 url("/depot/tpl/re-cannis/fonts/Moderat-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Moderat";
	src: url("/depot/tpl/re-cannis/fonts/Moderat-Bold.eot");
	src: url("/depot/tpl/re-cannis/fonts/Moderat-Bold.eot?#iefix") format("embedded-opentype"),
		 url("/depot/tpl/re-cannis/fonts/Moderat-Bold.woff2") format("woff2"),
		 url("/depot/tpl/re-cannis/fonts/Moderat-Bold.woff") format("woff"),
		 url("/depot/tpl/re-cannis/fonts/Moderat-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

body {
	font-family: "Moderat", sans-serif;
	font-weight: 300;
	color: #646464;
}

h1, h2, h3, h4, h5, h6 {
	color: #1d1d1b;
}

h1, .h1 {
	font-size: 3.3em;
	line-height: 1.3em;
	letter-spacing: 0;
}

h2 {
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 0.8em;
}

h3, .h3 {
	font-size: 2em;
	line-height: 1.3em;
}

h4 {
	font-size: 1.32em;
	line-height: 1.3em;
	letter-spacing: 0;
	margin-bottom: 0.65em;
	text-transform: none;
	color: #646464;
}

h5 {
	font-size: 1.12em;
	margin-bottom: 1.1em;
	letter-spacing: 0;
	color: #00cf00;
	font-weight: 700;
}

h5 i:after, h5 em:after {
    width: 2em;
	margin-left: 0.25em;
}

#menue h6 {
	display: none;
}

p,
.dcr-m1 .fliesstext p,
section ol li::marker {
	font-size: 1.13em;
	line-height: 1.8em;
	margin: 0 0 1.5em 0;
}

p:last-child, .dcr-m1 .fliesstext p:last-child, .dcr-m26 .fliesstext p:last-child,
.dcr-m28 .fliesstext p:last-child {
	margin: 0;
}

.dcr-m3 h4 {
	margin-bottom: 1.5em;
}

.regular {
	font-weight: 300;
}

b, strong, .bold {
    font-weight: bold;
}

section .container img {
	width: 100%;
}

.logo-wrapper.lw-absolute {
    margin-bottom: 3em;
}

.login-container {
	padding: 0;
}

.login-container.lc-milk {
	box-shadow: none;
}

.utility-page-wrap.upw-background {
	height: auto;
	padding: 0;
	-webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.utility-page-content {
	display: flex;
	justify-content: center;
    align-items: center;
	width: 50%;
	padding: 6em 3em;
	margin: 0;
}

.utility-page-form.upf-no-max {
	display: block;
	width: 42em;
	max-width: 100%;
}

.logo.l-login {
	width: 22em;
}

p.infotext {
	font-size: 0.8em;
	line-height: 1.4em;
}

.highlight.h-login {
	font-size: 1em;
	text-transform: none;
}

.input.i-milk {
	font-size: 1em;
	padding: 0.5em 0.75em;
	background: #ebebeb;
	border: none;
}

.button-style.bs-profile {
	font-size: 1em;
	border-radius: 0;
	padding: 0.5em 1.5em 0.55em;
	background: #00cf00;
	color: #fff;
	font-weight: 700;
}

.button-style.bs-profile.bs-right {
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.button-style.bs-profile.w-password-page {
	margin: 0 0 2em;
}

.utility-image {
	position: relative;
	width: 50%;
	flex-shrink: 0;
}

.utility-image > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inhalt {
	overflow: hidden;
}

section .container {
    max-width: 100em;
	padding: 4em 4em 0 4em;
}

.container {
	max-width: 100em;
}

#menue {
	color: #646464;
	background-color: #ffffff;
}

#menue .container, #menue .eintraege, #menue .kategorie, #menue .kategorie {
	background-color: #ffffff;
}

#menue .eintraege li > a {
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 1em;
}

#menue .eintraege li li, #menue .eintraege li.alterniert li {
	background-color: #f7f9f7;
}

#menue .eintraege li.aktiv, #menue .eintraege li.alterniert > a {
    color: #00cf00;
	background-color: #fff;
	font-weight: 700;
}

#menue .eintraege li > a:hover,  #menue .eintraege li.alterniert li:hover, #menue .eintraege li.alterniert, #menue .eintraege li:hover {
	background-color: #ececec;
}

#menue .eintraege li.alterniert > a:before {
	background: url("/depot/tpl/re-cannis/set/nav-arrow-active.svg") no-repeat center center;
}

#menue .kategorie {
    border-bottom: 1px solid #d6d6d6;
}

#menue .eintraege a:after {
	background-color: #d6d6d6;
}

#menue .eintraege a[data-alternieren]:before {
    margin-top: 0.25em;
    background: url("/depot/tpl/re-cannis/set/nav-arrow.svg") no-repeat center center;
}

#menue .logo a {
	height: 5em;
}
#menue .logo a:before {
	background: url("/depot/tpl/re-cannis/set/logo-recannis.svg") no-repeat left center;
}

.menueoeffner-inner, .menueoeffner-inner::after {
    background-color: #00cf00;
}

#menue.alterniert .menueoeffner .menueoeffner-inner, #menue.alterniert .menueoeffner .menueoeffner-inner::after {
    background-color: #00cf00;
}

#menue .kategorie {
	padding-top: 1.5em;
}

#menue .footer .downloads:after {
    background: url('/depot/tpl/re-cannis/set/download.svg') no-repeat center center;
    background-size: 100%;
}

#menue .footer .profile:after {
    background: url('/depot/tpl/re-cannis/set/profile.svg') no-repeat center center;
    background-size: 100%;
}

#menue .footer {
	border-top: 1px solid #d6d6d6;
}

.menueoeffner {
	background: #fff;
}

.sf, .mehr {
	font-size: 1.13em;
	line-height: 1.1em;
	font-weight: 700;
	color: #00cf00;
	letter-spacing: 0;
	margin: 0;
	background-color: transparent;
	padding: 0 0 4px 0;
	border-radius: 0px;
	border-bottom: 1px solid #00cf00;
	min-width: 0;
	width: auto;
	height: auto;
	box-shadow: none;
	text-transform: none;
	text-decoration: none;
	transition: color 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955), border-bottom-color 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.sf:hover {
	color: #00ec00;
	border-bottom-color: #00ec00;
	background-color: transparent;
}

.sf.hell {
	color: #fff;
	border-bottom-color: #fff;
	background-color: unset;
}

.sf.hell:hover {
	color: #00cf00;
	border-bottom-color: #00cf00;
	background-color: transparent;
}

fieldset {
	border: none;
  padding: 0;
  margin-bottom: 1em;
}

.mehr:hover {
	color: #00ec00;
	border-bottom-color: #00ec00;
	text-decoration: none;
}

.profile-details .sf {
	background: #00ec00;
	padding: 0.5em 1em;
	margin: 0.7em 0.8em 0 0;
	transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
	border: 1px solid #00cf00;
}

.verdeckt{
	margin-bottom: 2em;
}

.dcr-m4 .bild,
.dcr-m5 .bild,
.dcr-m6 .bild,
.dcr-m7 .bild,
.dcr-m8 .bild,
.dcr-m9 .bild {
	padding: 0;
}

.abschnittumschalter {
	margin-top: 2em;
}

.dcr-m1 .container, .dcr-m26 .container {
	max-width: 66em;
}

.dcr-m2 h4 {
	margin-bottom: 1.2em;
}

.dcr-m3 h2 {
	text-align: center;
	margin-bottom: 1em;
}

.dcr-m3 .fliesstext {
	column-gap: 5em;
}

.dcr-m4 h2,
.dcr-m5 h2,
.dcr-m6 h2,
.dcr-m7 h2,
.dcr-m8 h2,
.dcr-m9 h2 {
  font-weight: 700;
}

.dcr-m4 .abschnitt > div, .dcr-m5 .abschnitt > div, .dcr-m7 .abschnitt > div, .dcr-m8 .abschnitt > div,
.dcr-m27 .abschnitt > div {
	padding: 3em;
}

.dcr-m4 .abschnitt, .dcr-m5 .abschnitt, .dcr-m7 .abschnitt, .dcr-m8 .abschnitt, .dcr-m27 .abschnitt {
    margin: -3em;
}

.dcr-m16 h5, .dcr-m17 h5 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
	font-weight: 700;
}

.dcr-m4 .abschnitt > div, .dcr-m5 .abschnitt > div,
.dcr-m27 .abschnitt > div {
	width: 50%;
}

.dcr-m12 .container:first-child .textblock {
	display: block;
}

.dcr-m17 .textblock {
	padding-bottom: 1.2em;
}

.dcr-m17 h3 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #fff;
	margin-bottom: 0;
}

.dcr-m17 h5 {
	color: #00cf00;
}

.dcr-m17 h5 em:after {
	background-color: #00cf00;
	width: 4em;
	margin-left: 0.35em;
}

.dcr-m19, .dcr-m20, .dcr-m21, .dcr-m22 {
	height: 100%;
}

.dcr-m19 .fliesstext, .dcr-m20 .fliesstext, .dcr-m21 .fliesstext, .dcr-m22 .fliesstext {
    max-width: 50em;
}

.dcr-m20, .dcr-m22 {
    min-height: 0;
}

.dcr-m22 h1 {
	margin: 0;
}

.dcr-m22 .container {
	padding: 4em 4em 2em;
}

.dcr-m22 .bildblock {
	position: relative;
	height: 38em !important;
}

.dcr-m22 .wabe {
	position: absolute;
	top: 0;
	right: 0;
	width: 30em;
}

.dcr-m23 .abschnitt, .dcr-m24 .abschnitt {
	display: flex;
	align-items: flex-start;
	justify-content: stretch;
	margin: -4em;
}

.dcr-m23 .abschnitt > div,
.dcr-m24 .abschnitt > div {
	padding: 4em;
}

.dcr-m23 .bildblock, .dcr-m24 .bildblock {
	width: 62%;
	flex-shrink: 0;
}

.dcr-m23 h2, .dcr-m24 h2 {
	margin-bottom: 0.8em;
}

.dcr-m25 {
	overflow: hidden;
}

.dcr-m25 .container {
	padding: 6em 8em;
	background: #e9eee6;
}

.dcr-m25 .abschnitt {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	z-index: 2;
}

.dcr-m25 .textblock {
	width: 50em;
	max-width: 100%;
}

.dcr-m25 h2 {
	margin: 0 0 0.3em;
}

.dcr-m25 .bildblock {
	width: 21em;
	max-width: 100%;
	margin-left: 6em;
}

.dcr-m25 img {
	width: 100%;
}

.dcr-m25 .hintergrund-grafik {
	position: absolute;
	top: 0;
	right: 0;
	width: 20em;
	height: auto;
	z-index: 1;
}

.dcr-m26 {
	background-color: #f5f7f5;
}

.dcr-m26 .abschnitt {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.dcr-m26 .bild {
	position: relative;
	width: 23em;
	margin-bottom: 5em;
}

.dcr-m26 img {
	width: 100%;
}

.dcr-m26 .download {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 40%);
	width: 4.5em;
	cursor: pointer;
}

.dcr-m26 .fliesstext p {
	color: #00cf00;
	font-weight: 700;
	text-align: center;
}

.dcr-m27 .abschnitt, .dcr-m27 .flex, .dcr-m29 .listen, .dcr-m31 .auflistungen {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.dcr-m27 .abschnitt {
	flex-wrap: wrap;
}

.dcr-m27 .abschnitt > div, .dcr-m29 .listenelement, .dcr-m31 .spalte {
	flex: 0 0 auto;
}

.dcr-m27 .bild, .dcr-m29 .bild, .dcr-m31 .bild {
	width: 4em;
	flex-shrink: 0;
	margin-right: 2em;
}

.dcr-m27 .bild img, .dcr-m29 .bild img, .dcr-m31 .bild img {
	width: 100%;
}

.dcr-m27 .flex, .dcr-m29 .flex, .dcr-m31 .flex {
	margin-bottom: 1.5em;
}

.dcr-m27 .ueberschrift > *, .dcr-m29 .flex > .ueberschrift > *,
.dcr-m31 .flex > .ueberschrift > * {
	margin: 0;
}

.dcr-m28 .bildblock {
	width: 100%;
	margin-bottom: 4em;
}

.dcr-m28 img {
	width: 100%;
}

.dcr-m28 .textblock {
	width: 100%;
	max-width: 66em;
	margin: 0 auto;
	text-align: center;
}

.dcr-m29 .abschnitt, .dcr-m31 .abschnitt {
	position: relative;
	overflow: hidden;
	padding: 2em;
	background-color: #e9eee6;
}

.dcr-m29 .unterzeile > p {
	margin-top: 2em;
}

.dcr-m29 .flex, .dcr-m31 .flex {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	z-index: 2;
}

.dcr-m29 .ueberschrift, .dcr-m31 .ueberschrift {
	max-width: 50em;
}

.dcr-m29 h3,
.dcr-m31 h3 {
	color: #00cf00;
}

.dcr-m29 .listenelement, .dcr-m31 .spalte {
	width: 50%;
	max-width: 40em;
	padding-right: 5em;
	position: relative;
	z-index: 2;
}

.dcr-m29 .listenelement.einzel {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.dcr-m29 h3 {
	font-size: 1.2em;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.dcr-m29 ul {
	border-top: 2px solid #00cf00;
	padding: 1em 0 1.5em 1.8em;
	font-weight: bold;
}

.dcr-m29.regular ul {
	font-weight: 300;
}

.dcr-m29 li p img {
	width: 1.6em;
	margin-right: 0.4em;
}

.dcr-m29 ul li::before {
	background-image: url("/depot/tpl/re-cannis/set/bullet-point-green.svg");
	top: 0.65em;
    height: 0.75em;
    width: 0.7em;
}

.dcr-m31 .auflistungselement:not(:last-child) {
	margin-bottom: 2em;
}

.dcr-m31 h3 {
	margin-bottom: 0.35em;
}

.dcr-m29 .pattern, .dcr-m31 .pattern {
	position: absolute;
	top: 0;
	right: 0;
	width: 20em;
	height: 46em;
	z-index: 1;
	background-position: 50% 20%;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/depot/tpl/re-cannis/set/pattern-white.svg");
}

.dcr-m29 .quellen,
.dcr-m31 .quellen {
	position: absolute;
	bottom: 1.2em;
	right: 2em;
	z-index: 3;
	font-weight: 700;
}

.dcr-m32 .flex {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.dcr-m32 h2,
.dcr-m32 h3 {
	margin: 0;
}

.dcr-m32 .flex > div {
	width: 50%;
}

.dcr-m32 .ueberschrift {
	padding-right: 2em;
}

.dcr-m32 .textblock {
	padding-left: 2em;
}

.dcr-m33 .container {
	padding: 2em 4em;
}

.dcr-m33 .flex {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 0.5em;
}

.dcr-m33 .flex > :first-child {
	padding-right: 2em;
}

.dcr-m33 .collapse-icon {
	flex-shrink: 0;
	width: 1.1em;
    margin-top: 0.1em;
    margin-left: auto;
}

.dcr-m33 .faq-item {
    margin-bottom: 1.5em;
    padding-left: 0.5em;
}

.dcr-m33 .faq-item::marker {
    font-weight: 700;
}

.collapse-icon {
	position: relative;
    width: 1.3em;
}

.collapse-icon :last-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.collapse {
	cursor: pointer;
}

.collapse-container {
	overflow: hidden;
	height: 0px;
}

.editor .collapse-container {
	height: auto;
}

.dcr-m34 [data-docr-segment] .docr-segmentsteuerung button {
	top: 0;
}

.dcr-m34 .flex {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 0.6em;
}

.dcr-m34 h2 {
	margin: 0;
}

.dcr-m34 .ueberschrift {
	padding-right: 2em;
}

.dcr-m34 .collapse-icon {
	margin-left: auto;
}

.dcr-m34 ol {
	padding-left: 2em;
}

.dcr-m34 .referenz-linie {
	width: 100%;
	height: 1px;
	background: #d6d6d6;
	margin: 0 0 0.6em;
}

.dcr-m34 h4 {
	margin: 0;
}

.dcr-m34 .collapse-container > :first-child {
	margin: 1em 0 1em;
}

.dcr-m35 .fliesstext {
	margin: 0 0 2em;
}

.dcr-m35 .download-list {
	padding: 0;
}

.dcr-m35 .download-item {
	display: flex;
	margin: 0 0 1.5em;
}




@media screen and (hover: hover) {

	.dcr-m35 .download-item a:hover {
		transition: color 250ms;
	}

	.dcr-m35 .download-item a:hover {
		color: #00cf00;
	}
}

.dcr-m35 .download-item a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
}

.dcr-m35 .download-item::before {
	display: none;
}

.dcr-m35 .download-item a::before,
.dcr-m35 .download-item a::after {
	content: "";
	flex-shrink: 0;
	width: 4em;
	height: 5em;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin-right: 1.3em;
}

.dcr-m35 .download-item a::before {
	position: relative;
	background-image: url("/depot/tpl/re-cannis/set/download-icon.svg");
}

.dcr-m35 .download-item a::after {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("/depot/tpl/re-cannis/set/download-icon-hover.svg");
	opacity: 0;
	transition: opacity 250ms;
}

.dcr-m35 .download-item a:hover::after {
	opacity: 1;
}

/* .dcr-m35 .download-item a:hover::before {
	background-image: url("/depot/tpl/re-cannis/set/download-icon-hover.svg");
} */

.dcr-m35 .download-item a {
	font-size: 1.2em;
	font-weight: 700;
}

.collapse.link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.collapse.link.center {
	justify-content: center;
}

.collapse-inlay {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.collapse-inlay::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #00cf00;
	transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transform-origin: 0% 50%;
}

@media screen and (hover: hover) {
	.collapse.link:hover .collapse-inlay::before {
		transform: scaleX(0);
	}
}

.collapse.link .collapse-icon {
	width: 1em;
	margin: 0 0 0.1em 0.5em;
}

.collapse.link p {
	font-weight: 700;
	color: #00cf00;
	margin: 0;
}

.collapse-container.sp > p:last-child,
.collapse-container.sp > ul:last-child,
.collapse-container.sp > ol:last-child {
	margin: 0 0 1.5em;
}

section ul,
section ol {
	margin: 0;
	padding-left: 3em;
}

section ul:not(:last-child) {
	margin: 0 0 1em;
}

section ul li {
	position: relative;
	list-style: none;
}

section ul li::before {
	content: '';
	position: absolute;
	top: 0.7em;
	left: -1.75em;
	display: inline-block;
	height: 0.65em;
	width: 0.6em;
	background-image: url("/depot/tpl/re-cannis/set/bullet-point.svg");
	background-size: 100%;
	background-repeat: no-repeat;
}

section li:not(:last-child) {
	margin-bottom: 0.6em;
}

.section-line {
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(100% - 8em);
	height: 1px;
	transform: translateX(-50%);
	background-color: #d6d6d6;
}

.intro-line {
	width: 100%;
	height: 0.41px;
	background-color: #d6d6d6;
	margin-bottom: 1.8em;
}

.boxed {
	padding: 2em;
	background-color: #e9eee6;
	background-image: url("/depot/tpl/re-cannis/set/pattern.svg");
	background-size: cover;
    background-repeat: no-repeat;
}

.utility-page-wrap.upw-background {
    background-color: #fff;
}

.dcr-m29 .container,
.dcr-m31 .container {
	padding: 0 4em;
}

.dcr-m6 .container,
.dcr-m28 .container,
.dcr-m34 .container {
	padding-top: 2em;
}

.dcr-m2 .container {
	padding: 2em 4em;
}

/*
	ASSET MANAGER
*/

.p-dashboard, .p-dashboard-date {
	font-size: 1.2em;
	line-height: 1.5em;
}

.p-dashboard {
	color: #1d1d1b;
	font-weight: 700;
	margin-bottom: 0em;
}

.p-dashboard-date {
	color: #8f8f8f;
}

.dashboard-seperator {
	background-color: #d6d6d6;
	margin: 1.3em 0;
}

.dashboard-content {
	align-items: flex-start;
}

.dashboard-content.dc-margin-bottom {
	margin-bottom: 0.5em;
}

.button-style.bs-download.bs-outline {
	padding: 0.5em 2em;
	text-decoration: none;
}

#suche {
	position: relative;
	display: flex;
	align-items: stretch;
    justify-content: flex-start;
	height: 4em;
}

#suche .suchfeld {
	flex: 1 1 auto;
}

#suche .select2-container, #suche .select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li,
.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--single {
	height: 100%;
	padding: 0;
	border: none;
}

.select2-container--default .select2-search--inline .select2-search__field {
	margin: 0;
	font-size: 1.25em;
	line-height: 1.3em;
	padding: 0.2em 1.2em 0.32em;
	color: #1d1d1b;
	width: 100% !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: flex;
	background-color: #ececec;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline {
	flex: 1 1 auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	box-shadow: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
	font-size: 0.9em;
	line-height: 1.4em;
	width: auto;
	height: auto;
	max-width: 8em;
	padding: 0.5em 1.6em 0.5em 0.8em;
	color: #727272;
	background-color: #ddd;
	margin: 0 0.35em 0 0;
	align-self: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice:first-child {
	margin-left: 0.35em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice.eingabe-tag {
	border: none;
}

.select2-container--default .select2-selection--multiple .eingabe-tag .select2-selection__choice__remove {
	color: #333;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	font-size: 1.4em;
	line-height: 0.75em;
	top: 42.5%;
    transform: translateY(-50%);
}

#suche .sf {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

#suche .sf:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	width: 1.5em;
	height: 1.5em;
	background: url('/depot/tpl/re-cannis/set/search.svg') no-repeat center center;
    background-size: 100%;
	z-index: 2;
}

#suche .bereichefeld {
	min-width: 10em;
	margin-right: 1.5em;
	background-color: #ececec;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
	color: #1d1d1b;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

.select2-container--default .select2-selection--single {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.25em;
	line-height: 1.3em;
	background-color: unset;
	padding: 1em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	right: 0.8em;
	transform: translateY(-50%);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #00cf00;
}

.flex-c-c {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
	Asset Detail
*/

.header-wrapper.hw-large {
	margin-bottom: 0;
}

.header-wrapper.hw-large h2 {
	margin-bottom: 0.6em;
}

.asset-meta-container {
	color: #646464;
	margin-bottom: 2.5em;
}

.highlight.h-navbar {
    font-size: 0.9em;
    line-height: 1em;
    letter-spacing: 0;
	font-weight: 700;
	color: #00cf00;
}

.highlight.h-am {
    font-size: 1em;
    line-height: 1em;
    letter-spacing: 0;
	font-weight: 300;
}

.asset-manager-back-icon {
	height: 0.65em;
	margin-bottom: 0;
}

.left-align td {
	text-align: left;
}

em {
	word-break: break-all;
}

/*
	COLORS
*/

.weiss {
	color: #fff;
}

.hg-weiss {
	background-color: #fff
}

.grau {
	color: #646464;
}

.hg-grau {
	background-color: #646464;
}

.gruen {
	color: #00cf00;
}

.hg-gruen {
	background-color: #00cf00;
}

.hellgrau {
	color: #f5f7f5;
}

.hg-hellgrau {
	background-color: #f5f7f5;
}

@media only screen and (min-width: 768px) {
	#menue .container {
		box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.2);
	}
}

@media only screen and (max-width: 1500px) {

	h1, .h1 {
		font-size: 5.4em;
	}

	.dcr-m22 .container {
		margin-left: auto;
		text-align: center;
	}

	.dcr-m25 .abschnitt {
		flex-direction: column-reverse;
		text-align: center;
	}

	.dcr-m25 .bildblock {
		margin: 0 0 2em 0;
	}
}

@media only screen and (max-width: 1300px) {

	h1, .h1 {
		font-size: 4em;
	}

	section .container,
	.dcr-m2 .container,
	.dcr-m22 .container,
	.dcr-m25 .container,
	.dcr-m33 .container {
		padding: 2em 4em;
		width: 58em;
		max-width: 100%;
	}

	.dcr-m22 .container {
		padding-bottom: 0;
	}

	.dcr-m25 .container {
		margin: 0;
		width: 100%;
		padding: 2em 4em;
	}

	.dcr-m16 .zelle, .dcr-m17 .zelle {
		width: calc(50% - 1em);
	}

	.dcr-m4 .abschnitt,
	.dcr-m5 .abschnitt,
	.dcr-m23 .abschnitt,
	.dcr-m24 .abschnitt {
		margin: -2em;
	}

	.dcr-m4 .abschnitt,
	.dcr-m5 .abschnitt,
	.dcr-m23 .abschnitt,
	.dcr-m27 .abschnitt,
	.dcr-m29 .listen,
	.dcr-m31 .auflistungen {
		flex-direction: column;
	}

	.dcr-m24 .abschnitt {
		flex-direction: column-reverse;
	}

	.dcr-m4 .abschnitt > div,
	.dcr-m5 .abschnitt > div,
	.dcr-m23 .abschnitt > div,
	.dcr-m24 .abschnitt > div,
	.dcr-m27 .abschnitt > div,
	.dcr-m29 .listenelement,
	.dcr-m31 .spalte {
		width: 100%;
	}

	.dcr-m4 .abschnitt > div,
	.dcr-m5 .abschnitt > div,
	.dcr-m23 .abschnitt > div,
	.dcr-m24 .abschnitt > div {
		padding: 2em;
	}

	.dcr-m4 .abschnitt > .bildblock,
	.dcr-m5 .abschnitt > .bildblock,
	.dcr-m23 .abschnitt > .bildblock,
	.dcr-m24 .abschnitt > .bildblock {
		padding-bottom: 0;
	}

	.dcr-m4 .bildblock {
		order: 1;
	}

	.dcr-m4 .textblock {
		order: 2;
	}

	.dcr-m22 .container {
		text-align: left;
	}

	.dcr-m25 .abschnitt {
		margin: 0 auto;
		width: 58em;
		max-width: 100%;
	}

	.dcr-m28 .bildblock {
		margin: 0 0 2em;
	}

	.dcr-m32 .abschnitt > .flex {
		flex-direction: column;
	}

	.dcr-m32 .flex > div {
		width: 100%;
	}

	.dcr-m32 .ueberschrift {
		padding: 0;
		margin: 0 0 2em;
	}

	.dcr-m23 h2, .dcr-m24 h2 {
		margin-bottom: 0.5em;
	}

	.dcr-m29 .listenelement,
	.dcr-m31 .spalte {
		max-width: none;
		padding: 0;
		margin-bottom: 3em;
	}

	.dcr-m29 .listenelement:last-child,
	.dcr-m31 .spalte:last-child {
		margin: 0;
	}
}

@media only screen and (max-width: 991px) {

	#toolbar + .sektionen {
		margin-top: 4em;
	}

	#menue {
		position: absolute;
		top: 0;
		left: 0;
	}

	.utility-page-wrap.upw-background {
		flex-direction: column;
		min-height: 0;
	}

	.utility-page-content {
		width: 100%;
		padding: 4em;
	}

	.utility-page-form.upf-no-max {
		width: 58em;
		max-width: 100%;
	}

	.logo.l-login {
		width: 18em;
	}

	.utility-image {
		width: 100%;
		height: 32em;
	}

	.dcr-m22 .wabe {
		width: 22em;
	}

	.dcr-m22 .bildblock {
		height: auto !important;
	}
}

@media only screen and (max-width: 767px) {

	#toolbar + .sektionen {
		margin-top: 4em;
	}

	section .container,
	.dcr-m2 .container,
	.dcr-m22 .container,
	.dcr-m25 .container,
	.dcr-m33 .container {
		padding: 2em;
		width: 100%;
		max-width: 100%;
	}

	.dcr-m22 .container {
		padding-bottom: 0;
	}

	.dcr-m25 .container {
		margin: 0;
		width: 100%;
		padding: 2em;
	}

	.dcr-m29 .container,
	.dcr-m31 .container {
		padding: 0 2em;
	}

	.dcr-m29 .abschnitt,
	.dcr-m31 .abschnitt {
		padding: 2em
	}

	h1, .h1 {
		font-size: 3em;
	}

	h2, .h2 {
		font-size: 2em;
	}

	h3, .h3 {
		font-size: 1.5em;
	}

	.dcr-m3 h2 {
		text-align: left;
	}

	.dcr-m16 .zelle, .dcr-m17 .zelle {
		width: calc(100% - 1em);
	}

	.utility-page-content {
		padding: 2em;
	}

	.utility-page-form.upf-no-max {
		width: 100%;
	}

	.login-container.lc-milk {
		padding: 0;
	}

	.logo.l-login {
		width: 16em;
	}

	.dcr-m22 .wabe {
		width: 16em;
	}
}

@media only screen and (max-width: 520px) {

	section .container,
	.dcr-m2 .container,
	.dcr-m22 .container,
	.dcr-m25 .container,
	.dcr-m33 .container {
		padding: 2em 1em;
		width: 100%;
		max-width: 100%;
	}

	.dcr-m22 .container {
		padding-bottom: 0;
	}

	.dcr-m25 .container {
		margin: 0;
		width: 100%;
		padding: 2em 1em;
	}

	.dcr-m29 .container,
	.dcr-m31 .container {
		padding: 0 1em;
	}

	.dcr-m29 .abschnitt,
	.dcr-m31 .abschnitt {
		padding: 2em 1em;
	}

	.utility-page-content {
		padding: 2em 1em;
	}

	.dcr-m29 .flex,
	.dcr-m31 .flex {
		flex-direction: column;
	}

	.dcr-m29 .bild,
	.dcr-m31 .bild {
		margin: 0 0 2em;
	}

	.dcr-m29 .h3,
	.dcr-m31 .h3 {
		text-align: center;
	}
}

/*
// Linie-referenz
*/
.referenz-linie {
    background: #979797;
    height: 1px;
    width: 65em;
	margin-bottom: 2em;
}


/*
// MODULE-60
*/
.dcr-m60 h2 {
	font-size: 14vw;
}

.dcr-m60 .container .ueberschrift .textflex {
	display: flex;
	justify-content: space-around;
}

.dcr-m60 .container .ueberschrift .textflex  {
    margin-top: 2em;
}

.dcr-m60 .container .ueberschrift .textflex h2 {
	font-size: 2.2em;
    font-weight: 700;
}