/*
Theme Name: dgsberlin, based on Twenty Sixteen V1.9
Author: muvicom – Fa. Uwe Meurer
Author URI: https://www.muvicom.de/

Global CSS
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
@font-face {
    font-family: PTSans;
    src: url('fonts/PT_Sans-Web-Regular.ttf');
    /*
    src: url('delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('delicious-roman.otf') format('opentype');
    src: url('delicious-roman-webfont.eot');
    src: url('delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('delicious-roman-webfont.woff') format('woff'),
         url('delicious-roman.otf') format('opentype'),
         url('delicious-roman-webfont.svg#deliciousroman') format('svg');
    */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: PTSans;
    src: url('fonts/PT_Sans-Web-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: PTSans;
    src: url('fonts/PT_Sans-Web-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: PTSans;
    src: url('fonts/PT_Sans-Web-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}

:root {
	/* colors */
	--std-color-beige: rgba(239, 231, 203, 1.0); /* = #efe7cb; */ /* menu */
	--std-color-beige-alpha: rgba(239, 231, 203, 0.5);  /* boxes */
	--std-color-beige-alpha-solid: rgba(239, 231, 203, 0.8);  /* e.g. order-form */
	--std-color-beige-bright: rgba(255, 252, 238, 1.0); /* = #fffcee; */ /* menu */
	--std-color-beige-grey-mid: rgba(150, 143, 125, 1.0);  /* mobile menu icon */
	--std-color-beige-grey-dark: rgba(111, 107, 96, 1.0);  /* mobile menu icon */
	--std-color-white-alpha: rgba(255, 255, 255, 0.4);
	--std-color-white-alpha-solid: rgba(255, 255, 255, 0.8);
	--std-color-mid-grey-alpha: rgba(100, 100, 100, 0.15); /* = #646464; */;
	--std-color-dark-grey-alpha: rgba(66, 66, 66, 0.15); /* = #424242 */
	
	--std-color-underline-grey: #d9d5cb;
	
	--std-color-orange-light: #f8c684;
	--std-color-orange: #ff8c00;
	--std-color-orange-rgb: 255, 140, 0;
	--std-color-orange-alpha: rgba(255, 140, 0, 0.4);
	--std-color-orange-dark: #d97700;
	--std-color-orange-dark-alpha: rgba(217, 119, 0, 0.9);
	--std-color-blue: #3a91b0;
	--std-color-blue-dark: #307791;
	--std-color-green-light: #bfc1a3;
	--std-color-green: #788755;
	--std-color-green-rgb: 120, 135, 85;
	--std-color-green-alpha: rgba(120, 135, 85, 0.4);
	--std-color-green-dark: #636f46;
	--std-color-green-dark-alpha: rgba(99, 111, 70, 0.9);
	/*--std-color-turquoise2: 58, 145, 176; */ /* #3a91b0 */
	--std-color-turquoise: rgba(58, 145, 176, 1); /* #3a91b0 */
	--std-color-turquoise-rgb: 58, 145, 176;
	--std-color-turquoise-alpha: rgba(58, 145, 176, 0.4);
	--std-color-turquoise-dark: rgba(48, 119, 145);
	--std-color-turquoise-dark-alpha: rgba(48, 119, 145, 0.9);
	--std-color-turquoise-light: #aeced3; /* like alpha shading 0.4 but solid */
	
	--std-color-text-green: #6b794c;
	--std-color-text-light-grey: #7f7f7f;
	--std-color-text-mid-grey: #646464;
	--std-color-text-middark-grey: #505050;
	--std-color-text-dark-grey: #282828; /* was #101010 and #424242 */
	--std-color-text-black: #0c0c0c;
	--std-color-text-orange: #f07d01;
	--std-color-text-turquoise: #388ba9; /*3685a1;*/
	--std-color-text-dark-turquoise: #3a91b0;
	--std-color-text-red: rgba(194, 73, 53, 1);
	
	--std-color-border-grey: #cfcbc3;
	
	--std-color-category-pv: rgba(37, 107, 161, 0.4);
	--std-color-category-th: rgba(194, 73, 53, 0.4);
	--std-color-category-thpv: rgba(126, 87, 100, 0.4);
	--std-color-category-sc: rgba(249, 176, 0, 0.4);	/* SolarZentrum */
	--std-color-category-fce: rgba(255, 140, 0, 0.4); /* Fair Congresses Events #ff8c00 */
	

	/* font sizes */
	--std-fontsize-i: 18.2px;
	--std-lineheight-i: 1.32em;
	
	/* layout */
	--std-visual-global-min-width: 360px;
	--std-box-padding-top: 1em;
	--std-box-padding-right: 1.2em;
	--std-box-padding-bottom: 1em;
	--std-box-padding-left: 1.2em;
	--std-short-content-trans: all 0.2s ease-out;
	--std-content-trans: all 0.25s ease-out;
	--std-long-content-trans: all 0.4s ease-out;
}

.reset,
.reset-before:before,
.reset-after:after,
.reset-childs-before > *:before,
.reset-childs-after > *:after {
	position: initial;
	left: initial;
	width: initial;
	height: initial;
	display: initial;
	font-size: initial;
	line-height: initial;
	background: initial;
	content: none; 
}
.reset-childs-before > * {
	text-indent: initial;
}

html {
	font-family: PTSans, Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	min-width: var(--std-visual-global-min-width);
	color: var(--std-color-text-dark-grey);
	background-color: #f2edd7;
}

* {
	margin: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a,
a:visited,
a:before,
a:after,
.link,
.link-internal {
	color: inherit; /*var(--std-color-text-turquoise);*/ /*std-color-text-black*/
	font-weight: bold;
	text-decoration: none;
	hyphens: none;
	transition: var(--std-short-content-trans);
	cursor: pointer;
}
a:hover,
a:hover:before,
a:hover:after,
.link-internal:hover,
.link-internal:hover:before,
.link-internal:hover:after,
.link:hover {
	color: var(--std-color-text-dark-turquoise) !important; /*--std-color-text-orange*/
}

.link-internal,
.link-internal-white {
	color: inherit;
	font-style: inherit;
	hyphens: none;
	background-color: transparent;
}
.link-internal:before,
.link-internal:after,
.link-internal-white:before,
.link-internal-white:after {
	content: "//";
	transition: var(--std-short-content-trans);
}
.link-internal:before,
.link-internal-white:before {
	padding-right: 0.25em;
}
.link-internal:after,
.link-internal-white:after {
	padding-left: 0.25em;
}

.link-internal-white:hover {
	color: inherit !important;
	text-decoration: underline;
}
.link-internal-white:hover:before,
.link-internal-white:hover:after {
	color: inherit !important;
}


.link {
	color: var(--std-color-text-middark-grey);
}
.selected .link {
	color: var(--std-color-text-dark-grey);
}


.scheme-orange a {
	color: var(--std-color-text-orange);
}
.scheme-turquoise a {
	color: var(--std-color-text-turquoise);
}
.scheme-green a {
	color: var(--std-color-text-green);
}
.scheme-orange a:hover,
.scheme-turquoise a:hover,
.scheme-green a:hover {
	color: var(--std-color-text-dark-turquoise); /*--std-color-text-orange*/
}

.scheme-orange .link-internal,
.scheme-orange .link-internal:before,
.scheme-orange .link-internal:after {
	color: var(--std-color-text-orange);
}
.scheme-turquoise .link-internal,
.scheme-turquoise .link-internal:before,
.scheme-turquoise .link-internal:after {
	color: var(--std-color-text-turquoise);
}
.scheme-green .link-internal,
.scheme-green .link-internal:before,
.scheme-green .link-internal:after {
	color: var(--std-color-text-green);
}

.inline {
	display: inline-block;
}

.weight-normal {
	font-weight: normal;
}

.link-neutral,
.links-neutral a,
.link-download-neutral,
.links-download-neutral a {
	font-weight: normal;
	color: inherit !important;
}
.link-neutral:hover,
.links-neutral a:hover,
.link-download-neutral:hover,
.links-download-neutral a:hover {
	color: var(--std-color-text-turquoise) !important;
}

.link-download:before,
.links-download a:before,
.link-download-neutral:before,
.links-download-neutral a:before {
	position: relative;
	top: 0.25em;
	width: 1em;
	margin-right: 0.1em;
	display: inline-block;
	font-size: 1em;
	content: " ";
	background-image: url(images/document-orange.png);
	background-size: 12px 15px;
	background-repeat: no-repeat;
}
.link-download:hover:before,
.links-download a:hover:before {
	background-image: url(images/document-turquoise.png);
}

.link-download-neutral:before,
.links-download-neutral a:before {
	background-image: url(images/document-grey.png);
}
.link-download-neutral:hover:before,
.links-download-neutral a:hover:before {
	background-image: url(images/document-turquoise.png);
}



abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

i,
em,
.italic {
	font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	line-height: inherit;
	hyphens: none;
}

* + h2 {
	margin-top: 1em;
}

.no-margin-top {
	margin-top: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.bg-white {
	color: var(--std-color-text-dark-grey) !important;
	background-color: var(--std-color-white-alpha) !important;
}

.bg-transparent {
	color: var(--std-color-text-dark-grey) !important;
	background-color: transparent !important;
}

p + p,
h2 + p,
.std-margin-top {
	margin-top: 0.5em;
}

ul + p {
	margin-top: 0.5em;
}

header + p {
	margin-top: 1em;
}

.hyphens {
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

picture,
img {
	border: 0;
	display: block;
}

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

figure {
	max-width: 100%;
	margin: 0;
	break-inside: avoid;
}
figcaption {
	color: var(--std-color-text-light-grey); 
}

figure img {
	width: 100%;
	height: auto;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.btn-order {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

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

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

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

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}

ol,
ul {
	list-style-type: none;
}
li {
	padding-left: 0.85em;
	text-indent: -0.3em;
}
li:before {
	position: relative;
	top: -0.3em;
	left: -0.2em;
	width: 0.5em;
	height: 1em;
	display: inline-block;
	color: var(--std-color-text-middark-grey);
	font-family: Arial, Helvetica, Sans;
	font-size: 0.6em;
	content: "■";
	/*
	position: relative;
	left: -0.7em;
	width: 0.5em;
	height: 1em;
	display: inline-block;
	font-size: 10px;
	line-height: 2.5em;
	background-position-y: center;
	background-image: url(images/square-darkgrey.png);
	background-size: 100% 50%;
	background-repeat: no-repeat;
	content: " ";
	*/
}
ul.middarkgrey li:before {
	background-image: url(images/square-middarkgrey.png);
}

ol {
	list-style-position: outside;
}

ol li,
nav li {
	padding-left: 0;
	text-indent: initial;
}
ol li:before,
nav li:before {
	position: static;
	left: auto;
	width: auto;
	height: auto;
	margin: auto;
	display: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	background: none;
	content: "";
}

ol li {
	margin-left: 1em;
	margin-top: 0.6em;
	list-style-type: lower-alpha;
}
ol.decimal li {
	list-style-type: decimal;
}


table {
	margin-top: 0.5em;
}

tr:nth-child(2n) {
	background-color: var(--std-color-green-alpha);
}
.scheme-orange tr:nth-child(2n) {
	background-color: var(--std-color-orange-alpha);
}
.scheme-turquoise tr:nth-child(2n) {
	background-color: var(--std-color-turquoise-alpha);
}

th {
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
}

td {
	padding-top: 0.25em;
	vertical-align: top;
}

td + td {
	padding-left: 0.25em;
}

/**
 * .0 - General
 */
#top-container {
	position: fixed;
	width: 100%;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16);
	background: var(--std-color-beige);
	z-index: 1000;
}

#logo-navigation-container {
	position: relative;
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-direction: row;
}
#logo-navigation-container div.logo-plane {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #fffcee;
}

#dgs-logo-container {
	position: relative;
	height: 100%;
	background: #fffcee;
}
#dgs-logo-container a {
	position: absolute;
	display: block;
}

#menu-container {
	position: relative;
	height: 100%;
}

