/* -------------------------------------------------- */
/*    GLOBAL STUFF                                    */
/* -------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body {
	scroll-behavior: smooth;
}
body {
	font-family: 'work-sans', Arial, sans-serif;
	text-align: left;
	font-size: 62.5%;  /* 1em = 10px , 1.4em = 14px */
	color: #000;
	background-color: #fff;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	--boxbgdarker: #000000;
	--gray: #8C8C8C;


	--first: #88b40f;
	--seccond: #ADD441;
	--third: #c6e66f;

	--fourth: var(--first);
	--fifth: var(--seccond);

	--boxbg: #f3f9e3;

	--txt: 1.6em;
	--txtsm: 1.2em;
	--txtlg: 1.8em;
	--tit: 4em;
	--titmd: 2.8em;
	--titlg: 1.2em; /* 120% of context (--tit) */
	--titsm: 2em;

	--gap: 30px;
	--gaplg: 8em;
	--gapm: calc(var(--gaplg) * 0.6);
	--gapxxl: 12em;

	--maxw:	850px;
	--maxwsm: 630px;

	--colw: calc((100% - 5 * var(--gap))/ 6 + var(--gap));
}

/* Startseiten */
body#pid1,
body#pid70,
body.color-6,
li.color-6 {
	--first: #023059;
	--seccond: #E94369;
	--third: #FFB005;
	--fourth: #91bd18;
	--fifth: #CB0808;
}

/* Arbeitgebende / orange */
body.rpid11,
li.pid11,
body.color-1,
li.color-1 {
	--first: #FF8C05;
	--seccond: #FF9B05;
	--third: #FFB005;
	--boxbg: #fff3da;
}
/* Versicherte */
body.rpid12,
li.pid12,
body.rpid72,
li.pid72,
body.color-2,
li.color-2 {
	--first: #DD2650;
	--seccond: #E94369;
	--third: #FF6682;
	--boxbg: #fce3e9;
}
/* Anlagen */
body.rpid14,
li.pid14,
body.rpid74,
li.pid74,
body.color-3,
li.color-3 {
	--first: #023059;
	--seccond: #114A7C;
	--third: #245C8E;
	--boxbg: #d9e0e6;
}

/* Über uns */
body.rpid15,
li.pid15,
body.rpid73,
li.pid73,
body.color-4,
li.color-4,
/* Kontaktbox Footer*/
#footer .col:last-child {
	--first: #CB0808;
	--seccond: #E20825;
	--third: #EF4A4A;
	--boxbg: #fef3f4;
}
/* Newsletterbox footer*/
/* Kontakt */
#footer .col:first-child,
li.pid24,
li.pid77,
body.color-5,
li.color-5 {
	--first: #91bd18;
	--seccond: #ADD441;
	--third: #c6e66f;
	--boxbg: #f3f9e3;
}
*::selection{
	background-color: oklch(from var(--first) calc(l + 0.2) c h / 0.5);
}

b, strong,
h3,
#teaser p,
#teaser li,
th{
	/* font-family:'Merlo-RoundBold', Arial, sans-serif; */
	font-weight: bold;
}



textarea,
input,
select, option,
button,
label {
	font-family: inherit;
	font-size: inherit;
}

a {
	text-decoration: underline;
	color: inherit;
}
article,
nav,
aside {
	display: block;
}


.mob {
	display: none;
}


/* -------------------------------------------------- */
/*    POSITIONING                                     */
/* -------------------------------------------------- */

.row {
	text-align:center;
}

.rowmax > * {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	max-width:1450px;

	overflow: hidden;
	position: relative;

	padding: 0 var(--gaplg);
	box-sizing: border-box;
}

#head {
	position: fixed;
	z-index: 5;
	top: 0;
	width: 100%;
	transition: transform 0.3s;
	background-color: #fff;
	padding-top: 4em;
}
#main {
	padding-top: 136px;
}
#cont {
	padding-bottom: var(--gaplg);
}
#aside {
	padding-bottom: var(--gaplg);
}
#footercont {
	padding-bottom: var(--gapxxl);
}






/*  #####  HEAD ELEMENTS  #####  */


#metanav {	
	float: right;
}
#metanav ul {	
	display: inline-block;
}

#logo {
	float: left;
}
#logo img {
	max-width: 100%;
	margin-top: -4%;
}

#mainnav {
	clear: right;
	float: right;
	padding: 1.2em 0 3em 0;
}

.navtoggle {
	float:right;
	cursor: pointer;

	display: none;
}

#mobnav {
	display: none;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	background: #FFF;
	padding: var(--gap) 0 var(--gapxxl) 0;
	border-bottom: 1px solid #CCC;
	z-index: 10001;
}



.fixedhead #head {
	transform: translateY(-100%);
}
.showhead #head {
	transform: translateY(0);
}

.headwrap {
	overflow: visible;
}

/*  #####  PAGE ELEMENTS  #####  */





/*  #####  FOOTER ELEMENTS  #####  */





/* -------------------------------------------------- */
/*    NAVIGATION                                      */
/* -------------------------------------------------- */

ul.nav {
	list-style:none;
}
.nav li,
.langnav{
	margin-left: 40px;
}
.nav a {
	display: inline-block;
	font-size: var(--txt);
	text-decoration: none;
	padding: 0.2em 0;
	color: #000;
}

.nav li {
	display: inline-block;
}




/* ---- Metanav -----*/

#metanav {
	margin-top: -4px;
}


#metanav .nav li,
.langnav li {
 	font-size: var(--txt);
	color: #8C8C8C;
}
#metanav .nav a,
.langnav a {
 	font-size: 1em;
	color: #8C8C8C;
	transition: color 0.3s;
}
#metanav .nav a:hover,
#metanav .nav .act,
.langnav a:hover,
.langnav .act {
	color: #000;
}
#all .langnav li {
	margin-left: 0;
}
.langnav li:before {
	content: '|';
	display: inline-block;
	padding: 0 0.3em;
}

.langnav li:first-child:before {
	content: none;
}


/* ---- Mainnav -----*/

#mainnav {
	transition: min-height 0.3s;
	min-height: 1em;
}
#mainnav:hover{
	min-height: 20em;
}
#mainnav a {
	font-size: var(--txtlg);
	padding: 0.2em 0;
}

#mainnav a.act {
	font-weight: bold;
}
#mainnav > ul > li > a {
	border-bottom: 5px solid transparent;
	transition: border-color 0.6s;
}
#mainnav > ul > li > a.act {
	border-color: var(--seccond);
}
#mainnav li {
	position: relative;
	transition: opacity 0.3s;
	white-space: nowrap;
}

