:root {
  --schrift: #000;
  --grau: #888;
  --blaugrau: #0c4747;
  --rot: #df0303;
  --halbrot: #ff8181;
  --viertelrot: #ffe1e1;
  --dreiviertelrot: #ffb1b1;
  --rot: #df0303;
}

*, section, body, div, p, span, button, a:link, a:visited, a:active, a:hover {margin:0;padding:0;box-sizing: border-box;background-size:cover;background-position:center;}
body {
	font-family: 'Corporate S', Helvetica Neue, Helvetica, Arial, sans-serif;
	color:var(--schrift);
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	background:#fff;
	font-weight:400;
	font-size:18px;
	line-height:1.22em;
	word-spacing:-0.02em;
		max-width: 100%;
		overflow-x: hidden;
	overflow-x:hidden;
	}

div {
	display:block;
	position:relative;
	}

img {max-width:100%;max-height:100%;}

section {
	max-width: 100%;
	padding: 6rem 0;
	}

@media (max-width:768px) {
body {
	}
	section {
		padding: 5rem 0;
		}
}
@media (max-width:480px) {
	section {
		padding: 4rem 0;
		}
}

section.nopad {
	padding: 0;
	}

section:first-child {
	padding:0;
	}

section.overflowhidden {
	overflow: hidden;
	}

section > img {padding:20px;margin:2em 0 0 0;}


.fullwidthimg {text-align:center;}
.fullwidthimg > img {width:100%;max-height:90vh;object-fit:cover;margin-bottom:0em;padding-bottom:0;}
.fullwidthimg > p {text-align:center;margin-top:0;line-height:1em;font-size:0.8em;opacity:0.5;}

p, h1, h2, h3, h4 {
	max-width:660px;width:calc(100% - 40px);
	margin:auto;
	margin-bottom:1em;
	}

.maxwidth-max {
	max-width:860px;
	}

a, a:link, a:visited, a:active, a:hover {color:inherit;text-decoration:none;transition:opacity 0.05s}

section a:link, section a:visited, section a:active, section a:hover {color:var(--rot)}

a:hover {
	color: var(--halbrot);
	}
p {
	margin-bottom:0;
	hyphens: auto;
	}
h1 {
	font-size:3.6em;
	margin: 0.125em auto 0.5em auto;
	line-height: 0.9em;
	letter-spacing:-0.025em;
	word-spacing:-0.06em;
	font-weight:600;
	transform: scale(0.88,1);
	transform-origin: left;
	}

h2 {
	font-weight:400;
	margin-bottom:0;
	font-size:2.3125rem;
	margin-top:1rem;
	line-height:1.275em;
	}

h3, .font-sm {
	text-transform: uppercase;
	font-weight: 400;
	color: var(--rot);
	font-size: 1rem;
	letter-spacing: 0.1rem;
	margin: 0 auto;
	line-height:1.25rem;
	/* ROTE TOP-LINIE
	background: var(--rot);
    color: white;
    width: fit-content;
    padding: 0.3em 1.1em;
    */
	}

h1.kleiner, h1.zitat {
    font-size: 2em;
    line-height: 1em;
	}

#warum-waehlen h2 {
	width: calc(100% - 80px);
	}


@media (max-width:1024px) {
	.startbox {
		
		}
	h1, h2, h3 {}
	h1 {
		font-size:3.2rem
		}
	h2 {
		font-size: 1.925rem;
		}
	h3 {
		}
	}

@media (max-width:768px) {
	h1, h2, h3 {}
	h1 {
		padding-right:0;
		font-size:2.4rem}
	h2 {
		font-size: 1.425rem;
		}
	h3 {
		
		}
	}

@media (max-width:480px) {
	h1 {
		padding-right:0;
		font-size:2.9rem;
		padding: 0.5em 0;
		}
	#warum-waehlen h2 {
		width: calc(100% - 40px);
		}
	}



.zitat {
    float: left;
    display: inline-block;
    width: auto;
    padding: 0.5em 20px;
    margin: 0;
    margin-left: calc(50% - 450px);
    max-width: 300px;
    hyphens: auto;
	}
	
.textcenter,
h1.textcenter,
h2.textcenter,
p.textcenter {
	transform-origin: center;
	text-align: center;
	}
@media (max-width:1023px) {.zitat {margin-left: 50px;}}
@media (max-width:767px) {.zitat {margin-left: 0px;float:none;max-width:100%;font-size:1.8em}}
@media (min-width:1600px)  {}


@media (min-width:1600px)  {
	}




/* TOP TOP */

.progress-container {
	width: 100%;
	z-index: 98;
	position: fixed;
	height:36px;
	padding:0 4px;
	background:white;
	top: 0;
	-webkit-overflow-scrolling: touch;
	display:flex;
	line-height:34px;
	font-size:0.8em;
	transition: all 0.2s;
	}
.progress-container:hover {
	height:56px;
	background:#fafafa;
	}
.progress-container img {
	padding:4px 2px; 
	transition: all 0.2s;
	}
.progress-container > div {
	width:200px;
	}
.progress-container > div:nth-child(1) {
	margin-right:1em;
	}
.progress-container > div:nth-child(2) {
	width:100%;
	max-width:660px;
	margin:auto;
	background:#ece2e2;
	position:relative;
	height:1.5px;
	line-height: 25px;
	transition: all 0.2s;
	text-align: center;
	}

.progress-container:hover > div:nth-child(2) {
    top: -5px;
    }

.progress-container > div:nth-child(2) > div  {
	}	
.progress-bar {
	height: 1.5px;
	background: var(--rot);
	width: 0%;
	max-width: 100%;
	z-index:2;
}
.progress-container > div:nth-child(2) span {
	display:inline-block;
	background:transparent;
	height:10px;
	position: relative;
	font-size:12.9px;
	line-height:1.2em;
	letter-spacing:0.05em;
	/*border-left:1px solid #ece2e2;*/
	cursor:pointer;
	padding-right:12px;
	padding-top:0px;
	text-transform:uppercase;
	color:#888;
	opacity:0;
	transition:opacity 0.3s;
	}

.progress-container:hover > div:nth-child(2) span {
	opacity:1;
	}

.progress-container > div:nth-child(2) span:nth-child(2):before,
.progress-container > div:nth-child(2) span:nth-child(3):before,
.progress-container > div:nth-child(2) span:nth-child(4):before,
.progress-container > div:nth-child(2) span:nth-child(5):before {
	content: ' ';height:3px;width:3px;background:var(--rot);position:absolute;
	left:-2.5px;top:-2px;border-radius:100%;
	display:none;
	}