#content-area {
	width: 100%;
}

#main-content {
	margin: 0 auto auto;
}

* + #main-content {
	margin: 4em auto auto;
}

#main-content > * + * {
	margin-top: 1.5em;
}

div.hr {
	width: 100%;
	height: 0;
	line-height: 0;
	border-top: 1px solid var(--std-color-border-grey);
	transition: var(--std-content-trans);
}

.triangle {
	position: absolute;
	width: 1.8em;
	height: 1.8em;
	transform: rotate(45deg);
	background-color: var(--std-color-orange);
}

.triangleClip,
.scheme-orange .triangleClip {
	position: absolute;
	background-color: var(--std-color-orange);
}
.scheme-turquoise .triangleClip {
	background-color: var(--std-color-turquoise);
}
.scheme-green .triangleClip {
	background-color: var(--std-color-green);
}
.triangleClip.up,
.triangleClip.down {
	left: calc(50% - 0.9em);
	width: 1.8em;
	height: 0.9em;
}
.triangleClip.right,
.triangleClip.left {
	top: calc(50% - 0.9em);
	width: 0.9em;
	height: 1.8em;
}
.triangleClip.up {
	top: -0.9em;
	clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}
.triangleClip.down {
	bottom: -0.9em;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.triangleClip.right {
	right: -0.9em;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.triangleClip.left {
	left: -0.9em;
	clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
}

.triangleClip.up.small,
.triangleClip.down.small {
	left: calc(50% - 0.69em);
	width: 1.37em;
	height: 0.69em;
}
.triangleClip.right.small,
.triangleClip.left.small {
	top: calc(50% - 0.69em);
	width: 0.69em;
	height: 1.37em;
}
.triangleClip.up.small {
	top: -0.69em;
}
.triangleClip.down.small {
	bottom: -0.69em;
}
.triangleClip.right.small {
	right: -0.69em;
}
.triangleClip.left.small {
	left: -0.69em;
}

.triangleClip.up.outline {
	left: 0 !important;
	clip-path: polygon(0% 80%, 50% 0%, 100% 80%, 94% 100%, 50% 30%, 6% 100%);
}
.triangleClip.down.outline {
	left: 0 !important;
	clip-path: polygon(0% 20%, 50% 100%, 100% 20%, 94% 0%, 50% 70%, 6% 0%);
}

.triangleClip.inText {
	position: relative;
	display: inline-block;
	transition: var(--std-content-trans);
}
.triangleClip.inText:hover {
	background-color: var(--std-color-text-dark-turquoise);
}
.triangleClip.up.outline.inText,
.triangleClip.down.outline.inText {
	top: 0 !important;
	left: 0.3em !important;
}



.inactive {
	opacity: 0.1 !important;
}

#plane,
#plane-local {
	position: fixed;
	left: -100%;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 998;
	background-color: white;
	transition: var(--std-content-trans);
}
#plane-local {
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--std-color-beige-alpha);
}
#plane.active,
#plane-local.active {
	left: 0;
	opacity: 0.8;
}

.logos {
	display: flex;
	flex-wrap: wrap;
} 

.hide {
	display: none !important;
}

.partner {
	display: flex;
}
.partner div + div {
	margin-left: 1.3em;
}

.image-zoom {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	transition: var(--std-content-trans);
}

.margin-top-normal {
	margin-top: 2em !important;
}

.margin-top-big {
	margin-top: 4em !important;
}

.show {
	display: block !important;
}

.no-picture {
	background-color: var(--std-color-mid-white-alpha);
}

.no-transition {
	transition: none !important;
}

.transition {
	transition: var(--std-long-content-trans);
}

/* für Pfeil- und mehr-Schriftzug */
/*
.text-more.tm-hide span {
	transition
}
*/

.text-teaser-detail {
	overflow: hidden;	
}

.text-teaser-detail,
.text-teaser,
.text-detail {
	position: relative;
}