#mainnav li ul {
	position: absolute;
	left: 0;
	top: 2em;
	padding-top: 2em;
	max-height: 0;
	/* transition: max-height 0.3s; */
	overflow: hidden;
	display: block;
}
#mainnav > ul:hover > li {
	opacity: 0.5;
}
#mainnav > ul:hover > li a.act {
	border-color: #999;
}

#mainnav > ul:hover > li:hover {
	opacity: 1;
}
#mainnav > ul:hover > li:hover  a {
	border-color: var(--first);
}


#mainnav li:hover ul {
	max-height: 30em;
}
#mainnav li li {
	display: block;
	margin-left: 0;
}


/* ---- footer ----- */
#footernav {
	padding: var(--gaplg) 0;
}
#footerbar {
	display: flex;
	gap: var(--gaplg);
	flex-wrap: wrap;
}
#footerbar .frame {
	padding-bottom: 0;
}

#footerbar .nav li {
	display: block;
	margin-left: 0;
}
#footerbar .nav a {
	padding: 0;
	line-height: 1em;
	margin-bottom: 0.4em;
	text-decoration: underline;
}

/* ---- mobnav ----- */

.mainn{
	width: 100%;
}
.mainn li,
.metan li,
.footern li  {
	display: block;
	margin-left: 0;
}
.mainn a,
.metan a,
.langn li {
	font-size: var(--txtlg);
}
.langn {
	text-align: right;
}

.mainn li li a {
	font-size: var(--txt);
}
.mainn > ul > li{
	padding-bottom: var(--gap);
}
.mainn > ul > li > a {
	border-bottom: 5px solid var(--first);
	padding-bottom: 0.1em;
	margin-bottom: 0.3em;
}


.metan a{
	color: var(--gray);
}
.langn,
.metan {
	padding-bottom: var(--gap);
}

/* -------------------------------------------------- */
/*    CONTENT DESIGN                                  */
/* -------------------------------------------------- */

h1,h2.large {
	font-size: var(--tit);
	line-height: 1.1em;
	font-weight: lighter;
}

h1{
	padding-bottom: 1em;
}
h2 {
	font-size: var(--titmd);
	font-weight: lighter;
	line-height: 1.1em;

}
h1 em,
h2 em {
	font-family: 'utopia-std', serif;
	font-size: var(--titlg);
	font-weight: bold;
}
h3 {
	font-weight: bold;
	font-size: var(--titsm);
	line-height: 1.1em;
}

h4 {
	font-weight: 500;
	font-size: var(--txt);
	color: var(--first);
	line-height: 1.1em;
}
h5 {
	font-weight: 500;
	font-size: var(--txtlg);
	line-height: 1.4em;
	padding-bottom: 0.8em;
}

header:has(+ p) > h1:last-child,
header:has(+ p) > h2:last-child,
header:has(+ div) > h1:last-child,
header:has(+ div) > h2:last-child{
	padding-bottom: 1em;
	
}
header:has(+ p) > h3:last-child,
header:has(+ p) > h4:last-child,
header:has(+ div) > h3:last-child,
header:has(+ div) > h4:last-child{
	padding-bottom: 0.5em;
}

.ce-bodytext > h2 {
	padding-bottom: 0.8em;
}
.ce-bodytext > h3 {
	padding-bottom: 10px;
}
.ce-bodytext > h4 {
	padding-bottom: 0.8em;
}

p, td, th,
.ce-bodytext li,
.news-backlink-wrap,
form,
.crArchive {
	font-size: var(--txt);
	line-height: 1.4em;
	padding-bottom: 0.8em;
}
.frame-box-inverted p,
.frame-box-inverted li,
.frame-statement p,
.frame-statement li {
	font-size: var(--txtlg);
}

td p,
li p,
form p {
	font-size: 1em;
}
figcaption {
	font-size: var(--txt);
	padding-top: 0.5em;
}
.ce-bodytext li {
	padding-bottom: 0.8em;
}
.powermail_form {
	line-height: 1.1em;
}

header + .tx-powermail {
	padding-top: var(--gap);
}

p:last-child,
/* p:last-of-type,  geht nicht gut, wenn ul danach */ 
form:last-child{
	padding-bottom: 0;
}


#main .ce-bodytext ul{
	list-style: none;
	padding-left: 0;
}
.ce-bodytext li{
	margin-left: 1em;
	position: relative;
}
.ce-bodytext ul li:before{
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	background: var(--first);
	position: absolute;
	left: -1em;
	top: 0.6em;
}

small {
	font-size: 0.8em;
}

td small {
	font-size: 11px;
}
a.lightbox {
	display: block;
}


.frame {
	padding-bottom: var(--gaplg);
}
.frame:last-child,
.frame-type-html {
	padding-bottom: 0;
	margin-bottom: 0;
}

#cont .rowmax > .frame:first-child {
	margin-top: var(--gapxxl);
}


p.olive {
	color: #F0F;
	border: 2px solid #f0f;
}
p.blue {
	color: #F0F;
	border: 2px solid #f0f;
}
p.red {
	color: #F0F;
	border: 2px solid #f0f;
}
.primary {
	color: var(--first);
}

blockquote {
	padding-bottom: 0.5em;
	padding-left: var(--gaplg);
}

.frame blockquote p:not(p + p:last-child) {
	font-family: 'utopia-std', serif;
	padding-bottom: 0;
	line-height: 1.2em;
	color: var(--first);
	font-size: var(--titmd);
	font-weight: bold;
	font-style: italic;
}
.frame.frame-type-table,
.frame.frame-type-html {
	overflow: auto;
}
table {
    border-spacing: 0;
}
/*
.table tbody tr:first-child td {
	border-top: 1px solid #999;
}
.table tbody tr:last-child td {
	border-bottom: 1px solid #999;
}
*/

.ce-table th, .ce-table td {
	border-bottom: 1px solid #EEE;
	border-top: 0 none;
}


table caption {
	caption-side: bottom;
	font-size: 1.2em;
	padding-top: 0.5em;
	text-align: left;
	padding-left: 0.5em;
}
td,
th {
	padding: 0.4em 2em 0.4em 0.5em;
	margin: 0;
	line-height: 1.2em;
	white-space: normal;
}
.ce-table thead th {
	border-bottom: 0 none;
}