#sharelinks {
	text-align:right;
	}
#sharelinks img {
    transform: none;
    position: relative;
    fill-color: white;
    height: 1.5em;
    padding:0.15em 0;
    vertical-align:middle;
    opacity: 0.4;
}
#sharelinks > svg {
	border-left:1px solid #aaa;
	padding-left: 0.6em;
	padding-right: 0.3em;
	transform: translateY(0.5em);
	width: 2em;
	margin-right:8px;
	}

#sharelinkss img {
	height: 21px;
	margin: 0;
	padding: 2px 0;
	opacity: 0.4;
	}
#sharelinks span {
	display: none
	}

#sharelinks a {
	padding:5px;
	opacity:0.8;
	}
#sharelinks a:hover {
	opacity:1;
	}
#sharelinks .st21 {
	fill: #777;
	}
#sharelinks a:hover .st21 {
	fill: var(--rot);
	}
	#sharelinks > div {display:inline;}

@media (min-width: 1025px) {
	.progress-container:hover {
		line-height:54px;
		}	
	.progress-container:hover img {
		height: 56px;
		}
	#sharelinks > svg {display: none}
	}
@media (max-width:1024px) {
	.progress-container {
		}
	.progress-container > div:nth-child(1) > a,
	.progress-container > div:nth-child(1) > a > img {
		display: block;
		height: 36px !important;
		}
	.progress-container > div:nth-child(1) > a > img {
		}
	.progress-container:hover {
		height: 36px;
		}
.progress-container:hover > div:nth-child(3) > div > div {
		display:none;
		}

.progress-container > div:nth-child(2) {
		width: calc(100% - 210px);
		}
.progress-container:hover > div:nth-child(2) {
		top: 0;
		}
	.progress-container:hover > div:nth-child(2) span {
	display:none;
		}
	#sharelinks > div {display:none;}
	#sharelinks > svg {border-left:0px solid #aaa;}

	.progress-container > div:nth-child(3) {
		margin-left:1em;
		width: 50px;
		}
	}
@media (max-width:767px) {
	.zitat {margin-left: 0px;float:none;max-width:100%;font-size:1.8em}
	}

@media (max-width:680px) {
	.progress-container {
		flex-wrap: wrap;
		padding: 0;
		height: 38px;
		}
	.progress-container > div {
		text-align: left;
		}
	.progress-container > div:nth-child(1){
		width: 50%;
		margin-right: 0;
		}
	.progress-container > div:nth-child(1) img{
		padding: 3px;
		}
	.progress-container > div:nth-child(2){
		width: 100%;
		max-width:680px;
		}
	.progress-container > div:nth-child(3){
		width: 50%;
		margin-left: 0;
		}
	.progress-container > div:nth-child(2){
		order: 3;
		display: block;
		}
	}

@media (min-width:1600px)  {}
	
	
	
/* TOP-BOX*/


.startmecont {
	padding-top: 0rem;
	height:calc(100vh - 4rem);
	max-width: 1080px;
	width: calc(100% - 160px);
	margin: auto;
	min-height: 640px;
	}
.startbox {
	background: white;
	margin: 0;
	max-width: 500px;
	text-align:center;
	position:absolute; 
	top: 50%;
	right: 0;
	width: calc(100% - 2rem);
	-ms-transform: translate(-50%, -50%);
	transform: translate(0%, -50%);
	display: flex;
	flex-direction: column;
	z-index: 5;
	}

.startmecont > img:first-child {
	display: none;
	}
@media (max-width:1024px) {
	.startbox {
		width: calc(100% - 40px);
		left: 50%;
		right: unset;
		transform: translate(-50%, -50%);
		}
	}	
.startbox > * {
	margin: 2rem auto;
	}
.startbox h3 {
	margin-top: 3rem;
	}
.startbox h1 {
	margin: 0rem auto 0 auto;
	transform-origin: center;
	padding: 0;
	}	

.spendenbox {
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: var(--blaugrau);
	padding: 1rem;
	width: auto;
	margin: 3rem auto 2rem auto;
	/*
	background: var(--viertelrot);
	transform: translateY(3rem);
	*/
	
	}
.spendenbox .buttons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;
	}


.button, .spendenbox .buttons > a {
	background: var(--rot);
	color: var(--blaugrau);
	color: #fff !important;
	padding: .5rem 1.05rem;
	margin: 0.5rem 0.1rem 0 0.1rem;
	display: block;
	letter-spacing: 0;
	width: 120px;
	font-weight: bold;
	box-shadow: 0px 0px 10px var(--viertelrot);
	transition: background 0.12s ease-in-out;
	}

.spendenbox .buttons > a:last-child {
	background: white;
	color: var(--blaugrau) !important;
	border: 2px solid var(--dreiviertelrot);
	width: auto;
	}
.button:hover, .spendenbox .buttons > a:hover {
	background: var(--dreiviertelrot);
	background: var(--halbrot);
	border-color: transparent;
	box-shadow: 0px 0px 2px var(--viertelrot);
	}
	.spendenbox img {
		margin-top:0.5rem;
		padding: 1px;
		}




@media (max-width:768px) {
.spendenbox .buttons > a {
		width: 100px;
		}
	}

@media (max-width:540px) {
	.startbox {
		width:100%;
		max-width:100%;
		transform: none;
		left:0;
		top: 0vh;
		position:relative;
		background: transparent;
		background: white;
		margin: 0;
		}
	section {
		background-position: 24% 50%;
		}
	.startbox h3 {
		margin: 1.2rem auto;
		}
	.startbox h1 {
		padding: 0rem 0 1rem 0;
		font-size: 3em;
		}
	.startmecont {
		height: auto;
		width: 100%;
		}
		.startmecont > img:first-child {
			display: block;
			height:55vh;
			object-fit: cover;
			object-position: 28% 50%;
			z-index: 1;
			}
	.spendenbox {
		margin: 0;
		display: flex;
		flex-direction: column;
		}

	.spendenbox > *:nth-child(1) {
		order: 2;
		}
	.spendenbox > *:nth-child(2) {
		order: 3;
		}
	.spendenbox > *:nth-child(3) {
		order: 1;
		}
	.spendenbox p {
		width: calc(100% - 40px);
			background: var(--viertelrot);
		margin-bottom:1em;
		padding: 20px;
		margin-bottom: 0;
		}
	.intro.nopad {
		display:none;
		}
	#top {border-bottom: 1px solid #ddd;
	box-shadow: 0px 0px 10px silver}
	.spendenbox img {
		margin-bottom:3rem;
		width:
		}
	.spendenbox div.buttons {
			flex-direction: row;
			flex-wrap: wrap;
			width: calc(100% - 40px);
			background: var(--viertelrot);
			padding: 12px;
			margin-bottom: -5rem;
		}

	.overflowhiddens {
		padding-top: 7rem
		}

	.spendenbox .buttons > a {
			width: calc(33.333% - 2px) !important;
			margin: 1px;
				}
	.spendenbox .buttons > a:last-child {
			white-space: nowrap;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    font-size:0.8em;
			}
	}