.text-teaser,
.text-teaser + .text-detail {
	cursor: pointer;
	transition: var(--std-long-content-trans);
}

.text-teaser .link-internal, 
.text-teaser .link-internal:before,
.text-teaser .link-internal:after {
	font-weight: normal;
	color: inherit;
}
.text-teaser:hover .link-internal, 
.text-teaser:hover .link-internal:before,
.text-teaser:hover .link-internal:after {
	color: var(--std-color-text-turquoise);
}

.text-teaser.hide {
	opacity: 0;
}

.text-teaser + .text-detail {
	display: none;
}
.text-teaser + .text-detail.show {
	opacity: 1;
}
.text-detail:hover .triangleClip {
	background-color: var(--std-color-text-dark-turquoise);
}

/**
 * .0 - box standard
 */
.box {
	padding: var(--std-box-padding-top) var(--std-box-padding-right) var(--std-box-padding-bottom) var(--std-box-padding-left);
	background-color: var(--std-color-white-alpha);
}

.scheme-orange .box h1,
.scheme-orange .box h2,
.scheme-orange .box h3 {
	color: var(--std-color-text-orange);
}

.scheme-turquoise .box h1,
.scheme-turquoise .box h2,
.scheme-turquoise .box h3 {
	color: var(--std-color-text-turquoise);
}

.scheme-green .box h1,
.scheme-green .box h2,
.scheme-green .box h3 {
	color: var(--std-color-text-green);
}

/**
 * .0 - Social Media
 */
#socialmedia-container {
	position: absolute;
	display: flex;
	box-sizing: border-box;
}

.socialmedia-icon {
	position: relative;
}

.socialmedia-icon a,
.socialmedia-icon a > img {
	position: absolute;
	top: 0px;
	height: 100%;
	display: block;
}
.socialmedia-icon a > img {
	z-index: 1001;
}
.socialmedia-icon a span {
	z-index: 1002;
	opacity: 0;
	transition: var(--std-content-trans);
}
.socialmedia-icon a span,
.socialmedia-icon a span > img {
	position: absolute;
	top: 0px;
	height: 100%;
	display: block;
}
.socialmedia-icon a:hover span,
.socialmedia-icon a:focus span {
	opacity: 1;
}

/**
 * .0 - Footer
 */
#foot-container {
	position: relative;
	width: 100%;
	color: var(--std-color-text-black);
	background-color: rgba(255, 255, 255, 0.45);
}

#foot-container > div:first-child {
	background-color: rgba(255, 255, 255, 0.7);
}

#foot-illustration {
	display: none;
}

/**
 * .0 - Menu
 */
#mobile-navigation-container {
	position: relative;
}

#desktop-navigation-container {
	position: relative;
}
 
.global-menu ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.global-menu li a {
	padding: 0 0.5em;
	color: var(--std-color-text-mid-grey);
	transition: color 0.2s ease-out;
}
nav li a:hover,
nav li.current_page_item a,
nav li.current-menu-item a {
	color: var(--std-color-text-dark-grey) !important;
}

.row-reverse {
	flex-direction: row-reverse;
}

.text-bottom {
	align-self: flex-end;
}

/**
 * .0 - front page
 */

/**
 * .0 - filter
 */
#filter {
	min-height: 15em;
}

#filter h1 {
	padding: 0;
	color: var(--std-color-text-mid-grey);
}

/**
 * .0 - control / scroll elements
 */

/* dragging */
#dragging {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.01);
	z-index: 990;
	cursor: grabbing;
}

 
/* arrows */
.move-selection-arrow {
	position: absolute;
	top: 3.5em;
	width: 2.85em;
	height: 4em;
	opacity: 0.8;
	display: none;
	background-color: rgba(255, 255, 255, 0.9);
	background-size: 1.14em auto;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 991;
	cursor: pointer;
	transition: var(--std-content-trans);
}
.move-selection-arrow.msa-left {
	left: 0;
	background-image: url(images/arrow-left.svg);
}
.move-selection-arrow.msa-right {
	right: 0;
	background-image: url(images/arrow-right.svg);
}
.move-selection-arrow.msa-vertical {
	position: relative;
	top: 0;
	width: 100%;
	height: 3.5em;
	opacity: 0.5;
	background-color: rgba(255, 255, 255, 0.8);
	background-size: 2em auto;
}
.move-selection-arrow.msav-up {
	background-image: url(images/arrow-up.svg);
}
.move-selection-arrow.msav-down {
	background-image: url(images/arrow-down.svg);
}
.move-selection-arrow:hover {
	opacity: 1;
}
.move-selection-arrow:hover {
	opacity: 0.8;
	background-color: var(--std-color-white-alpha-solid);
}

.category-posts-selection.cps-all-items-width .move-selection-arrow {
	display: none;
}

/* scroll bar */
.move-selection-bar {
	position: absolute;
	top: auto;
	bottom: 0;
	right: auto;
	left: 0;
	width: 100%;
	padding: 0.3em;
	opacity: 0;
	display: none;
	z-index: 1;
	box-sizing: border-box;
	transition: var(--std-content-trans);
}
.teaser > *:hover .move-selection-bar,
.drag .teaser > * .move-selection-bar {
	opacity: 1;
}
.move-selection-bar div {
	position: relative;
	height: 0.5em;
	background-color: rgba(255, 255, 255, 0.6);
	transition: var(--std-content-trans);
	cursor: pointer;
}
.move-selection-bar div:hover,
.drag .move-selection-bar div {
	height: 0.8em;
	background-color: var(--std-color-white-alpha-solid);
}
.drag .move-selection-bar div {
	transition: none;
	cursor: grabbing;
}
body.drag {
	cursor: grabbing;
}
/*
.scheme-orange .teaser .move-selection-bar:hover div {
	background-color: var(--std-color-orange-alpha);
}
.scheme-turquoise .teaser .move-selection-bar:hover div {
	background-color: var(--std-color-turquoise-alpha);
}
.scheme-green .teaser .move-selection-bar:hover div {
	background-color: var(--std-color-green-alpha);
}
*/


/**
 * .0 - category selection
 */
.category-posts-selection {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: left;
	overflow: hidden;
	cursor: grab;
}

.category-posts-selection.cps-all-items-width {
	justify-content: center; /*right;*/ /*space-between || center ?*/
	cursor: default;
}

.category-posts-selection article {
	position: relative;
	width: 18%;
	min-width: 16em;
	max-width: 19em;
	color: var(--std-color-text-green);
	background-color: var(--std-color-green-light);
	transition: var(--std-content-trans);
	cursor: pointer;
	transition: all 0.25s ease-out;
}
.category-posts-selection article:hover,
.category-posts-selection article.selected {
	color: #ffffff;
	background-color: var(--std-color-green);
}
.category-posts-selection article figure {
	position: relative;
	overflow: hidden;
}
.category-posts-selection article header {
	position: relative;
}
.category-posts-selection article:hover header,
.category-posts-selection article.loading header,
.category-posts-selection article.selected header {
	color: #ffffff !important;
}

.category-posts-selection article + article {
	margin-left: 1.16em;
}

.category-posts-selection article picture,
.category-posts-selection article img,
.category-posts-selection article > div,
.category-posts-selection article > a {
	width: 100%;
}
.category-posts-selection article picture {
	position: relative;
	z-index: 1;
}

.category-posts-selection article:hover .image-zoom,
.category-posts-selection article.loading .image-zoom,
.category-posts-selection article.selected .image-zoom {
	top: -2%;
	left: -4%;
	width: 108%;
}

.category-posts-selection article > div,
.category-posts-selection article > a {
	height: 100%;
	display: block;
}

.category-posts-selection article a,
.category-posts-selection article.scheme-green a {
	color: var(--std-color-text-green) !important;
}
.scheme-orange .category-posts-selection article a,
.category-posts-selection article.scheme-orange a {
	color: var(--std-color-text-orange) !important;
}
.scheme-turquoise .category-posts-selection article a,
.category-posts-selection article.scheme-turquoise a {
	color: var(--std-color-text-turquoise) !important;
}