.frame.frame-type-html td{
	padding: 0.1em 0.3em;
	border-bottom: 0.3em solid #FFF;
}
.frame.frame-type-html td:first-child{
	padding-left: 0;
}
.frame.frame-type-html td:last-child{
	padding-right: 0;
}

.rowmax > .frame-type-shortcut {
	padding: 0;
}
tbody tr{
	transition: background-color 0.6s;
}
.lgbg,
tbody tr:hover {
	background: #EEE;
}

.lgbg td {
	border-top: 1.2em solid #FFF;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="checkbox"],
input[type="password"],
input[type="file"],
textarea,
select {
	border: 1px solid transparent;	
	border-top-color: var(--third);
	border-left-color: var(--third);
	padding: 0.5em 1em;
	background: #FFF;
	width: 100%;
	box-sizing: border-box;
	transition: border-color 0.6s;
}
.powermail_fieldwrap,
legend {
	margin-bottom: 1em;
}
label {
	padding-top: 0.6em;
}

.radio ,
.checkbox {
	padding-top: 0.8em;
}
.radio:first-child ,
.checkbox:first-child {
	padding-top: 0;
}
.radio label,
.checkbox label {
	padding-top: 0;
	padding-left: 2em;
	display: block;
	position: relative;
	cursor: pointer;
}
.radio input,
.checkbox input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0.1em;
}
.powermail_fieldwrap {
	display: grid;
	grid-template-columns: 20% 75%;
	grid-gap: 5%;
}


.powermail_fieldwrap_type_submit .powermail_field,
.powermail_fieldwrap_type_check .powermail_field {
	grid-column: 2;
}
.powermail_fieldwrap_type_text .powermail_field,
.powermail_fieldwrap_type_html .powermail_field {
	grid-column: span 2;
}

textarea {
	resize: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: var(--first);
}
@keyframes hintright {
	0%, 100% {
		background-position-x: 100%;
	}
	66% {
		background-position-x: calc(100% - 0.2em);
	}
}
@keyframes hintleft {
	0%, 100% {
		background-position-x: 0;
	}
	66% {
		background-position-x: 0.2em;
	}
}

input[type="submit"],
button,
.button {
	padding: 0.5em 2em 0.5em 1em;
	background: var(--first) url('../img/arrow-right_white.svg') no-repeat right center;
	border-right: 1em solid var(--first);
	color: #FFF; 
	cursor: pointer;
	transition: filter 0.3s;
	text-decoration: none;
	display: inline-block;
}

input[type="submit"]:hover,
button:hover,
.button:hover {
	filter: brightness(0.8) contrast(1.6);
	animation: hintright 0.8s ease-in 0s infinite;
}

select {
	appearance: none;
	-webkit-appearance: none;
	cursor:pointer;
	background: url('/fileadmin/Resources/Public/img/arrow-down.svg') no-repeat #fff;
	background-position: calc(100% - 1em) center;
	padding-right: 3em;
}


.powermail-errors-list {
	color: var(--first);
	font-style: italic;
	list-style: none;
	font-size: 0.8em;
}

.powermail-errors-list.filled {
	padding: 0.5em 0;
}

.delegiertenhint {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5%;
	padding-top: 1em;
}
.delegiertenhint .type {
	display: flex;
	justify-content: space-between;
}
.singlerow .powermail_fieldwrap{
	display: block;
	overflow: hidden;
}

.singlerow legend,
.singlerow > label,
.singlerow .powermail_fieldwrap > label {
	display: none;
}
.singlerow .powermail_fieldwrap {
	width: 47.5%;
	float: left;
}
.singlerow .powermail_fieldwrap:first-of-type {
	padding-right: 5%;
}

.singlerow .powermail_fieldwrap_type_radio .powermail_field{
	display: flex;
	flex-wrap: wrap;
	padding-top: 0.6em;
	justify-content: space-between;
}

.singlerow .powermail_fieldwrap_type_radio .powermail_field_error_container {
	width: 100%;
}
.singlerow .radio {
	padding: 0;
}
.singlerow .radio label {
	width: 1.1em;
	padding-left: 0;
	overflow: hidden;
	text-indent: -999em;
}



.tx-powermail form {
	transition: opacity 0.3s, max-height 1s;
	max-height: 999em;
}
.tx-powermail.submitting {
	min-height: 300px;
	position: relative;
}
.tx-powermail.submitting form{
	opacity: 0;
	pointer-events: none;
	max-height: 5px;
}
.loader {
	display: none;
	text-align: center;
}

.tx-powermail.submitting .loader {
	display: block;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 50%;
	margin-top: -150px;
}

form p {
	padding-bottom: 0.2em;
}
.frame-type-list {
	padding-top: 0.8em;
}

.spamprotection {
	display: none;
}



.acc-cont,
.rowmax > .frame-layout-0 > div,
.rowmax > .frame-layout-0 > form,
.rowmax > .frame-layout-2 > div,
.rowmax > .frame-layout-3 > div,
.rowmax > .frame-layout-4 > div,
.rowmax > .frame-layout-6 > div,
.rowmax > .frame-layout-0 > header,
.rowmax > .frame-layout-2 > header,
.rowmax > .frame-layout-3 > header,
.rowmax > .frame-layout-4 > header,
.rowmax > .frame-layout-6 > header {
	margin: 0 var(--colw);
}

.rowmax > .frame-layout-0 > table {
	width: 100%;
}

.ce-below .ce-gallery {
	margin-top: 3em;
}

.ce-intext .ce-gallery {
	max-width: 50%;
}
.ce-gallery img,
.ce-gallery video,
.mediaelement img,
.mediaelement video {
	max-width: 100%;
	height: auto;
}