/* TOP TOP */


.tooltip {
  position: relative;
  display: inline; 
  border-bottom: 1px dotted;
  color: var(--rot);
  cursor: pointer;
}
.tooltip > img {	
	display:inline-block;
	max-height: 1.1em;
	margin-bottom: -0.3em;
	border-left: 0.25em solid white;
	}
.tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  width: 15rem;
  background-color: var(--rot);
  color: #fff;
  text-align: left;
  padding: 1.25rem;
  position: absolute;
  z-index: 1;
  bottom: 3.25em;
  transform: translate(-50%, 3%);
  margin-left: calc(-50% + 0.125rem);
  font-size: 1rem;
  line-height: 1.125em;
  pointer-events: none;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  border-style: solid;
  border-color: var(--rot) transparent transparent transparent;
  transition: all 0s;
  
}

.tooltiptext img {
	margin-left: -1.25em;
	margin-top: -1.25em;
	margin-right: -1.25em;
	margin-bottom: 0.85em;
	width: calc(100% + 2.5em);
	max-width: calc(100% + 2.5em);
	}


@media (min-width:581px) {
	.tooltip:hover .tooltiptext::after {
	  margin-left: -.75rem;
	  border-width: .75rem;
	  transition: all 0.1s ease-in-out;
		}
	.tooltip:hover {
	  color: var(--halbrot);
		}
	.tooltip:hover .tooltiptext {
	  transform: translate(-50%, -0%);
		opacity: 1;
	  visibility: visible;
	  transition: all 0.15s ease-out;
		}
	}

.tooltip > .tooltiptext > span {
	opacity:0.5;
	display:block;font-size:0.8em;
	transform: translateY(-1em);
	}

@media (max-width:580px) {
	.tooltip > img {display: none}
	.tooltip,
	.tooltiptext,
	.tooltiptext:after {
		transition: none !important;
		}
	.mobiletooltipbg.on {
		background: #fff;
		opacity: .0;
		position: fixed;
		top: 0; left: 0; height: 120vh; width: 100vw;
		z-index: 99;
		}
	.tooltip > .tooltiptext > span {
		transform: translateY(-0.7em);
		}
	.tooltiptext.on,
	.tooltip.on:after {
		display: block;
		visibility: visible;
		opacity: 1;
		position: fixed;
		top: 50%; left: 50%; 
		margin: 0;
		transform: translate(-50%, -50%);
		width: calc(100vw - 4rem);
		z-index: 100; 
		height: fit-content;
		}
	.tooltiptext.on {
		}
	.tooltiptext.on > img {
		border: none;
		z-index: 101;
		max-height: 240px;
		position: relative;
		object-fit: cover;
    		}

	.tooltip .tooltiptext::after {
		display: none;
		}
	}

/* TOP TOP */


.holder.amemf.off {opacity: 0.125; position: relative;}
.holder.amemf {position: relative;}

p {}

.wypa.off {opacitys: 0.2;}

.leftrightbox {
	display: flex; 
	margin: auto; 
	justify-content: space-between;
	max-width: 1080px; 
	width: calc(100vw - 160px);
	}

@media (max-width:1024px) {
	.leftrightbox {
		width: calc(100vw - 40px);
		}
	}	

.leftrightbox .sticky {
	max-width:49.5%;
	}
.leftrightbox .sticky span {
	margin-bottom: 0.2em;
	display:inline-block;
	min-height: auto;
	text-align:left;
	}
.leftrightbox .sticky > div > a {
	color: inherit;
	}
.leftrightbox .sticky > div > a > h1{
	margin-bottom: 0;
	}
.leftrightbox .left,
.leftrightbox .right {
	padding: 2rem;
	}
.fullw {
	background: #eee;
	}
.leftrightbox.fullw {
	max-width: 100%;
	width: 100%;
	}
.leftrightbox p {	
	margin: 1em 0;
	width: 100%;
	column-gap: 1.5em;
	column-count: 2; 
	column-rule: 1px dotted #bbb;
	}
.leftrightbox img {	
	max-width:100%; margin: 1em auto;
	margin-left: 0%;
	}
.imgcont {
	text-align: left;
	writing-mode: vertical-lr;
	margin-bottom: 1em;
	}
.imgcont img {
	margin-bottom:0;
	max-height: 200px;
	}
.imgcont span {
	display:block;
	font-size:0.57em;
	margin: 0;
	margin-left:.25em;
	opacity: 0.5;
	text-align: right;
	line-height: 1em;	
	}
section.fullw {
	sborder: 1px solid; 
	margin: auto; 
	}
.phonearea.rightbox {
	}	
.phonearea.rightbox {
	margin-top: 0;
	}	