.category-posts-selection article .triangle,
.category-posts-selection article .triangleClip {
	bottom: -1.4em;
	background-color: var(--std-color-green-light);
	z-index: 3;
	transition: var(--std-content-trans);
}
.category-posts-selection article .triangleClip {
	top: -0.9em;
}
.category-posts-selection article:hover .triangle,
.category-posts-selection article.selected .triangle,
.category-posts-selection article:hover .triangleClip,
.category-posts-selection article.selected .triangleClip {
	background-color: var(--std-color-green);
}

.category-posts-selection article h1 {
	padding: 0.15em 0.5em 0.2em 0.5em;
	font-style: italic;
}

@keyframes categoryloading {
	from {
		background-color: var(--std-color-green);
	}
	to {
		background-color: var(--std-color-green-light);
	}
}
@keyframes categoryloading-orange {
	from {
		background-color: var(--std-color-orange);
	}
	to {
		background-color: var(--std-color-orange-light);
	}
}
@keyframes categoryloading-turquoise {
	from {
		background-color: var(--std-color-turquoise);
	}
	to {
		background-color: var(--std-color-turquoise-light);
	}
}
.category-posts-selection article.loading,
.category-posts-selection article.loading .triangle,
.category-posts-selection article.loading .triangleClip {
	cursor: progress;
	animation-duration: 0.25s;
	animation-name: categoryloading;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.scheme-orange .category-posts-selection article,
.category-posts-selection article.scheme-orange {
	color: var(--std-color-text-orange);
	background-color: var(--std-color-orange-light);
}
.scheme-orange .category-posts-selection article:hover,
.scheme-orange .category-posts-selection article.selected,
.category-posts-selection article.scheme-orange:hover,
.category-posts-selection article.scheme-orange.selected {
	color: #ffffff;
	background-color: var(--std-color-orange);
}
.scheme-orange .category-posts-selection article .triangle,
.scheme-orange .category-posts-selection article .triangleClip,
.category-posts-selection article.scheme-orange .triangleClip {
	background-color: var(--std-color-orange-light);
}
.scheme-orange .category-posts-selection article:hover .triangle,
.scheme-orange .category-posts-selection article.selected .triangle,
.scheme-orange .category-posts-selection article:hover .triangleClip,
.scheme-orange .category-posts-selection article.selected .triangleClip,
.category-posts-selection article.scheme-orange:hover .triangleClip,
.category-posts-selection article.scheme-orange.selected .triangleClip {
	background-color: var(--std-color-orange);
}
.scheme-orange .category-posts-selection article.loading,
.scheme-orange .category-posts-selection article.loading .triangle,
.scheme-orange .category-posts-selection article.loading .triangleClip,
.category-posts-selection article.scheme-orange.loading,
.category-posts-selection article.scheme-orange.loading .triangleClip {
 	animation-name: categoryloading-orange;
}

.scheme-turquoise .category-posts-selection article,
.category-posts-selection article.scheme-turquoise {
	color: var(--std-color-text-turquoise);
	background-color: var(--std-color-turquoise-light);
}
.scheme-turquoise .category-posts-selection article:hover,
.scheme-turquoise .category-posts-selection article.selected,
.category-posts-selection article.scheme-turquoise:hover,
.category-posts-selection article.scheme-turquoise.selected {
	color: #ffffff;
	background-color: var(--std-color-turquoise);
}
.scheme-turquoise .category-posts-selection article .triangle,
.scheme-turquoise .category-posts-selection article .triangleClip,
.category-posts-selection article.scheme-turquoise .triangleClip {
	background-color: var(--std-color-turquoise-light);
}
.scheme-turquoise .category-posts-selection article:hover .triangle,
.scheme-turquoise .category-posts-selection article.selected .triangle,
.scheme-turquoise .category-posts-selection article:hover .triangleClip,
.scheme-turquoise .category-posts-selection article.selected .triangleClip,
.category-posts-selection article.scheme-turquoise:hover .triangleClip,
.category-posts-selection article.scheme-turquoise.selected .triangleClip {
	background-color: var(--std-color-turquoise);
}
.scheme-turquoise .category-posts-selection article.loading,
.scheme-turquoise .category-posts-selection article.loading .triangle,
.scheme-turquoise .category-posts-selection article.loading .triangleClip,
.category-posts-selection article.scheme-turquoise.loading,
.category-posts-selection article.scheme-turquoise.loading .triangleClip {
 	animation-name: categoryloading-turquoise;
}

/**
 * .0 - prologue
 */	
figure .image-ontop {
	position: relative;
}

.image-ontop picture,
.image-ontop picture > img {
	width: 100%;
	/*min-height: 10em;*/
}

figure .image-ontop > div {
	position: absolute;
	left: 0;
	bottom: 1.67em;
	padding: 0.3em 1.75em 0.5em 1.33em;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.8);
}
figure .image-ontop > div p {
	color: var(--std-color-text-green);
	font-style: italic;
	font-weight: bold;
}
.scheme-orange .image-ontop > div p {
	color: var(--std-color-text-orange);
}
.scheme-turquoise .image-ontop > div p {
	color: var(--std-color-text-turquoise);
}
figure .image-ontop > div p:first-child {
	font-weight: normal;
}
figure .image-ontop > div p + p {
	margin-top: 0;
}

.prologue-text > * {
	padding-right: 1.33em;
	padding-left: 1.33em;
}

.prologue-text header {
	position: relative;
	padding-top: 0.75em;
	padding-bottom: 1em;
	display: flex;
	justify-content: center;
	background-color: var(--std-color-green);
}

.prologue-text h1 {
	position: relative;
	width: 100%;
	color: #ffffff;
	font-size: var(--desktop-fontsize-medium-headline);
	line-height: var(--desktop-lineheight-medium-headline);
	z-index: 2;
}

.prologue-text .triangle {
	bottom: -0.4em;
	background-color: var(--std-color-green);
	z-index: 1;
}

.scheme-orange .prologue-text header,
.scheme-orange .prologue-text .triangle {
	background-color: var(--std-color-orange);
}

.scheme-turquoise .prologue-text header,
.scheme-turquoise .prologue-text .triangle {
	background-color: var(--std-color-turquoise);
}

.prologue + .box,
.prologue-image + .box {
	margin-top: 1em;
}

#main-content > .prologue-image {
	margin-bottom: 2em;
}

.services-prologue-image > div {
	position: absolute;
	left: 0;
	bottom: 1.67em;
	padding: 0.3em 1.75em 0.5em 1.33em;
	background-color: rgba(255, 255, 255, 0.8);
}
.services-prologue-image > div p {
	color: var(--std-color-text-green);
	font-size: var(--desktop-fontsize-medium-headline);
	line-height: var(--desktop-lineheight-medium-headline);
	font-style: italic;
	font-weight: bold;
}
.services-prologue-image > div p:first-child {
	font-size: var(--desktop-fontsize-medium-subline);
	line-height: var(--desktop-lineheight-medium-subline);
	font-weight: normal;
}
.services-prologue-image > div p + p {
	margin-top: 0;
}

.services-prologue-text > * {
	padding-right: 1.33em;
	padding-left: 1.33em;
}

.services-prologue-text header {
	position: relative;
	padding-top: 0.75em;
	padding-bottom: 1em;
	display: flex;
	justify-content: center;
	background-color: var(--std-color-green);
}

.services-prologue-text h1 {
	position: relative;
	width: 100%;
	color: #ffffff;
	font-size: var(--desktop-fontsize-medium-headline);
	line-height: var(--desktop-lineheight-medium-headline);
	z-index: 2;
}

.services-prologue-text .triangle {
	bottom: -0.4em;
	background-color: var(--std-color-green);
	z-index: 1;
}


/**
 * .0 - aside box
 */
aside .box,
.teaser .box {
	position: relative;
	padding: 0;
	background: transparent;
	transition: var(--std-content-trans);
}

aside .widget.widget_block + .widget.widget_block {
	margin-top: 0;
}