.ce-gallery:has(iframe)  {
	width: 100%;
}
.ce-gallery .video,
.mediaelement video {
	width: 100%;
}
.video-embed:has(iframe) {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-single .news-img-wrap,
.ce-gallery .ce-row {
	display: grid;
	gap: var(--gap);
	grid-template-columns: 1fr;
}
.news-single .news-img-wrap,
.ce-gallery[data-ce-columns="2"]  .ce-row {
	grid-template-columns: repeat(2, 1fr);
}

.ce-gallery[data-ce-columns="4"] .ce-row {
	grid-template-columns: repeat(4, 1fr);
}
.ce-column {
	margin-right: 0;
}
.ce-row {
    margin-bottom: 0;
	padding-bottom: var(--gap);
}

.ce-row:last-child {
	padding-bottom:0;
}


.ce-gallery[data-ce-images="1"]:has(.portrait){
	max-width: 50%;
}


.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery { 
	margin-bottom: 0;
}


/* ### HINTERGRUNDFARBEN */


[class*="frame-box"] + [class*="frame-box"] {
	padding-top: 0 !important;
}
.rowmax > [class*="frame-box"] {
	padding: var(--gap) var(--gaplg);
}
.twocol [class*="frame-box"] {
	padding: var(--gap);
	margin-left: calc(var(--gap) / 2);
	margin-right: calc(var(--gap) / 2);
}

/*
.rowmax > .frame-layout-5[class*="frame-box"],
.frame-layout-5[class*="frame-box"] {
	padding: calc(var(--gap) / 2 );
}
*/
/* alte farben*/
.frame-box-lightgray,
.frame-box-lightgraydarker,
.frame-box-hellgruen,
.frame-box-oliv,
.frame-box-blau{
	background-color: #f0f;
	color: #fff;
}

.frame-box {
	background-color: var(--boxbg);
}


.frame-box-inverted {
	background-color: var(--first);
	color: #fff;
}

.frame-layout-5 {
	max-width: var(--maxwsm);
	width: 50%;
	box-sizing: border-box;
	padding: 0;
	margin-bottom: var(--gaplg);
}
.col .frame-layout-5 {
	width: 80%;
}

/* .rowmax > .frame-layout-5  {
	position: relative;
	left: 50%;
	margin-left: -645px;

} */




/* ### HEADER IMG ELEMENT */

/* basic rechts*/
.frame-layout-1 {
	padding: 0;
	margin-bottom: var(--gaplg);
}

.frame-layout-1 > .ce-textpic p {
	font-size: var(--txtlg);
}
.frame-layout-1 > .ce-right.ce-textpic {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#main .frame-layout-1.frame-default .ce-gallery,
#main .frame-layout-1.frame-box .ce-gallery {
	float: none;
	margin: 0;
	width: auto;
	max-width: initial;
}
.frame-layout-1 > .ce-textpic .ce-bodytext{
	grid-area: 1/1;
	padding-left: var(--gaplg);
	align-self: center;
	padding-right: var(--gaplg);
}

#cont .rowmax > .frame-layout-1:first-child {
	margin-top: 0;
}


/* oben */

.frame-layout-1 > .ce-above {
	position: relative;
}

.frame-layout-1.frame-default > .ce-above .ce-bodytext,
.frame-layout-1.frame-box > .ce-above .ce-bodytext {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	box-sizing: border-box;
	padding: var(--gaplg);;
	background-color: #fff;
}
.frame-box.frame-layout-1 {
	padding: 0;
	background-color: initial;
}
.frame-box.frame-layout-1 .ce-right{
	background-color: var(--first);
}

.frame-box.frame-layout-1 > .ce-above .ce-bodytext {
	background-color: var(--first);
	color: #fff;
}


/* ### ABSTAND OBEN GROSS ### */

.frame-layout-3 {
	margin-top: 30em;
}

/* ### ABSTAND VERTIKAL KLEIN ### */

.frame-layout-6 {
	padding-bottom: var(--gapm);
}
#cont .rowmax > .frame-layout-6:first-child {
	margin-top: var(--gapm);
}

.frame-layout-6 h1{
	padding-bottom: 0;
}



/* ### Fullwidth ### */

.frame-layout-7 {
	margin: 0;
	max-width: initial;
	padding: 0;
	margin-bottom: var(--gaplg);
	background-color: var(--first);
	color: #fff;
	text-align: center;
}
.frame-layout-7.frame-type-textmedia .ce-above .ce-row {
	padding-bottom: 0;
}

.frame-layout-7.frame-type-textmedia .ce-above .ce-row:not(:first-child) {
	display: none;
}
.frame-layout-7.frame-type-textmedia .ce-above .bx-wrapper .ce-row {
	display: block;
}


.frame-layout-7.frame-type-textmedia .ce-textpic{
	display: grid;
	align-items: center;
}
.frame-layout-7.frame-type-textmedia .ce-textpic > *{
	grid-area: 1/1;
}

.frame-layout-7.frame-type-textmedia .ce-textpic .ce-bodytext{
	text-align: center;
	position: relative;
}

.frame-layout-7.frame-type-textmedia .ce-textpic .ce-gallery {
	margin-bottom: 0;
	background-color: #fff;color: #888;
}


.frame-layout-7 .ce-above .bx-wrapper {
	margin-top: 0 !important;
	margin-bottom: 0;
}
@keyframes zoomin {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
.frame-layout-7 .bx-wrapper .ce-row:not([style*="display: none"]) .ce-column {
	animation: zoomin 7s ease-out 0s 1 forwards;
}

.frame-layout-7 .ce-bodytext {
	font-size: 2em;
}


.frame-layout-7.frame-type-textmedia .ce-above figure,
.frame-layout-7.frame-type-textmedia .ce-above img {
	width: 100%;
	max-width: initial;
}



.frame-layout-7 .bx-wrapper + .ce-bodytext,
.frame-layout-7 .ce-gallery + .ce-bodytext {
	text-shadow: 0 0 1em #000;
}


.frame-layout-7 .button {
	font-size: 0.5em;
	text-shadow: none;
}





/* ### STATEMENT ### */

.frame-statement > * {
	border-left: 0.5em solid var(--first);
	padding-left: 1.5em;
}
#cont .frame-statement.color-2{
	--first: var(--seccond);
}
#cont .frame-statement.color-3{
	--first: var(--third);
}
#cont .frame-statement.color-4{
	--first: var(--fourth);
}
#cont .frame-statement.color-5{
	--first: var(--fifth);
}


.frame-statement h1,
.frame-statement h2,
.frame-statement h3 {
	color: var(--first);
}


.frame-statement  .primary {
	font-size: 2em;
	line-height: 1em;
}

/* ### ACCORDION ### */

.accordion {
	background-color: var(--boxbg);
	margin-bottom: var(--gaplg);
}

#cont .frame.accordion {
	padding-bottom: 0;
}
.accordion + .accordion  {
	margin-top: calc(5px - var(--gaplg));
}

.acc-cont .frame:last-child {
	padding-bottom: var(--gap);
}

.acc-tit {
	padding: calc(var(--gap)/ 2) 0;
	padding-right: 2em;
	cursor: pointer;
	position: relative;
	max-width: var(--maxw);
	margin-left: var(--colw);
}

.acc-tit .icon {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;

    transition: transform 0.2s;
    transform: rotate(0);
}

.open .acc-tit .icon {
	transform: rotate(180deg);
}