.wypa {border-bottom: 1px dotted #bbb;}
.wypa:last-child {border-bottom: 0px dotted;}

h4 {text-align: left;font-size:1.5rem; max-width:50%;line-height: 1.2em;margin-left:0;}

.fullw .phonearea > div {
    padding: 74px 0;
}
.fullw .phonearea > div:first-child {
    padding: 0 0 70px 0;
}
.leftrightbox .left, .leftbox {display: inline-block; width:50%}
.leftrightbox .right, .rightbox {display: inline-block;max-width:550px;}

.leftrightbox .left.w50, .leftbox.w50,
.leftrightbox .right.w50, .rightbox.w50 {
	width:50%; max-width: 50%; padding:6em 0;
	}

.leftrightbox.fullw {color:white;}
.leftrightbox.fullw h1,
.leftrightbox.fullw h2,
.leftrightbox.fullw h3,
.leftrightbox.fullw a:link {margin-left: 0;}


.leftrightbox .left.w50 > div, .leftbox.w50 > div,
.leftrightbox .right.w50 > div, .rightbox.w50 > div {
	max-width: 540px;margin: auto;
	background: white; 
	max-width: 400px; color: black; padding: 2em;
	margin: auto;}

.leftrightbox .left.w50 > div, .leftbox.w50 > div {}
.leftrightbox .right.w50 > div, .rightbox.w50 > div {}

.leftrightbox .left.mw550, .leftbox.mw550,
.leftrightbox .right.mw550, .rightbox.mw550 {width: auto; max-width:550px;}

.rightbox > div {height: auto;}		


@media (max-width:768px) {
	.leftrightbox .sticky {	
		max-width: 40%;
		}
.leftrightbox .left.w50, .leftbox.w50,
.leftrightbox .right.w50, .rightbox.w50 {
	padding:20px 0;
	}
.leftrightbox .left.w50 > div, .leftbox.w50 > div,
.leftrightbox .right.w50 > div, .rightbox.w50 > div {
	max-width: 100%; padding: 20px;
	}
}
@media (max-width:668px) {
	.leftrightbox {
		display: block;
		}
	.leftrightbox .sticky {	
		max-width: 100%;
		position: relative !important;
		height: auto;
		}
	.leftrightbox .sticky h1 {	
		display: none;		
		}
	.fullw .phonearea > div:first-child,
	.leftrightbox .phonearea > div {
		overflow: hidden;
		padding: 1em 0;
		}
	.phonearea.rightbox {
		display: block;
		max-width: calc(100% - 0px);
		margin: auto;
		}
	.holder.amemf.off {
		opacity: 1;
		}
	.leftrightbox p {
		column-count: 1;
			}
	.leftrightbox h4 {
		column-count: 1;
		max-width: 100%;
		margin-right: 0;
			}
	.imgcont {
		writing-mode: rl;
		width: fit-content;
		}
.leftrightbox .right {
	padding: 1.5rem;
	}
}


/* THEMENBOX */	

.themenbox {
	display:flex;
	flex-wrap: wrap;
	max-width: 1080px;
	width: calc(100% - 2em);
	margin: auto;
	}

.themenbox > div {
	position: relative;
	cursor: pointer;
	}

.themenbox > div > .imgcont {
	opacity: 0.9;
	bottom: 0;
	right: 0;
	margin-bottom: 0;
	transition: all 0.2s ease-in;
	margin-top: 0px;
	text-align: left;
	width: 100%;
	transform: translate(0px, 0px);
	}
.themenbox > div > .imgcont.on {
	opacity: 1;
	}
.themenbox > div > .imgcont img {
	max-height:200px;
	}
.themenbox > div:hover h1 {
	color: var(--rot);
	}
.themenbox > div:hover .imgcont {
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 0.4s ease-out;
	}
.themenbox > div sh1,
.themenbox > div p {
	transition: transform 0.2s;
	width: 100%;
	}

.themenbox > div a:link:before {
	content: '\2192';margin-right:0.25em;}

.themenbox > div a:link,
.themenbox > div a:visited,
.themenbox > div a:active {
	margin: 0.75em 0;
	padding: 0.25em 0.5em 0.4em 0.5em;
	width: fit-content;
	background: var(--halbrot);
	color: white;
	transition: all 0.2s;
	margin-left: auto;
	}
.themenbox > div a:hover {
	background: var(--rot);
	}

.themenbox > div {
	width: 47%;
	border-bottom: 1px solid #eee;
	padding: 2em;
	border-right: none;
	}
.themenbox > div:nth-child(2),
.themenbox > div:nth-child(3),
.themenbox > div:nth-child(6),
.themenbox > div:nth-child(7),
.themenbox > div:nth-child(10),
.themenbox > div:nth-child(11) {
	width: 52%;
	}
.themenbox > div:nth-child(odd) {border-right: 1px solid #eee;}
.themenbox > div:nth-child(odd) {padding-left: 0;}
.themenbox > div:nth-child(even) {padding-right: 0;}


.themenbox > div:nth-child(1),
.themenbox > div:nth-child(2) {
	padding-top: 0;
	}
.themenbox > div:nth-child(7),
.themenbox > div:nth-child(8) {
	padding-bottom: 0;
	border-bottom: 0;
	}


.themenbox > div .zitat {
	margin: 0;
	float: none;
	padding: 0;	
	}
.themenbox > div h1.zitat {
	margin: 0.5em 0;
	}
.themenbox > div p {
	margin: 0;
	float: none;
	padding: 0;	
	}
.themenbox > div p.more{
   display: none;
	}	
.themenbox > div p.read:before{
   content: '+';
   color: var(--rot);
   font-size: 1.666em;
   font-weight: 500;
   position: absolute;
   margin-left: -0.6825em;
   margin-top: -0.025em;
   transition: all 0.2s;
	}	
.themenbox > div p.read {
	padding-left:1em;
   text-transform: uppercase;
   font-size: 0.666em;
   font-weight: 700;
   letter-spacing: 0.12em;
   color: var(--grau);
   margin-top: 1em;
   transition: all 0.2s;
	}	
.themenbox > div:hover p.read {
	transform: translate(0.65em, 0);
	padding-left: 0.15em;
	}	
.themenbox > div:hover p.read:before {
   margin-left: -0.685em;
	}	
.themenbox > div p.read.on:before{
   transform: rotate(45deg) !important;
	}	

.button,
a:link.button {
	width: fit-content; 
	margin: auto; 
	width: 500px;
	max-width: calc(100% - 40px);
	margin-top: 4em;
	border-radius: 0.1em;
	box-shadow: none;
	border: 1px solid var(--rot);
	}

.button.fitwidth,
a:link.button.fitwidth {
	width: auto;
	display: inline-block;
	margin: .5em auto 0 auto;
	padding: 0.2rem 0.55rem;
	}

.button:hover,
a:link.button:hover {
	background: var(--halbrot); !important;
	box-shadow: none;
	border: 1px solid var(--halbrot);
	transition: all 0.2s;
	}
.button p,
.button.fitwidth span,
.button.twolines span {
    max-width: 100%;
    margin: 0.5em;
    font-weight: 400;
    transition: transform 0.2s ease-in-out;
    column-count: 0;
    column-rule: none;
    column-gap: 0;
    display: block;
    }
	
form .button {
	max-width: 100%!important;
	width:auto!important; 
	margin: 0.5em!important; 
	display: block;
	}
	
.button.twolines span:before {
	content:'\2192';
	content: '\21E8';
	font-size: 2.1em;
	float:left;
	height: 2em;
	padding-right: 0.25em;
	animation: float 1.2s infinite ease-in-out;
	transition: all 0.5s;
	}
	.leftrightbox .left.w50 > div, .leftbox.w50 > div,
	.leftrightbox .right.w50 > div, .rightbox.w50 > div {
		width: calc(100% - 40px)
		}

.button.fitwidth span,
.button.fitwidth span {
	display: inline-flex;
	}
.button.fitwidth span:before,
.button.fitwidth span:before {
	display: none;
	}

.button.twolines span:before {
	line-height:1.2em;
	}
.button:hover span:before,
a:link.button:hover span:before {
	margin-left: 2px;
	margin-right: -2px	
	}

@keyframes float {
	  0% {transform: translateX(0em);}
	  50% {transform: translateX(0.05em);}
	  100% {transform: translateX(0em);}
	}

@media (max-width:768px) {
	.leftrightbox.fullw {
		flex-direction: column;
		}
	.leftrightbox .left.w50, .leftbox.w50, .leftrightbox .right.w50, .rightbox.w50 {	
		width: 100%;
		max-width: 100%;
		}
	}
@media (max-width:668px) {
	.themenbox {
		width: 100%
		}
	.themenbox > div:nth-child(1n) {
		width: 100%;
		border-right: none;
		padding: 20px;
		}
	.themenbox > div:nth-child(1) {
		padding-top: 0;
		}
	.themenbox > div:nth-child(7) {
		border-bottom: 1px solid #eee;
		}
	.themenbox > div:nth-child(8) {
		padding-bottom: 0;
		}
	.themenbox > div > .imgcont {
		text-align:right;
		}
	.themenbox > div > .imgcont img {
		max-height: none; 
		}
	.themenbox > div a:link, .themenbox > div a:visited, .themenbox > div a:active {
		width: 100%;
		padding: 0.6em 1em;
		text-align: center;
		}		
	.themenbox > div p.read {
		font-size: 1em;
		font-weight: 400;
		border: 1px solid #eee;
		padding: 0.6em 1em;
		text-align:center;
		transform: none !important;
		margin: none !important;
		transition: none !important;
		}
	}

/* NEWSLETTER + TOP KAND */

.newsletterbox {
	max-width:900px;margin:2em auto;overflow:hidden;
	border-radius:0px;padding:0;text-align:center;
	padding-right:40px;border:1px solid #ddd;
	display:flex;
	width: calc(100% - 2em);
	}
.newsletterbox img {
	max-width:50%;margin:auto;float:left;
	height:600px;width:50%;object-fit:cover;
	object-position:center;
	margin-left:0px;margin-right:30px;
	}
.newsletterbox > div {
	}
.newsletterbox > div > div {
	top: 50%;
	transform: translate(0, -52%);
	}
.newsletterbox > div h1 {
	}
.newsletterbox > div > div > p {
	margin-bottom: 1em;
	}
.newsletterbox > div input[type="text"], .newsletterbox > div input[type="email"] {
	border:none;
	border-bottom: 1px solid #ddd;
	padding: 0.2em;
	font-size: 1em; 
	font-family: inherit;
	background: var(--viertelbrot);
	margin: .5em auto;
	}
	
.button-submit {
  font-size: 18px;
  box-shadow: 0px 0px 10px var(--viertelrot);
  text-align: center;
  border: 1px solid var(--rot);
	background: var(--rot);
	color: #fff !important;
	padding: .75rem 1.1rem;
	margin: 0.5rem 0.1rem 0 0.1rem;
	letter-spacing: 0;
	width: auto;
  border-radius: 2px;
  font-family: 'Corporate S', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.statement {
	width: calc(100% - 2em);
	margin: auto;
	max-width: 1080px;
	}
.statement h1 {
	color:#000;max-width:2000px;
	text-shadow:0px 0px 30px rgba(255,255,255,0.3);
	margin:0;
	}
.statement h1,
.statement p,
.statement a {position: relative; z-index:9;} 
.statement img {
	max-width:450px;margin:auto;float:right;
	object-fit: cover; transform: scale(1.136364, 1);
	z-index:-9;position: relative;
	margin-left:-100px;
	}
@media (max-width:1024px) {
	.statement img {
		max-width:350px;
		margin-left: -30px;
		}
	}
@media (max-width:767px) {
	.newsletterbox {
		width: calc(100% - 40px);
		padding: 0;
		justify-content: flex-end;
		}
	.newsletterbox img {
		max-width:40%;
		height: 460px;
		margin:0;
		}
	.newsletterbox > div {
		}
	.newsletterbox > div > div {
		width: calc(100% - 40px);
		padding: 20px;
		}
	.statement {
		width: calc(100% - 40px);
		text-align: center;
		}
	.statement h1 {
		transform-origin: center;
		margin: auto;
		font-size:2em;
		width:100%;
		
		}
	.statement > p {
		margin: auto !important;
		}
	.statement img {
		float:none;
		max-width:250px;
		margin-left: 0px;
		margin-bottom: 1em;
		}
	}

@media (max-width:580px) {
	.newsletterbox {
		border: none;
		margin:0;
		padding: 0;
		max-width: 100%;
		width: 100%; 
		display: block;
		}

	.newsletterbox img {
		display:none
		}
	.newsletterbox > div > div {
		width: calc(100% - 40px);
		padding: 0;
		margin: 0 auto;
		top: 0;
		transform: none;
		}
	.newsletterbox > div input {
		display: block;
		margin: 1em auto;
		}

	}
@media (max-width:480px) {
	.newsletterbox img {
		max-width:100%;
		height: 160px;
		}
	}





/* 5 SCHRITTE*/

.ballcontainer, .holder .counter {
	bottom: 390px;
    right: calc(50% - 40px);
    height: 80px;
    width: 80px;
    display:block;
    padding: 0px !important;
}

.ballcontainer {
	position: absolute;
    top: initial;
    /*
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
    */
	transform: scaleX(1);
	transition:transform 0.2s;
	background-image:url(../img/myarrow.gif) !important;
	background-size:cover;
	opacity:0.8;
	z-index:999;
}
.js-is-sticky .ballcontainer {
	transform: scaleX(1);
	background:none;
	opacity:1;
	}


.holder img {
	display:block;
	max-width:100%;
	max-height: calc(100vh - 170px);
	left:0;right:0;
	margin:auto;
	padding:110px 30px 30px 30px;
	z-index:7;
	}

.bgorange > div > div {
	background:#f4d6e1;
	background:#111;
	color:white;
	}
.aufzaehlung h2 {
	position:absolute;
	color:var(--rot);
	margin-top:2.5em;
	text-align:center;
	max-width:100%;
	width:100%;
	}
@media (max-width:1023px) {.aufzaehlung h2 {positions:relative;padding-tops:3em}}
@media (max-width:767px) {}
@media (min-width:1600px)  {}

	
.fullw {}
.fullw .holder img {
	height:100vh;
	width:100vw;
	max-height:100vh;
	max-width:100vw;
	object-fit:cover;
	padding:0;
	opacity:1.95;
	}
.fullw .phonearea {
	opacity:1;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	}


.fullw .phonearea > div > h3 {
	max-width:500px;
	text-shadow: 0px 0px 30px rgba(0,0,0,0.21);
	font-size:1.75em;
	line-height:1em;
	margin:0;
	margin-left: 300px;
	width:90%;
	}



@media (max-width:1023px) {
	.fullw .phonearea > div > h3 {
		margin-left: 200px;
		}
	}
@media (max-width:767px) {
	.fullw .phonearea > div > h3 {
		margin-left: 20px;
		max-width:calc(100% - 40px);
		}
	}
@media (min-width:1600px) {
	.fullw .phonearea > div > h3 {
		margin-left: 30vw;
		}
	}

.fullw .ballcontainer {	
	display:none;
	}
	
.holder .counter {
	margin:0;
    z-index: 99;
    opacity:0;
    transform:scaleX(0);
    transition: all 0.2s;
    padding:0;
    line-height:80px;
    text-align:center;
    background:white;
    color:#111;
    border-radius:100%;
    }
    
.js-is-sticky .holder .counter {
	opacity:1;transform:scaleX(1);
	}

	
.ballsvgcontainer {
	position:absolute;
	top:0;
	height:100px;
	width:100px;
	  padding:0;
	  opacity:0;
	  transition: opacity 0.2s
	}

.js-is-sticky .ballsvgcontainer {opacity:1}

.ballsvgcontainer:before {
	  content: "";
	  position: fixed;
	  top: 50%; left: 50%;
	  transform: translate(-50%, -50%) scale(0);
	  width: 125vmax;
	  height: 125vmax;
	  border-radius: 100%;
	  background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
	  transition: all 500ms cubic-bezier(.49,.23,0,.99) ;
	  opacity: 0;
	}


.js-is-sticky .ballcontainer > .myBall {
	background:#94c4ff;
    background:#e4dac1;
	}
.js-is-sticky .ballcontainer > .myBall > img {
	opacity:1;
	}
.myBall {
    background:#e4dac1;
    background:transparent;
    width: 64px;
    height: 64px;
    border: 0px dashed;
    padding: 0px !important;
    overflow: hidden;
    border-radius:100%;
    text-align:center;
    transition: all 0.2s;
	}


	
.holder.off {opacity:0;pointer-events:none;}
.holder {
	min-height:100vh;
	opacity:1;
	position:absolute;
	width:100%;
	transition:opacity 0.4s;
	text-align:center;
	z-index:9;
	}
.holder p {
	bottom:15px;
	margin:auto;
	max-width:900px;
	text-align:left;
	padding: 0 50px;
	width:100%;
	display:block;
	text-align:center;
	z-index:9;
	font-size:1.4em;
	line-height:1em;
		}

@media (max-width:767px) {.holder p {font-size:1.1em;line-height:1.2em;}}
.holder p.counter {
	position:absolute;
	font-size:inherit;
	
		}


.stick-area.h3area .phonearea img {max-width:50%;}
.stick-area.h3area > div {width:100%;}
.phonearea {margin-top:-100vh;padding-top:0 !important;opacity:0;padding-bottom:0 !important;
	//pointer-events:none;
}

.phonearea > div {height:100vh;}
.leftrightbox .phonearea > div {height:auto;}
	
	
/* STICKY BEREICH IMG */	
/* STICKY BEREICH IMG */	

.sticky {
	position: -webkit-sticky !important;
	position:sticky !important;
	top:0;
	height:100vh;
	width:100vw;
	}
.sticky.startme {
	transform:translateY(-100vh);
	}
.sticky.startme	.midme h1 {
	padding-right:0;
	max-width:500px;
	}
.sticky.startme	.midme.side > div {
	position:absolute;text-align:center;width:60%	
	}
@media (max-width:1023px) {
	.sticky.startme	.midme.side > div {
		position:relative;width:100%	
		}
	}
.midme {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	height:100vh;
	width:100vw;
	}
.midme p {
	text-align:left;backgrounds:red;max-width:270px;
	transform:translate(calc(50vw - 520px), -60px);
	position:absolute;
	}
.midme.side p {margin:auto;margin-right:0;
	transform:translate(calc(50vw + 250px), -30px);
	}
.midme img {transform:translate(80px, -60px);width:50%;height:auto;max-width:540px;object-fit:cover}
.midme.side img {transform:translate(-80px, 60px);}



@media (max-width:1023px) {
}

@media (max-width:1023px) {
.midme img {transform:translate(20px, -20px);width:80%;}
.midme.side img {transform:translate(-20px, 20px)}
.midme p {
	position:relative;
	transform:none;margin:1em 0;display:block;max-width:100%;text-align:center;
	}
.midme p {transform:translate(20px, -1.5em);}
.midme.side p {transform:translate(-20px, 2.5em);}


.ballcontainer, .holder .counter {bottom:2.5em;}
.holder img {padding-top:5.25em;max-height:60vh}
.holder img, .holder p:nth-child(2) {position:relative;padding-bottom:1em;}
.holder p:nth-child(2) {top:0em;padding: 0 30px;}

	}
@media (max-width:767px) {
.midme img {width:calc(100% - 80px);max-width:520px;}
.midme.side {transform:translate(0px, 60px)}
.midme.side img {transform:translate(-20px, 40px)}
.holder p:nth-child(2) {text-align:left;}
.midme.side img {}
.midme p {text-align:left;max-width:280px;}
	}
@media (min-width:1600px) {
.midme img {transform:translate(60px, -60px);width:80%;max-width:780px;}
.midme.side img {transform:translate(-60px, 60px)}
.midme p {
	text-align:left;backgrounds:red;max-width:270px;
	transform:translate(calc(50vw - 620px), -60px);
	position:absolute;
	}
.midme.side p {margin:auto;margin-right:0;
	transform:translate(calc(50vw + 370px), -30px);
	}

	}

/* STICKY BEREICH IMG */	
/* STICKY BEREICH IMG */	





.myBall {display:none !Important}
.completed:before{
	  transform: translate(-50%, -50%) scale(1);
	  opacity: 0.5;
	}
.ballsvgcontainer svg {
	  transform: rotate(-90deg);
	}
svg circle {
  stroke: rgba(0,0,0,0.00001);
  stroke-width: 2px;
  stroke-linecap: square;
  fill: transparent;
  opacity:1;
}
svg .progress-circle {
  stroke: url(#grad);
  transition: stroke-dashoffset 0 ease-in-out; 
}

.phonearea {
	padding-top:50vh !important;padding-bottom:50vh !important
	}







/* ANIMATION BALKEN CHARTS */
/* ANIMATION BALKEN CHARTS */
/* ANIMATION BALKEN CHARTS */

.vordiagrammbox {
	background: white;
		margin: auto;padding-top: 2em;
		max-width: 860px;
		padding-bottom: 2em;
		width:calc(100% - 2em);
	}
.diagramm {
	display:block;
	margin: 0em auto;
	max-width:860px;
	width:calc(100% - 2em);
	text-align: center;
	line-height:1.2em;
	background:#ff8f8f;
	background:var(--rot);
	background:#fff;
	color:white;
	padding:30px;
	padding-bottom:45px;
	overflow:hidden;
	color: var(--schrift);
	}
.diagramm > div.diagrammtext {
	float:right;
	line-height:1.2em;
	width: 50%;
	text-align:left;
	top:0;	
	}	
.diagramm > div.diagrammtext > h2 {
	margin-left:30px;
	line-height: 1em;
	}
.diagramm > div.diagrammtext > p {
	margin-left:30px;
	}
.clear {
	clear:both;
	}
.diagramm > div > div {
	display: inline-block;
	text-align:center;
	}
.diagramm .balken-container {
	display:inline-block;
	}
.diagramm > div > div.case > p {
	display: block;
	line-height:1em;
	width:100%;
	margin:0;
	padding-top:0.25em;
	padding-bottom:0.5em;
	font-size:0.7em;
	}
.balken {
	margin: 2px .4em; 
	height: 230px;
	width: 2.2em;
	position: relative;
	display: inline-block;
	overflow:hidden;
	}
.balken > div {
	background: #4674ee;
	background: #fff;
	background: #f6a4a4;
	background: lightgrey;
	height:24%;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	border-radius: 2px 2px 0 0;
	z-index:4;
	transition:height 0.6s;
	transition-timing-function: ease-out;
	}
.balken > div > p {
	font-size: .8em
	}

.case:nth-child(1) .balken > div { transition-delay: 0.1s;}
.case:nth-child(2) .balken > div { transition-delay: 0.2s;}
.case:nth-child(3) .balken > div { transition-delay: 0.3s;}
.case:nth-child(4) .balken > div { transition-delay: 0.4s;}
.case:nth-child(5) .balken > div { transition-delay: 0.5s;}
.case:nth-child(6) .balken > div { transition-delay: 0.6s;}
.case:nth-child(7) .balken > div { transition-delay: 0.7s;}
.case:nth-child(4) .balken > div:nth-child(2) { transition-delay: 0.6s;}
.case:nth-child(5) .balken > div:nth-child(2) { transition-delay: 0.7s;}
.case:nth-child(6) .balken > div:nth-child(2) { transition-delay: 0.8s;}

.case:nth-child(4), .case:nth-child(5), .case:nth-child(6) {opacity: 0.5;}
.balken > div > p {
	width:100%;
	color:white;
	color:#f72e2e;
	color:white;
	line-height:2.3em;
	border-radius:100%;
	font-size:0.7em;
	letter-spacing:-0.02em;
	}
.balken > div:nth-child(2) {
	background: #60ea77;
	background: #ff5151;
	background: #fff;
	background: mediumseagreen;
	height:70%;
	z-index:3;
	}
.balken > div:nth-child(2) p {
	}
.diagramm.off .balken > div {
	height:0 !important;
	}
.diagramm > div.diagrammtext > p.bulletpoint {
	margin-top:0.5em;
	}
.diagramm > div.diagrammtext > p.bulletpoint > span {
	border-radius:100%;width:1.5em;height:1.5em;
	margin-right:0.5em;display:inline-block;
	line-height:1em;
	transform:translateY(0.5em)
	}
.diagramm .source {
	position: absolute;
	right: 0;
	width: calc(100% + 0px);
	padding: 0;
	text-align: center;
	padding: 4px;
	margin-bottom: 30px;
	max-width: 170%;
	bottom: -28px;
	font-weight: 500;
	letter-spacing: 0.05em;
	font-size: 12px;	
	border-top:1px dashed;	
	opacity:0.5;
	}
.diagramm .unten-klammer {
	display: block;
    margin: 0 0.25rem;
    width: 50%;
    margin-top: -0.15rem;

	}
.diagramm .unten-klammer:before {
content: '\00a0';
height:5px;
	display: block;
    border: 1px solid;
    width: 100%;
    border-width: 0px 1px 1px 1px;
    border-radius: 0px 0px 10px 10px;
    padding-bottom: 0.25em;
	}


@media (max-width:767px) {
	.vordiagrammbox, .diagramm {margin:0em auto; width:calc(100% - 40px);padding:20px;text-align:center;}
	.diagramm > div.diagrammtext {
		position:relative;
		margin-bottom:3em;
		width: 100%;}
	.vordiagrammbox {padding: 20px 0}
	.vordiagrammbox h1 {width: 100%}
	.diagramm > div.diagrammtext > h2,	
	.diagramm > div.diagrammtext > p {
		max-width:100%;width:100%;margin-left:0px;
		margin-right:0;
		margin-top:0;margin-bottom:0em;
		}

	.balken {width:23px;height:205px}
	
	.balken p {font-size: .7em}
	.diagramm > div {margin-bottom:2em;}
	.diagramm .source {margin-bottom:0;bottom:2px;}
}
/* ANIMATION BALKEN CHARTS */
/* ANIMATION BALKEN CHARTS */
/* ANIMATION BALKEN CHARTS */




@media (max-width:668px) {
	.nophone {display:none !important;}
	section.fullw h3 {margin: 0 !important}
}

footer {
	text-align: center;
	background:#222;
	color:white;
	padding:20px;font-size:0.8em;line-height:1.3em
	}


footer .social {
  margin: 2em auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

footer .social img {
  max-height: 26px;
  filter: invert(1);
  width: 100%;
}

footer .social a {
  margin-right: 16px;
}

footer .social a:last-child {
  margin-right: 0;
}

footer .social a span {
  display: none;
}




@media (min-width:1025px) {
	.mobile-menu {display: none !important}
	}
@media (max-width:1024px) {

.mobile-menu {display: none;}
.mobile-menu {
	background: white;
	z-index:99;
	width: calc(100% - 0px);
	position: fixed;
	top: 0px;
	color: white;
	background: var(--rot);
	max-height: 100vh;
	padding-bottom: 3.5em;
	overflow-y: scroll;
	}
.mobile-menu .closemen {
	cursor: pointer;
	}
.mobile-menu > div {
	width: calc(100% - 0px);
	padding: 20px;
	}
.mobile-menu > span {
	padding: 20px;
	text-align: center;
	}
.mobile-menu span {
	display: block;
	border-bottom: 1px dotted #aaa;
	}
.mobile-menu span a {
	display: block;
	line-height: 2.2em;
	margin-top: 0;
	width: 100%;
	}
.mobile-menu a {
	}
.mobile-menu a {
	width: 32%;
	margin-right: 1%;
	}
.mobile-menu a span {
	font-size: 0.8em;
	line-height: 1.2em;
	border-bottom: 0px dotted #aaa;
	margin-top: 0.5em;
	display: none;
	}
.mobile-menu > div > div {
	display:inline-block;
	width: 100%;text-align: center;
	margin-top: 1em;
	}
.mobile-menu > div > div > a {
	margin-top: 1.2em;
	text-align: center;
	}
.mobile-menu img {
	max-width: 30px;
	width: 26px;
	filter: invert(1);
	}
}

@media (max-width:680px) {
.mobile-menu a span {
	display: block;
	}
.mobile-menu > div > div {
	display:flex;
	flex-wrap: wrap;
	}
}



/* FADESTART */


.fadeinbg {
	position: absolute;
	top: 0; left: 0;
    height: calc(100vh - 4rem);
    min-height: 640px;
    width: 100vw;
    margin: auto;
    overflow: hidden;
    z-index: 2;
	}
@media (max-width: 540px) {
	.fadeinbg {
		min-height: auto;
		height: 55vh;
		width: 100%;
	}
}
.img-1, .img-2, .img-3, .img-4 {
	position: absolute;
	top: 0;
    height: 100%; 
    width: 100%;
    max-width: 100%;
    left:0; 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 28% 50%;
	z-index: -18;
	opacity: 0;
	animation-name: fader;
	animation-duration: 20s;
	animation-iteration-count: infinite;
}

.img-1 { animation-delay: 0s; }
.img-2 { animation-delay: 5s; }
.img-3 { animation-delay: 10s; }
.img-4 { animation-delay: 15s; }

@keyframes fader {
	00.00%	{ opacity: 0; z-index: -10;}
	06.25%	{ opacity: 1; z-index: -10; }
	31.25%	{ opacity: 1; z-index: -12; }
	37.50%	{ opacity: 0; z-index: -14; }
	100.0%	{ opacity: 0; z-index: -16;}
}

.videobox > .videocontainer {
	display:flex;
	text-align: left;
	padding: 0px;
	flex-direction: column;
	width: 60%;
	}
.videocontainer {
	display:flex;
	}
.leftrightbox.videobox > div:nth-child(2) {
	width:30%; 
	margin-left: 1em;
	width: 100%;
	max-width:700px;
	}
.videobox .video,
video.video {
	width: 100%;
	max-width:700px;
	margin: auto;
	}

.leftrightbox.videobox {
		flex-direction: column;
		}
.leftrightbox.videobox > div:nth-child(2) {
	width:100%; 
	}
.videobox > .videocontainer {
	width:100%; 
	}


/* PRESSEBEREICH */

.leftrightbox.videobox.pressebereich {
	flex-direction: row;
    max-width: 100%;
    width: 100%;
    text-align:center;
    	}
.videobox.pressebereich > .videocontainer {
	
	}
.videobox.pressebereich > .videocontainer,
.videobox.pressebereich p,
.videobox.pressebereich a,
.videobox.pressebereich h1,
.videobox.pressebereich h2,
.videobox.pressebereich h3 {
	color: white;
	}

.videobox.pressebereich > .videocontainer > img {
	height: 100%;
    width: 100%;
    max-width: 100%;
	object-fit: cover;
	object-position: center;
	max-height:800px;
	max-height:800px;
	}
.posterbox {
	padding: 4em;
	text-align: center;
	}
.posterbox p,
.posterbox > div > a {
	font-size: 0.8em;
	line-height: 1em;
	}
.posterbox > a {
	text-align: left;
	}
.posterbox img {
	max-width:50px;
	box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px rgba(100,100,100,0.3);
	margin: 0 auto 1em auto; 
	}
.posterbox > div {
	display: flex; flex-direction: row; flex-wrap: wrap;
	text-align: center;
	place-content: center;
	}	

.posterbox > div > a:hover > img {opacity: 1;transform: scale(103%);}
.posterbox > div > a:hover > span {border-bottom: 1px solidasd;text-decoration: underline}
.posterbox > div > a > img {
	opacity: 0.7; transition: all 0.2s;
	}
.posterbox > div > a {
	display: flex; 
	flex-direction: column; text-align: center;
	align-itemss: flex-start;
	width:25%;
	line-height: 1em;
	color: #111;
	border-right: 1px dotted #ddd;
	padding: 0 20px;
	margin-bottom: 2em;
	
	}	
.posterbox > div > a:nth-child(4n) {
border: none;
	}

.posterbox > div > a > span{
	color: var(--halbrot);
	}

@media (max-width: 960px) {
	.leftrightbox right.posterbox {
		padding: 20px;
		}
	.leftrightbox.pressebereich {
		display: block;
	}
.posterbox > div > a:nth-child(2n) {
border: none;
	}
	.posterbox > div > a {
		width:50%;
		padding: 2px;
	}
}