aside .widget.widget_block + .widget.widget_block > .box,
aside .box + .box,
.teaser .box + .box {
	margin-top: 1.5em;
}

aside .box > *,
.teaser .box > *,
.teaser.teaser-and-details .box > *, /* needs display: flex !*/
.contact .box > * {
	position: relative;
	display: flex;
	flex-direction: row;
	background-color: var(--std-color-beige-alpha);
	transition: var(--std-content-trans);
}
.box.selectable > div {
	cursor: pointer;
}
.teaser .box > *,
.contact .box > * {
	display: grid;
	grid-template: "pic text";
	grid-template-columns: 150px 1fr
}

.box.selectable.selected, 
.box.selectable:hover {
	color: var(--std-color-text-dark-grey);
}

.teaser .box > * {
	min-height: 150px;
}

@keyframes teaserloading {
	from {
		background-color: var(--std-color-green-alpha);
	}
	to {
		background-color: rgba(var(--std-color-green-rgb), 0.2);
	}
}
@keyframes teaserloading-turquoise {
	from {
		background-color: var(--std-color-turquoise-alpha);
	}
	to {
		background-color: rgba(var(--std-color-turquoise-rgb), 0.2);
	}
}
@keyframes teaserloading-orange {
	from {
		background-color: var(--std-color-orange-alpha);
	}
	to {
		background-color: rgba(var(--std-color-orange-rgb), 0.2);
	}
}
.box.selectable.loading > * {
	cursor: progress;
	animation-duration: 0.25s;
	animation-name: teaserloading;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
.scheme-orange .box.selectable.loading > * {
	animation-name: teaserloading-orange;
}
.scheme-turquoise .box.selectable.loading > * {
	animation-name: teaserloading-turquoise;
}

.box.selectable.selected > *, 
.box.selectable:hover > * {
	background-color: var(--std-color-green-alpha);
}
.scheme-orange .box.selectable.selected > *, 
.scheme-orange .box.selectable:hover > * {
	background-color: var(--std-color-orange-alpha);
}
.scheme-turquoise .box.selectable.selected > *, 
.scheme-turquoise .box.selectable:hover > * {
	background-color: var(--std-color-turquoise-alpha);
}

.teaser .box h1,
.contact .box h1 {
	margin: 0;
	color: var(--std-color-text-mid-grey) !important;
}
.box.selectable.selected h1,
.box.selectable:hover h1 {
	color: var(--std-color-text-green) !important;
}
.scheme-orange .box.selectable.selected h1,
.scheme-orange .box.selectable:hover h1 {
	color: var(--std-color-text-orange) !important;
}
.scheme-turquoise .box.selectable.selected h1,
.scheme-turquoise .box.selectable:hover h1 {
	color: var(--std-color-text-turquoise) !important;
}

.teaser .box.selectable > a {
	color: inherit !important;
	font-weight: normal;
}

.teaser .box header,
.contact .box header {
	padding: 0.33em 1em 0.5em;
	background-color: var(--std-color-mid-grey-alpha);
}
.teaser .box header h1,
.contact .box header h1 {
	color: var(--std-color-text-light-grey) !important;
}

.teaser .box > * > picture,
.contact .box > * > picture {
	width: 150px;
}

.teaser .box > * > section,
.contact .box > * > section {
	padding: 0.4em var(--std-box-padding-right) 0.4em var(--std-box-padding-left);
}

.teaser .box > * > picture + section,
.contact .box > * > picture + section {
	padding: 0.4em 0.8em;
}

aside .box.text > * {
	padding: 0.33em 1em 0.5em;
}

aside > * + * {
	margin-top: 1.3em;
}

/**
 * .0 - contact
 */
/*
aside #category-contacts {
	margin-bottom: 1.3em;
}
*/

* + .contact {
	margin-top: 1.5em;
}
 
.contact header {
	padding: 0.33em 1em 0.5em;
	background-color: var(--std-color-mid-grey-alpha);
}
.contact header h1 {
	color: var(--std-color-text-light-grey) !important;
}

.box.post-detail .contact .box {
	/*margin: 0.5em 0 0.5em calc(-1 * var(--std-box-padding-left));*/
	padding: 0;
	background-color: transparent;
}

.box.post-detail .contact .box > * {
	background-color: var(--std-color-white-alpha); 
}

.box.post-detail > div .contact img {
	margin: 0;
}

.contact .box picture {
	width: 150px;
	height: 150px;
	overflow: hidden;
	background-color: var(--std-color-white-alpha);
}

aside .contact .box picture {
	padding-left: 0;
}

.contact .box img {
	width: 100%;
}
 
.contact .box div > section {
	align-self: flex-end;
}

.contact .box section a {
	color: inherit;
}
 

/**
 * .0 - aside teaser
 */
* + #aside-teaser {
	margin-top: 1.3em;
}

#aside-teaser {
	position: relative;
	margin-bottom: 1.3em;
	display: block; /* for dynamic loading (first they are placed in #main after loading; then replaced into aside) */
}

#aside-first #aside-teaser {
	display: block;
}

#aside-teaser > section {
	position: relative;
}

#aside-teaser > * + section {
	margin-top: 1.5em;
}

#aside-teaser > section > header {
	padding: 0.33em 1em 0.5em;
	background-color: var(--std-color-mid-grey-alpha);
}
#aside-teaser > section > header h1 {
	color: var(--std-color-text-light-grey) !important;
}

.teaser-post-selection {
	position: relative;
	max-height: 15em;
	overflow: hidden;
}

/* box for category color codes */
.box.selectable > * > div:first-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	height: 100%;
	display: none;
	background-color: grey;
}

.box.selectable > * > picture img {
	width: 150px;
}

#aside-teaser .move-selection-arrow.msa-left,
#aside-teaser .move-selection-arrow.msa-right {
	top: 8em;
}

.horizontal > section {
	position: relative;
	overflow: hidden;
}

/**
 * .0 - aside teaser grid
 */
.grid {
	width: 100%;
	display: block;
}

.grid .teaser-post-selection {
	flex-wrap: nowrap;
}

.grid .box.selectable > * {
	height: 100%; /* only for flex-direction row in grid teasers */
}


/**
 * .0 - post-detail
 */
.box.post-detail > div figure {
	max-width: 100%;
}

.box.post-detail figure img {
	width: 100% !important;
	height: auto !important;
}

.box.post-detail > div figure img {
	margin: 0;
}

.box.post-detail footer {
	/*border-top: 3px dashed var(--std-color-mid-grey-alpha);*/
	box-sizing: border-box;
	color: var(--std-color-text-mid-grey);
	background-image: url(images/hr-dashed.svg);
	background-repeat: repeat-x;
	background-size: 14px;
	background-color: #ffffff;
}

.box.post-detail footer > section + section {
	margin-top: 2.5em;
}	

.box.post-detail footer > section > section + section {
	margin-top: 1em;
}

.box.post-detail footer .logos {
	margin-top: -0.5em;
}

/*
.box.post-detail footer .logos figure img {
	width: auto !important;
}
*/

.box.post-detail footer section > div > div {
	margin-top: 1.5em;
	margin-right: 2em;
}
.box.post-detail footer section > div > div > figure + p {
	margin: 0.5em;
}

.box.post-detail footer h3,
.box.post-detail footer h4 {
	color: inherit;
}

.box.post-detail footer a + p {
	margin-top: 0.6em;
}


.box.post-detail.course .text-fullwidth header {
	background-color: var(--std-color-turquoise-alpha);
}

.box.post-detail.course .course-dates a {
	display: flex;
	color: inherit;
}

.box.post-detail.course .course-dates a div + div {
	font-weight: normal;
}

/**
 * .0 - article with teaser / teaser-and-details
 */
.category-posts {
	display: flex;
	flex-direction: row;
}

.services > article,
.category-posts {
	display: block;
}

.category-posts > div {
	width: 100%;
}

.teaser-and-details {
	cursor: pointer;
}
.teaser-and-details .box > *,
.teaser-and-details.selected .box > div {
	min-height: auto;
}
.teaser-and-details .box > div {
	min-height: 150px;
}