/* ### BOXES ### */

.boxes{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-left: 0;
	padding-right: 0;
}
.boxes * {
	color: #fff;
	text-decoration: none;
}
.boxes > * {
	padding: var(--gaplg);
}
#cont .boxes .frame {
	padding-bottom: 0;
}
.boxes header * {
	font-size: var(--titsm);
	font-weight: bold;
}
.boxes p,
.boxes li {
	font-size: var(--txtlg);
}
.boxes > a {
	position: relative;
}
.boxes > a::after {
	content: '';
	display: block;
	background-color: #600;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	/* mix-blend-mode: overlay; */
	opacity: 0;
	transition: opacity 0.3s;
}
.boxes > a:hover::after {
	opacity: 0.2;
}
.boxes > a > div{
	position: relative;
	z-index: 2;
}
.boxes > a > div::after {
	content: '';
	display: inline-block;
	position: relative;
	margin-top: 1em;
	left: 0;
	width: 18px;
	height: 19px;
	background: url('../img/arrow-right_white.svg') no-repeat center;
	transition: left 0.3s;
}
.boxes > a > div:hover::after {
	left: 2em;
}

.boxes > *:nth-child(9n-8) {
	background-color: var(--third);
}
.boxes > *:nth-child(9n-7) {
	background-color: var(--seccond);
}
.boxes > *:nth-child(9n-6) {
	background-color: var(--first);
}


.boxes > *:nth-child(9n-5) {
	background-color: var(--seccond);
}
.boxes > *:nth-child(9n-4) {
	background-color: var(--first);
}
.boxes > *:nth-child(9n-3) {
	background-color: var(--third);
}

.boxes > *:nth-child(9n-2) {
	background-color: var(--first);
}
.boxes > *:nth-child(9n-1) {
	background-color: var(--third);
}
.boxes > *:nth-child(9n) {
	background-color: var(--seccond);
}




/* ### twocol ### */

.twocol {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.rowmax > .twocol > .col {
	margin: 0;
}
.twocol .col:first-child .frame-default {
	padding-right: calc(var(--gap) / 2);
}
.twocol .col:last-child .frame-default {
	padding-left: calc(var(--gap) / 2);
}

.twocol.frame-layout-1 .frame[class*="frame-box"] {
	padding: var(--gaplg);
	margin-left: 0;
	margin-right: 0;
}
.twocol.frame-layout-1 [class*="frame-box"]:has(+ [class*="frame-box"]){
	padding-bottom: var(--gap);
}




/* ### FOURCOL ### */

.fourcol {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gap);
}
.fourcol p {
	font-size: calc(var(--txt) / 18 * 16);
}
.fourcol p strong {
	font-size: calc(1em / 16 * 18);
}
#cont .fourcol .frame-type-textmedia {
	overflow: hidden;
	padding-bottom: 0;
}
.fourcol .ce-textpic,
.fourcol figure {
	display: grid;
}
.fourcol .ce-textpic > div,
.fourcol figure > * {
	grid-area: 1/1;
}

#cont .fourcol .ce-gallery {
	margin: 0;
	float: none;
	max-width: initial;
	z-index: 2;
	pointer-events: none;
}
.fourcol figcaption {
	font-weight: bold;
}
.fourcol figcaption,
.fourcol .frame-type-textmedia .ce-bodytext{
	padding: calc(var(--gap) / 2);
}
.fourcol .frame-type-textmedia .ce-bodytext {
	z-index: 1;
	color: #fff;
}
.fourcol .frame-type-textmedia header {
	display: none;
}
.fourcol figcaption {
	display: flex;
	align-items: flex-end;
	color: #fff;
	background: no-repeat linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.2) 90%, rgba(0,0,0, 0.2) 100%);
	transition: color 0.5s, background-position 0.3s;
	background-position: 0 0;
	z-index: 3;

}
.fourcol .frame-type-textmedia:hover figcaption {
	background-position: 0 300px;
}
.fourcol .frame-type-textmedia img {
	opacity: 0.99;
	transition: opacity 0.3s;
}
 .fourcol .frame-type-textmedia:hover img {
	opacity: 0;
}
.fourcol .frame-type-textmedia:nth-child(3n-1) .ce-bodytext {
	background-color: var(--seccond);
}
.fourcol .frame-type-textmedia:nth-child(3n-2) .ce-bodytext {
	background-color: var(--third);
}
.fourcol .frame-type-textmedia:nth-child(3n-3) .ce-bodytext {
	background-color: var(--first);
}

.acc-cont .fourcol {
	margin: 0;
	transition: margin 0.3s;
	transition-delay: 0.3s;
}
.acc-cont .fourcol .frame-type-textmedia .ce-bodytext {
	opacity: 0;
	transition: opacity 0s;
	transition-delay: 0.6s;
}
.open .acc-cont .fourcol .frame-type-textmedia .ce-bodytext {
	opacity: 1;
}

.open .acc-cont .fourcol {
	margin:  0 calc((100% * -1.5) / 6 - var(--gap) / 2);
}


/* ### SLIDER ### */

.frame-layout-2 .ce-below .ce-gallery {
	margin-top:0;
}

.frame-layout-2 .ce-row {
	padding-bottom: 0;
}

.bx-wrapper {
	margin-top: 50px !important;
	margin-bottom: 0;
	border: 0px none;
	left: 0;
	box-shadow: none;
	background-color: transparent;
}

.ce-above .bx-wrapper{
	margin-top: 15px !important;
	margin-bottom: 35px;
}

.bx-wrapper .bx-controls-direction a {
	background-color: var(--first);
	border: 5px solid var(--first);
	border-top-width: 0;
	border-bottom-width: 0;
}

.bx-wrapper .bx-prev {
	left: -42px;
}
.bx-wrapper .bx-next {
	right: -42px;
}

.bx-wrapper .ce-gallery {
	float: none;
	overflow: visible;
}

.frame-layout-2 .ce-textpic {
	overflow: visible;
}

/* ### imageversions for desktop and mobile ###  */

.frame-imgswitch .ce-row:nth-child(even),
.news-list .news-img-wrap img:nth-child(even) {
	display: none;
}


@media screen AND (max-width: 640px){
	.frame-imgswitch .ce-row:nth-child(odd),
	.news-list .news-img-wrap img:nth-child(odd) {
		display: none;
	}
	.frame-imgswitch .ce-row:nth-child(even),
	.news-list .news-img-wrap img:nth-child(even) {
		display: block;
	}
}