.teaser-and-details .box.selectable {
	overflow: hidden;
}

.teaser-and-details .box.selectable h1 {
	color: var(--std-color-text-green) !important;
	transition: var(--std-content-trans);
}	 

.orange-scheme .teaser-and-details .box.selectable h1 {
	color: var(--std-color-text-orange) !important;
}
.turquoise-scheme .teaser-and-details .box.selectable h1 {
	color: var(--std-color-text-turquoise) !important;
}

.teaser-and-details .link-internal,
.teaser-and-details	.link-internal:before,
.teaser-and-details	.link-internal:after {
	color: var(--std-color-text-green) !important;
}

.teaser-and-details	.box.selectable:hover .link-internal,
.teaser-and-details	.box.selectable:hover .link-internal:before,
.teaser-and-details	.box.selectable:hover .link-internal:after {
	color: white !important;
}

.teaser-and-details .box > div > picture {
	position: relative;
	height: 150px;
	opacity: 1;
	transition: var(--std-content-trans);
}
.teaser-and-details.selected .box > div > picture {
	margin-left: -150px;
	height: 0px;
	opacity: 0;
}

.teaser-and-details .box > div > section p {
	overflow: hidden;
	transition: var(--std-content-trans);
}
.teaser-and-details.selected .box > div > section p {
	height: 0px;
}

.teaser-and-details .box .teaser-details-container {
	padding: 0;
	overflow: hidden;
}

.teaser-and-details .box .teaser-details-container > div {
	position: relative;
	width: auto;
	height: auto;
	display: block;
	opacity: 0;
	background-color: transparent;
	transition: var(--std-long-content-trans);
}
.teaser-and-details.selected .box .teaser-details-container > div {
	opacity: 1;
}

.teaser-and-details.selected .box > * {
	background-color: var(--std-color-green-alpha);
}


/**
 * .0 - employee
 */
.employee {
	display: grid;
}

.employee header {
	grid-area: header;
	margin-bottom: 0.5em;
}

.employee > section {
	grid-area: main;
}

.employee > aside {
	grid-area: aside;
	margin-left: 1em;
	display: flex;
	flex-direction: column;
}

.employee h3 {
	color: inherit !important;
}
.employee * + h3,
.employee div + div {
	margin-top: 0.5em;
}

/**
 * .0 - calendar
 */
#calendar {
	position: relative;
	width: 100%;
	border-bottom: 2px solid var(--std-color-border-grey);
}

#calendar.box > header h1,
#calendar.box > header h2 {
	color: var(--std-color-text-dark-grey);
}

#calendar > section {
	transition: var(--std-content-trans);
}

.date-overview {
	display: flex;
	flex-direction: column;
	border-top: 2px solid var(--std-color-border-grey);
	border-left: 7px solid var(--std-color-border-grey);
	cursor: pointer;
	transition: var(--std-content-trans);
}
.date-overview:hover {
	background-color: rgba(var(--std-color-turquoise-rgb), 0.2);
}
.date-overview.date-nodetails,
header.date-overview:hover {
	background-color: transparent;
	cursor: default;
}

.selected .date-overview,
.selected .date-overview:hover {
	background-color: var(--std-color-turquoise-alpha);
}

.date-overview > div {
	color: var(--std-color-text-middark-grey);
}

.date-overview:hover > div,
.selected .date-overview > div {
	color: inherit;
}

@keyframes dateloading {
	from {
		background-color: rgba(var(--std-color-turquoise-rgb), 0.2);
	}
	to {
		background-color: var(--std-color-turquoise-alpha);
	}
}
.loading .date-overview,
.loading .date-overview:hover {
	cursor: progress;
	animation-duration: 0.25s;
	animation-name: dateloading;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.date-price-overview {
	position: relative;
	padding-left: 1.1em;
	cursor: pointer;
}
.date-price-overview:hover .arrow-down {
	background-color: #c4c4b1;
}

.arrow-down {
	position: absolute;
	top: 0.4em;
	left: 0;
	width: 0.77em; /* font-size: 15.5px -> width: 12px */
	height: 0.77em;
	display: block;
	background-color: #e0dfc7;
	background-repeat: no-repeat;
	background-image: url(images/arrow-down.svg);
	background-size: 0.52em 0.26em; /* 8px 4px */
	background-position: 0.13em 0.26em;
	transition: var(--std-content-trans);
}

.date-price-detail {
	position: absolute;
	top: 0;
	width: 100%;
	margin: -0.28em 0 0 -1.5em;
	padding: 0.28em 1em 1em 1.5em;
	display: none;
	opacity: 0;
	background-color: white;
	z-index: 10;
	transition: var(--std-content-trans);
}
.date-price-detail.show {
	display: block;
	opacity: 1;
}
.date-overview:hover .date-price-detail {
	background-color: #d4e2e2;
}
.date-overview.date-nodetails:hover .date-price-detail {
	background-color: white;
}


.selected .date-price-detail,
.selected .date-overview:hover .date-price-detail {
	color: var(--std-color-text-dark-grey);
	background-color: #aecfd6;
	/*background-color: var(--std-color-turquoise);*/
}

.date-price-detail .arrow-down {
	top: 0.68em;
	left: 0.4em;
	background-color: #c4c4b1;
	transform: rotate(180deg);
	transition: none;
}
.date-price-detail * + p {
	margin-top: 0;
}
.date-price-detail div + div,
.date-price-detail ul + div,
.date-price-detail p + div {
	margin-top: 0.5em;
}

.date-price-detail div.hr {
	margin-left: -1.5em;
	padding-left: 1.5em;
	margin-right: -1em;
	padding-right: 1em;
}
.date-overview:hover .date-price-detail div.hr,
.selected .date-price-detail div.hr {
	border-top: 1px solid var(--std-color-text-mid-grey);
}

.scheme-turquoise .date-overview a {
	color: inherit;
} 

.date-detail {
	height: 0;
	/*border-top: 2px solid var(--std-color-border-grey);*/
	border-left: 7px solid var(--std-color-border-grey);
	overflow: hidden;
	/*transition: var(--std-long-content-trans);*/
}
.selected .date-detail {
	transition: var(--std-content-trans);
}

.pv .date-overview {
	border-top-color: var(--std-color-category-pv);
}
.pv .date-overview,
.pv .date-detail {
	border-left-color: var(--std-color-category-pv);
}
.th .date-overview {
	border-top-color: var(--std-color-category-th);
}
.th .date-overview,
.th .date-detail {
	border-left-color: var(--std-color-category-th);
}
.th.pv .date-overview {
	border-top-color: var(--std-color-category-thpv);
}
.th.pv .date-overview,
.th.pv .date-detail {
	border-left-color: var(--std-color-category-thpv);
	/*border-left-image: linear-gradient( 90deg, var(--std-color-category-th) 0%, var(--std-color-category-pv) 100%) 1 100%;*/
}
.sc .date-overview {
	border-top-color: var(--std-color-category-sc);
}
.sc .date-overview,
.sc .date-detail {
	border-left-color: var(--std-color-category-sc);
}
.fce .date-overview {
	border-top-color: var(--std-color-category-fce);
}
.fce .date-overview,
.fce .date-detail {
	border-left-color: var(--std-color-category-fce);
}


/**
 * .0 - order
 */
.btn-order {
	margin: 1em 0;
	padding: 0.2em 2em;
	display: inline-block;
	color: var(--std-color-green);
	font-weight: bold !important;
	background-color: var(--std-color-green-alpha);
	transition: var(--std-content-trans);
}
.btn-order:hover,
.scheme-grey .btn-order:hover {
	color: white !important;
	background-color: var(--std-color-green);
}
.scheme-orange .btn-order {
	color: var(--std-color-orange);
	background-color: var(--std-color-orange-alpha);
}
.scheme-orange .btn-order:hover,
.scheme-orange .scheme-grey .btn-order:hover {
	background-color: var(--std-color-orange);
}
.scheme-turquoise .btn-order {
	color: var(--std-color-turquoise);
	background-color: var(--std-color-turquoise-alpha);
}
.scheme-turquoise .btn-order:hover,
.scheme-turquoise .scheme-grey .btn-order:hover {
	background-color: var(--std-color-turquoise);
}
.scheme-grey .btn-order, 
.scheme-orange .scheme-grey .btn-order:hover
.scheme-turquoise .scheme-grey .btn-order {
	color: var(--std-color-text-mid-grey);
	background-color: var(--std-color-mid-grey-alpha);
}

.product-not-available {
	color: var(--std-color-text-red) !important;
}

.order-form {
	position: absolute;
	right: -100%;
	width: 100%;
	opacity: 0;
	z-index: 999;
	transition: var(--std-content-trans);
}
.order-form.active {
	right: 0;
	opacity: 1;
}

.order-form > div {
	position: relative;
	width: 100%;
	margin: auto;
}

.order-form .order-content > :last-child {
	background-color: var(--std-color-beige-alpha-solid);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.order-form .order-content-form {
	padding-top: 1em;
	padding-bottom: 1em;
}

.order-form h3 + p {
	display: inline-block;
}

.order-form .btn-order {
	border: none;
}

.caldera-grid a:focus, 
.caldera-grid a:hover {
	text-decoration: none !important;
}

.caldera-grid label {
	font-weight: normal !important;
}

.caldera-grid .form-control {
	background-color: var(--std-color-white-alpha-solid) !important;
}

.field_required,
.has-error label,
.parsley-required,
.caldera-grid .has-error .checkbox, 
.caldera-grid .has-error .checkbox-inline, 
.caldera-grid .has-error .control-label, 
.caldera-grid .has-error .help-block, 
.caldera-grid .has-error .radio, 
.caldera-grid .has-error .radio-inline, 
.caldera-grid .has-error.checkbox label, 
.caldera-grid .has-error.checkbox-inline label, 
.caldera-grid .has-error.radio label, 
.caldera-grid .has-error.radio-inline label {
	color: var(--std-color-text-orange) !important;
}

.caldera-grid .has-error .form-control {
	border-color: var(--std-color-orange) !important;
}

input.form-control.parsley-error, 
select.form-control.parsley-error, 
textarea.form-control.parsley-error {
	color: var(--std-color-text-orange) !important;
	background-color: var(--std-color-orange-light) !important;
}


/**
 * .0 - widgets
 */
#main .box.info > div {
	background-color: var(--std-color-white-alpha);
}

#main .box.info header,	/* standard */
#main .box.info header .triangleClip {
	background-color: var(--std-color-orange-alpha);
	z-index: 1;
}
#main .box.info header.scheme-turquoise,
#main .box.info header.scheme-turquoise .triangleClip {
	background-color: var(--std-color-turquoise-alpha);
}
#main .box.info header.scheme-green,
#main .box.info header.scheme-green .triangleClip {
	background-color: var(--std-color-green-alpha);
}
#main .box.info header h1, /* standard */
#main .box.info header h2 {
	color: var(--std-color-text-orange);
}	
#main .box.info header.scheme-turquoise h1,
#main .box.info header.scheme-turquoise h2 {
	color: var(--std-color-text-turquoise);
}	
#main .box.info header.scheme-green h1,
#main .box.info header.scheme-green h2 {
	color: var(--std-color-text-green);
}	


aside .box {
	color: var(--std-color-text-mid-grey);
}

.box.info {
	padding: 0;
	color: var(--std-color-text-light-grey);
	background-color: transparent;
}

.box.info > header h1 {
	margin-bottom: 0;
}

.box.info > header {
	background-color: var(--std-color-mid-grey-alpha);
}
aside .box.info header.scheme-orange {
	background-color: var(--std-color-orange);
}
aside .box.info header.scheme-turquoise {
	background-color: var(--std-color-turquoise);
}
aside .box.info header.scheme-green {
	background-color: var(--std-color-green);
}
aside .box.info header.scheme-orange h1,
aside .box.info header.scheme-turquoise h1,
aside .box.info header.scheme-green h1 {
	color: white !important;
}

#aside-info .box.info > header h1 {
	color: var(--std-color-text-light-grey);
}

.box.info picture img {
	width: 100%;
	max-width: 25em;
	margin-right: auto;
	margin-left: auto;
}
.box.info.special picture img {
	max-width: initial;
}

.box.info > div,
.box.info > section {
	display: block;
	background-color: var(--std-color-beige-alpha);
}

.box.info .beside {
	display: grid;
	grid-template-areas: "text pic";
	grid-template-columns: 2fr 1.2fr;
}


.box.info .beside > div {
	grid-area: pic;
}

.box.info > div > div,
.box.info section {
	padding: 0.5em var(--std-box-padding-right) 1em var(--std-box-padding-left);
}
.box.info.dock section {
	padding-top: 0.9em;
}

.box.info .beside section {
	grid-area: text;
	padding-right: 0.5em;
}

aside .box.info > section > article + article {
    margin-top: 0.7em;
}

/* box on box */
.widget.widget_block + .widget.widget_block > .box.info.dock,
.box.info + .box.info.dock {
    margin-top: 0;
	background-image: url(images/hr-dashed.svg);
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 14px;
}

/* special box */
.box.info.special > header,
.box.info.special > div,
.box.info.special > section {
	position: relative;
	background-color: transparent !important;
}

#main .box.info.special > header,
#main .box.info.special > div,
#main .box.info.special > section {
	font-style: italic;
}

/* offer box */
/*
.box.info.offer {
	display: flex;
}

.box.info.special + .box.info.offer {
	margin-top: 2em;
}

.box.info.offer > div {
	background-color: transparent !important;
}
#main .box.info.offer > div {
	font-style: italic;
}

.box.info.offer header {
	height: 4.2em;
	padding: 0.25em var(--std-box-padding-right) 0.5em var(--std-box-padding-left);
	box-sizing: border-box;
}
.box.info.offer header h1 {
	margin-bottom: 0;
}

.box.info.offer section {
	height: calc(100% - 4.2em);
	box-sizing: border-box;
	background-color: var(--std-color-white-alpha);
}
*/
#main .widget.widget_block + .widget.widget_block > .box.info,
#main .box.info + .box.info {
	margin-top: 2em;
}

.box.info.offer {
	display: grid;
}

.box.info.offer * {
	font-style: italic;
}

.box.info.offer > div {
	grid-area: pic;
	margin: 0;
	padding: 0;
	background-color: var(--std-color-white-alpha);
}

.box.info.offer header {
	grid-area: head;
	position: relative;
	padding: 0.25em var(--std-box-padding-right) 0.5em var(--std-box-padding-left);
	box-sizing: border-box;
	background-color: var(--std-color-orange-alpha); /* standard */
}

.box.info.offer section {
	grid-area: text;
	padding: 1em;
	background-color: var(--std-color-white-alpha);
}

.box.info.offer figure {
	position: relative;
}
.box.info.offer figcaption {
	position: absolute;
	bottom: 0.5em;
	color: white;
	font-weight: normal;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9);
}

.box.info.countdown header {
	padding: 0.5em 1em !important;
	background: linear-gradient(90deg, #b95907, #e68a00) !important; /*, #d2b041*/
}

.box.info.countdown > header h1 span {
	color: white !important;
}

.box.info.countdown header img {
	width: 12.75em;
}

.countdown-timer {
	padding: 0.5em 0 0 !important;
	display: flex !important;
	flex-direction: row;
	justify-content: space-between;
}
	
	
.countdown-timer div {
	width: 23%;
	min-height: 3em;
	padding: 1em 0.25em 0.75em;
	box-sizing: border-box;
	/*color: white;*/
	text-align: center;
	/*background-color: var(--std-color-turquoise);*/
	background-color: var(--std-color-white-alpha-solid);
	/*background-color: #3D3DCC !important;*/
}

.countdown-timer div span {
	/*color: rgba(31, 31, 102, 1);*/
	font-size: var(--desktop-fontsize-medium-headline) !important;
	line-height: 1em !important;
	/*font-size: var(--desktop-fontsize-small-subline) !important;*/
	font-weight: bold;
	display: block;
}

.countdown-timer + .countdown-text {
	padding: 0 !important;
	margin-top: 0.5em;
	color: white !important;
	background-image: url(images/pvwissen-bg-bright2s.jpg);
	background-size: 100% 110%;
}

.countdown-timer + .countdown-text > div {
	padding: 0.7em 0em 0.5em;
	background-color: rgba(31, 31, 102, 0.7) !important;
}

/**
 * .0 - Woocommerce
 */
.woocommerce input,
.woocommerce select,
.woocommerce textarea {
	font-size: inherit;
}
 
.woocommerce textarea {
	min-height: 10em;
}
	
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	background-color: var(--std-color-white-alpha);
}
 