#filter div {
	position: relative;
	margin-left: var(--colw);
}

#filter select {
	/* border: 1px solid var(--gray); */
	cursor: pointer;
	appearance: none;
	width: auto;
}

#filter option {
	cursor: pointer;
}




/* ### teaser popup ### */


#teaser {
	position: fixed;
	bottom: 3em;
	right: 3em;
	width: 29em;
	background: var(--first);
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	padding: 3em;
	animation: slide-from-bottom 0.5s ease-out 7s 1  both;
	z-index: 9999;
}
#cont #teaser .ce-bodytext {
	max-width: 100%;
}
#teaser > *,
#teaser a {
	color: #fff;
}


@keyframes slide-from-bottom {
	from {
	  transform: translateY(100%) translateY(3em);
	}
  
	to {
		transform: translateY(0);
	}
  }

#closeteaser {
	cursor: pointer;
	position: absolute;
	top:0;
	right: 0;
}


/* ### NEWS ### */

.news .article {
	margin-bottom: 0;
}
/* --- latest --- */

.firstLatestNewsImg {
	float: right;
	width: 50%;
	overflow: hidden;
}
.firstLatestNewsImg img{
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}
.news .news-latest .article::after {
	content: none;
}
.news-latest .article {
	float: left;
	clear: left;
	width: 50%;
	padding: var(--gaplg);
	padding-top: 0;
	box-sizing: border-box;
	margin-bottom: -1em;
}
.news-latest a {
	text-decoration: none;
}
.news-latest .date {
	font-weight: normal !important;
	color: var(--gray);
	padding-bottom: 0;
}

.frame-layout-1 .news-latest p {
	font-size: var(--txt);
}

#pid1 .news-latest .article {
	margin-bottom: 0;
}
#pid1 .news-latest .n1 {
	margin-bottom: var(--gap);
}
#pid1 .news-latest .n1 h3 {
	font-size: var(--tit);
	line-height: 1.1em;
	padding-bottom: 0.5em;
}

#pid1 .news-latest .n1 p {
	font-weight: bold;
	font-size: var(--txtlg);
}

/* --- list --- */


.news-list {
	--newsItemH: 130px;
}
.news-list .article {
	background-color: #fff;
	background-clip: padding-box;
	padding: 0 var(--gap) 0 0;
	height: var(--newsItemH);
	overflow: hidden;
	border-bottom: 8px solid transparent;
	transition: height 0.3s, border-width 0.3s;
}

.news-list .article .teaser-text {
	margin: 0;
}
.news-list .teaser-text p {
	line-height: 1.1em;
	padding-bottom: 1em;
}


.news-list .listitem a {
	color: inherit;
	text-decoration: none;
	position: relative;
	display: grid;
	grid-template-columns: 13em minmax(0, 4fr) 2em;
	overflow: hidden;
	transition: color 0.5s;
	height: var(--newsItemH);
	column-gap: var(--gap);
}

.news-list .listitem a:hover {
	color: var(--first);

}
.news-list .article div{
	grid-column: 2/2;
}

.news-list .article .news-img-wrap{
	grid-column: 1/1;
	grid-row: 1/3;
	background-color: transparent;
	float: none;
	margin: 0;
}

.noarchive #archive ~ .article {
	height: 0;
	border-bottom-width: 0;
}
#archive {
	padding: var(--gaplg);
	height: 40px;
	transition: height 0.3s, padding 0.3s;
	overflow: hidden;
}

.allnews #archive {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#archive p{
	margin-left: var(--colw);
}

.news-list.filtered .article {
	height: 0;
	border-bottom-width: 0;
}
.news-list.cat1 .cat1,
.news-list.cat2 .cat2,
.news-list.cat3 .cat3,
.news-list.cat4 .cat4,
.news-list.cat5 .cat5,
.news-list.cat6 .cat6,
.news-list.cat7 .cat7,
.news-list.cat8 .cat8,
.news-list.cat9 .cat9,
.news-list.cat10 .cat10,
.news-list.cat11 .cat11,
.news-list.cat12 .cat12,
.news-list.cat13 .cat13,
.news-list.cat14 .cat14,
.news-list.cat15 .cat15,
.news-list.cat16 .cat16,
.news-list.cat17 .cat17,
.news-list.cat18 .cat18,
.news-list.cat19 .cat19,
.news-list.cat20 .cat20 {
	height: var(--newsItemH);
	border-bottom-width: 5px;
}

.news-list-date {
	color: var(--gray);
	padding-bottom: 0;
	padding-top: 15px;
	padding-bottom: 6px;
	line-height: 1em;
}
.news-single .news-list-date {
	padding-bottom: 1em;
}

.news-list h3 {
	height: 1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;;
}

.news .news-list .article .news-img-wrap img {
	max-width: 100%;
	float: none;
}

.more {
	display: block;
	background: url('/fileadmin/Resources/Public/img/arrow-right.svg') right center no-repeat transparent;
	width: 16px;
	height: 16px;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
}

a:hover .more {
	background-image: url('/fileadmin/Resources/Public/img/arrow-right_green.svg');
}


.page-navigation:first-child {
	margin-bottom: 2em;
	padding-bottom: 0.5em;
	overflow: hidden;
	border-bottom: 2px dotted #2e2f30;
}
.news .page-navigation p{
	display: none;
}

.news .page-navigation ul li {
	padding: 0 0 0 0.5em;
	display: inline-block;
}
.news .page-navigation ul li:before {
	content: '|';
	display: inline-block;
	padding-right: 0.5em;
}
.news .page-navigation ul li:first-child:before {
	content: '';
	display: none;
}
.news .page-navigation ul li a {
	display: inline-block;
}

/* News detail */
.news-single .newsheader {
	overflow: hidden;
}

.news-single h2 {
	float: left;
}
.news-single h4 {
	float: right;
}

.news-main-image {
	float: right;
	--onecol: calc((100% - 3 * var(--gap)) / 4);
	width: calc(var(--onecol)* 3 + 2 * var(--gap) + var(--gaplg));
	margin-right: calc((var(--onecol) + var(--gap) + var(--gaplg)) * -1);
	margin-left: var(--gap);
	position: relative;
	z-index: 1;
}
#all .news .article .news-img-wrap a {
	padding: 0;
	border: 0 none;
	float: none;
}

.news-single .article .news-img-wrap {
	float: none;
	width: auto;
	margin: 0;
}
.news-single .news-img-wrap > div:first-child {
	display: none;
}

.news-single .article .news-img-wrap img {
	max-width: 100%;
}

.news-single .news-text-wrap,
.news-single .article > .news-img-wrap{
	padding-bottom: var(--gaplg);
}

.news-backlink-wrap a.button {
	background-image: url('../img/arrow-left_white.svg');
	background-position: left center;
	padding: 0.5em 1em 0.5em 2em;
	border-right: 0 none;
	border-left: 1em solid var(--first);
}
.news-backlink-wrap a.button:hover {
	animation: hintleft 0.8s ease-in 0s infinite;
}



/* ### News redesign Magazin #### */
.frame-layout-1 .news-list .article{
	height: auto;
	padding: 0;
	border-bottom: 0;
	
	a {
		grid-template-columns: 1fr;
		height: auto;

		div {
			grid-area: 1/1;
		}
		.txt {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 50%;
			box-sizing: border-box;
			padding: var(--gaplg);
			background-color: #fff;
			text-wrap: balance;
		}
		h3{
			font-size: var(--tit);
			line-height: 1em;
			padding-bottom: 0.3em;
			font-weight: lighter;
			
			height: auto;
			overflow: auto;
			text-overflow: initial;
			white-space: wrap;
		}
		.more {
			position: relative;
		}
	}
}

/* ### OVERLAY ### */

#overlay {
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	display: none;
    z-index: 10000;
}
#veil {
	background: rgba(255,255,255, 0.8);
	width: 100vw;
	height: 100vh;
	cursor: pointer;
}
#closebutt {
	position: absolute;
	top: 5vh;
	right: 4em;
}

#overbox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45em;
	height: 26em;
	margin: -13em 0 0 -22.5em;
	background: #FFF;
	box-shadow: 0 4px 8px rgba(0,0,0, 0.3);
	overflow: auto;
}
#overcont {
	padding: 3em;
}

#bigimg {
	background: center no-repeat transparent;
	background-size: contain;
	position: absolute;
	width: 80vw;
	height: 90vh;
	top: 5vh;
	left: 10vw;
}


/* cleverreach forms */

#recaptcha_image,
#recaptcha_widget input {
	margin-left: 25%;
}

#recaptcha_widget {
	position: relative;
}
#recaptcha_widget input{
	float: none;
	width: 37.5%;
}

#recaptcha_widget label {
	display: block;	
	width: 20%;
	position: absolute;
	top: 1em;
}

.cr_form div {
    clear: both;
    overflow: hidden;
}


div[rel="email"]{
	padding-bottom: 1em;
}
div[rel="email"] label{
	display: none;
}
div[rel="radio"] label,
div[rel="checkbox"] label {
	font-weight: bold;
	padding-bottom: 0.5em;
	display: block;
}
div[rel="radio"] input{
	margin-right: 0.5em;
}
input[type="checkbox"] {
	margin-right: 0.5em;
}
.clever_form_error::placeholder,
.clever_form_error * {
	color: #E30613;
}

div[rel="checkbox"] div{
	line-height: 1.6em;
}
div[rel="checkbox"] p{
	display: flex;
	gap: 1em;
}
input[type="checkbox"] {
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	width: 1em;
	height: 1em;
	transform: translateY(-0.075em);
	position: relative;
	vertical-align: sub;
	cursor: pointer;
	padding: 0;
	top:0.3em;
}
  
input[type="checkbox"]::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 1em;
	height: 1em;
	border-radius: 0.2em;
	transform:  scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--first);
}

input[type="checkbox"]:checked::before {
	transform:  scale(0.7);
}
  

/* datenschutz */

#datenschutz {
	display: none;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 2em 0;
	box-shadow: 0 0 8px rgba(0,0,0, 0.3);
	z-index: 10001;
}

#ds-close {
	cursor: pointer;
	position: absolute;
	top:2em;
	right: 4em;
}


#datenschutz .frame {
	padding: var(--gap) var(--gaplg);
}




.frame-type-spreadsheets_table td:nth-child(2){
	color: var(--first) !important;
}

.frame-type-spreadsheets_table td:last-child{
	color: #888 !important;
}

/* Charts */
#cont .chart-container {
	margin: 0;
}
.apexcharts-xaxis-label {
	font-family: 'work-sans', Arial, sans-serif !important;
}

/* Kontakt Openstreetmap */

figure iframe {
	max-width: 100%;
}

@media (max-width: 1240px){ 
	.fourcol {
		grid-template-columns: repeat(3, 1fr);
	}


}

@media (max-width: 1030px){

	body{
		--tit: 3.2em;
		--gaplg: 3em;
		--gapxxl: 6em;
	}
	.navtoggle {
		display: block;
	}

	#mainnav,
	#metanav {
		display: none;
	}

	#logo {
		padding-bottom: var(--gaplg);
	}
	#head {
		padding-top: var(--gaplg);
	}
	#main{
		padding-top: 122px;
	}
	.frame {
		padding-bottom: var(--gapxxl);
	}
	.frame-layout-7 {
		padding-bottom: 0;
		margin-bottom: var(--gapxxl);
	}
	#footerbar {
		gap: var(--gapxxl);
	}
}
@media (max-width: 1000px){

	body {
		--colw: 0;
	}

	/*
	.ce-gallery[data-ce-columns="2"] .ce-column {
		width: 48%;
		padding-left: 2%;
		margin: 0;
	}
	.ce-gallery[data-ce-columns="2"] .ce-column:first-child {
		padding-left: 0;
		padding-right: 2%;
	}

	.ce-gallery[data-ce-columns="4"] .ce-column {
		width: 22.44%;
		padding-left: 3.3%;
		margin: 0;
	}
	.ce-gallery[data-ce-columns="4"] .ce-column:first-child {
		padding-left: 0;
	} */

	/* .news-list .listitem a {
		grid-template-columns: 1fr minmax(0, 3fr) 3em;
	} */
	.news-list .article {
		padding-left: 0;
	}
	.open .acc-cont .fourcol {
		margin: 0;
	}

	.news-main-image {
		width: 50%;
		margin-right: calc(var(--gap) * -1);
	}
}


@media (max-width: 980px){ 

	#all .csc-form-element-submit,
	#all .csc-form-element-checkbox,
	#all .csc-form-element-radio {
		margin-left: 0;
	}

	.powermail_fieldwrap {
		display: block;
	}
	label {
		padding: 0 0 0.4em 0;
		display: block;
	}
}