.woocommerce table.shop_table {
	border: initial;
	border-radius: initial;
	border-collapse: collapse;
}

.woocommerce table.shop_table tr {
	background-color: transparent !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-top: initial !important;
}

.woocommerce table.shop_table thead th {
	border-bottom: 2px solid var(--std-color-border-grey) !important;
}

.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.woocommerce-table--order-details tfoot th,
.woocommerce table.woocommerce-table--order-details tfoot td {
	font-weight: normal;
	border: none !important;
}
.woocommerce table.shop_table tfoot tr:first-child th,
.woocommerce table.shop_table tfoot tr:first-child td {
	font-weight: bold;
	border-top: 2px solid var(--std-color-border-grey) !important;
}
.woocommerce table.shop_table tfoot tr:last-child th,
.woocommerce table.shop_table tfoot tr:last-child td,
.woocommerce table.shop_table tr.order-total th,
.woocommerce table.shop_table tr.order-total td {
	font-weight: bold;
	border-top: 2px solid var(--std-color-border-grey) !important;
	border-bottom: 6px double var(--std-color-border-grey) !important;
}

.woocommerce tr:last-child,
.woocommerce #content table.cart td.actions, 
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
	background: transparent !important;
}
.woocommerce table.shop_table tr.cart-discount {
	background-color: var(--std-color-turquoise-alpha) !important;
}

.woocommerce a.woocommerce-remove-coupon {
	color: white;
	margin-left: 0.5em;
}

.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {
	width: auto;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    float: initial;
    box-sizing: initial;
    border: initial;
    border-bottom: 2px solid var(--std-color-underline-grey);
    padding: 0.26em 0.45em;
    margin: initial;
    outline: initial;
}

.woocommerce .product-price {
	text-align: right;
}
.woocommerce th.product-price {
	text-align: center;
}

.woocommerce .woocommerce-Price-amount {
	width: 8em;
	display: inline-block;
	text-align: right;
}
.woocommerce .includes_tax .woocommerce-Price-amount {
	width: auto;
	display: inline;
}

/*
.woocommerce .cart-discount td {
	color: transparent;
}
.woocommerce .cart-discount td * {
	color: var(--std-color-text-dark-grey);
}
*/
.woocommerce .cart-discount td .woocommerce-Price-amount {
	display: inline-block;
}

.woocommerce form .form-row label {
	color: var(--std-color-text-light-grey);
}



.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	width: auto;
	float: none;
} 

.woocommerce .cart-collaterals:after, 
.woocommerce .cart-collaterals:before, 
.woocommerce-page .cart-collaterals:after, 
.woocommerce-page .cart-collaterals:before {
	content: "";
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	border-radius: initial;
	transition: var(--std-short-content-trans);
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	color: #ffffff !important;
	background-color: var(--std-color-turquoise);
}

.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover {
	color: inherit !important;
	background-color: var(--std-color-mid-grey-alpha);
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	background-color: var(--std-color-green);
	transition: var(--std-content-trans);
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	color: #ffffff !important;
	background-color: var(--std-color-turquoise);
}

.woocommerce a.remove {
	border-radius: initial;
	color: var(--std-color-text-red) !important;
}
.woocommerce a.remove:hover {
	background-color: var(--std-color-text-red);
}

.woocommerce form .form-row .required {
	color: var(--std-color-text-orange);
}

.woocommerce .cart_totals {
	margin-top: 1.5em;
}
.woocommerce .cart_totals table.shop_table {
	border-top: 2px solid var(--std-color-border-grey) !important;
}

.woocommerce .cart_totals table.shop_table th {
	width: 20%;
}

.woocommerce .woocommerce-shipping-totals td {
	display: flex;
}
.woocommerce #shipping_method {
	width: 60%;
}

.woocommerce .woocommerce-shipping-totals td > * {
	margin-right: 0.75em !important;
}
.woocommerce .woocommerce-shipping-totals td > * + *,
.woocommerce .woocommerce-shipping-totals td > * + form > a {
	margin-top: 0 !important;
}
.woocommerce .woocommerce-shipping-totals td label {
	font-size: inherit;
}
.woocommerce .woocommerce-shipping-totals td label .woocommerce-Price-amount {
	display: block;
}

.select2-container--default .select2-selection--single {
	border-radius: initial;
	border: 0;
    border-bottom: 2px solid var(--std-color-underline-grey);
	background-color: transparent;
}

.select2-dropdown {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	border: none;
	border-radius: initial;
	background-color: var(--std-color-white-alpha-solid);
}
.select2-results__option {
	padding: 0.25em 0.5em;
	list-style-type: none;
}
li.select2-results__option:before {
	content: "";
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
	background-color: var(--std-color-beige-alpha);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--std-color-turquoise-alpha);
}

.select2-container--default .select2-search--dropdown .select2-search__field{
    border-top: 0;
    border-right: 0;
    border-left: 0;
    /*border-bottom: 2px solid var(--std-color-underline-grey);*/
}

.woocommerce form .form-row.woocommerce-invalid label {
	color: var(--std-color-text-red);
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
	border-color: var(--std-color-text-red);
}


.woocommerce-error {
	border-top-color: var(--std-color-text-red);
}
.woocommerce-error:before {
	color: var(--std-color-text-red);
}

.woocommerce li {
	padding-left: 0;
	text-indent: initial;
}
.woocommerce li:before {
	width: initial;
	height: initial;
	content: "";
}

.woocommerce-info {
	border-top-color: var(--std-color-turquoise);
}
.woocommerce-info:before {
	color: var(--std-color-text-turquoise);
}

.woocommerce-message {
	border-top-color: var(--std-color-green);
}
.woocommerce-message:before {
	color: var(--std-color-text-green);
}

.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
    border-color: var(--std-color-green);
}

#customer_details {
	margin-bottom: 3em;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border: none;
}

.woocommerce #add_payment_method #payment, 
.woocommerce .woocommerce-cart #payment, 
.woocommerce .woocommerce-checkout #payment {
	border-radius: 0;
	background-color: var(--std-color-white-alpha-solid);
}

.woocommerce .wc_payment_methods label {
	font-weight: bold;
}
.woocommerce .wc_payment_methods .payment_box {
	border-radius: 0;
}

.woocommerce ul.order_details {
	margin-top: 1em;
	margin-bottom: 3em;
}
.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
	display: none;
	content: "";
}

.woocommerce ul.order_details li,
.woocommerce ul.order_details li strong {
	margin-right: 0;
	float: none;
	font-size: inherit;
	line-height: inherit;
	text-indent: 0;
	text-transform: initial;
}
.woocommerce ul.order_details li strong {
	margin-left: 0.2em;
	display: inline;
	font-size: inherit;
	line-height: inherit;
}
.woocommerce ul.order_details li .woocommerce-Price-amount {
	width: auto;
}

.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot th, 
.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot td {
	font-weight: bold !important;
}

.woocommerce .woocommerce-customer-details address {
	border: 0;
}



/**
 * .0 - WPML
 */
ul .wpml-ls-menu-item a {
	display: inline !important;
	color: var(--std-color-beige-grey-mid) !important;
	font-weight: bold !important;
}