@media (max-width: 880px){

	.frame-layout-1 > .ce-right.ce-textpic {
		grid-template-columns: 1fr;
	}
	
	.frame-layout-1 .ce-bodytext {
		padding-top: var(--gaplg);
		padding-bottom: var(--gaplg);
	}
	.frame-layout-1 + .boxes {
		margin-top: calc(var(--gap) * -1);
	}
	.boxes {
		grid-template-columns: 1fr;
	}
	/* .boxes > a {
		position: relative;
	}
	.boxes > a::after {
		display: block;
		position: absolute;
		top: 50%;
		right: var(--gap);
		margin-top: -9px;
	} */
	.boxes > a > * {
		padding-right: var(--gap);
	}

	.desk {
		display: none;
	}
	.mob {
		display: block;
	}

	.news-latest .article {
		float: none;
		width: auto;
	}
	.news-latest img {
		width: 100vw;
		height: auto;
		margin-left: calc(var(--gaplg) * -1);
	}


	.rowmax > .frame-type-textmedia {
		padding-left: 0;
		padding-right: 0;
	}
	.rowmax > .frame-type-textmedia .ce-textpic,
	.rowmax > .frame-type-textmedia > header {
		padding-left: var(--gap);
		padding-right: var(--gap);
	}
	.rowmax > .frame-type-textmedia .ce-above,
	.rowmax > .frame-type-textmedia .ce-below,
	#cont .frame-type-textmedia.frame-layout-1 .ce-textpic {
		padding-left: 0;
		padding-right: 0;
	}

	.rowmax > .frame-type-textmedia .ce-above .ce-bodytext,
	.rowmax > .frame-type-textmedia .ce-below .ce-bodytext {
		padding-left: var(--gap);
		padding-right: var(--gap);
	}

	.news .article {
		position: relative;
	}

	#bigimg {
		width: calc(100vw - 2 * var(--gap));
		left: var(--gap);
	}
}

@media (max-width: 860px){ 
	/* .news-list h3 {
		height: auto;
		max-height: 2.6em;
		white-space: initial;
	}
	.news-list .header {
		display: contents;
	}

	.news-list .article {
		padding-right: 15px;
	}
	.news-list .listitem a {
		grid-template-columns: 145px 1fr 3em;
	}
	.news-list h3,
	.news-list .article .teaser-text {
		grid-column: 1/4;
		padding-left: 15px;
	}
	.news-list .article .news-img-wrap {
		grid-row: 1/1;
	} */




	#filter div {
		margin-left: 0;
	}
	/* .news-list  .news-list-date {
		color: inherit;
		line-height: 1.2em;
	} */
}

@media (max-width: 750px){
	.twocol {
		grid-template-columns: 1fr;
		padding-left: 0;
		padding-right: 0;
		row-gap: var(--gap);
	}
	.twocol .col:first-child .frame-default {
		padding-right: 0;
	}
	.twocol .col:last-child .frame-default {
		padding-left: 0;
	}
	.twocol .col > div:not(.frame-box) {
		margin-left: var(--gaplg);
		margin-right: var(--gaplg);
	}

	.fourcol {
		grid-template-columns: repeat(2, 1fr);
	}

	.frame-layout-3 {
		margin-top: var(--gap);
	}
	.frame-layout-5 {
		width: calc(100% - 14em);
	}

	#cont .frame-type-textmedia {
		padding-left: 0;
		padding-right: 0;
	}
	#cont .frame-type-textmedia .ce-textpic,
	#cont .frame-type-textmedia > header {
		padding-left: var(--gap);
		padding-right: var(--gap);
	}
	#cont .frame-type-textmedia .ce-above,
	#cont .frame-type-textmedia .ce-below,
	#cont .acc-cont .frame-type-textmedia .ce-textpic,
	#cont .acc-cont .frame-type-textmedia > header  {
		padding-left: 0;
		padding-right: 0;
	}

	#cont .frame-type-textmedia .ce-above .ce-bodytext,
	#cont .frame-type-textmedia .ce-below .ce-bodytext {
		padding-left: var(--gap);
		padding-right: var(--gap);
	}
}

@media (max-width: 640px){ 

	.news-list {
		--newsItemH: calc(30vw + 12em);
	}
	.news-list .article {
		border-bottom-width: var(--gap);
	}
	.news-list .listitem a {
		display: block;
	}
	.news-list .article {
		padding-right: 0;
	}

	.news-list .header,
	.news-list .teaser-text {
		padding: 0 4em 0 var(--gap);
	}
	.news-list .header {
		padding-bottom: 1em;
	}
	.more {
		top: 42vw;
		right: 1em;
	}
}

@media (max-width: 620px){ 
	.delegiertenhint {
		display: block;
	}
	.delegiertenhint div p:first-child {
		padding-top: 1em;
	}
	.singlerow .powermail_fieldwrap {
		width: auto;
		float: none;
	}
	.singlerow .powermail_fieldwrap:first-of-type {
		padding-right: 0;
	}
	.singlerow .powermail_fieldwrap_type_radio .powermail_field {
		padding-top: 0;
	}

	.frame-layout-1 > .ce-above .ce-bodytext {
		position: relative;
		width: 66.6%;
		margin-top: -6em;
	}
}
@media (max-width: 590px){ 

	body {
		--txt: 1.6em;
		--txtsm: 1.1em;
		--txtlg: 1.8em;
		--tit: 2.4em;
		--titlg: 1.2em; /* 120% of context (--tit) */
		--titsm: 1.9em;
	
		--gap: 15px;
		--gaplg: 2em;
		--gapxxl: 6em;
	}
	#logo {
		max-width: calc(100% - var(--gaplg) - 36px);
	}

	#main{
		padding-top: 102px
	}

	#footerbar .ce-left.ce-intext .ce-gallery {
		float: none;
	}
	
}

@media (max-width: 550px){
	footer > ul  {
		-moz-columns: 2;
		columns: 2;
		width: 60%;
	}
	footer .textmedia {
		width: 40%;
	}

	.news-main-image {
		margin-left: 0;
		float: none;
		max-width: 100%;
		width: auto;
	}

	blockquote {
		padding-left: 0;
	}
	.ce-nowrap .ce-bodytext {
		overflow: initial;
	}
	.ce-intext.ce-right .ce-gallery {
		margin-left: var(--gap);
	}
	.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
		margin-bottom: var(--gap);
	  }
}

@media (max-width: 460px){

	.fourcol {
		grid-template-columns: 1fr;
	}

	.news-list {
		--newsItemH: 270px;
	}
}


@media (max-width: 440px){

	h1, h2 {
		hyphens: auto;
	}


}