/* @override 
   https://bwp.buero-wilhelm.de/typo3conf/ext/bw/templates/css/layout.css?* */

@charset "UTF-8";

/* =========================
   :root – FONTS & COLORS
   ========================= */

:root {
  /* Fonts */
  --font-hI: normal 400 55px/100% "Arial";
  --font-hI-mob: normal 400 28px/100% "Arial";

  --font-hII: normal 400 44px/120% "Arial";
  --font-hII-tile: normal 400 28px/110% "Arial";
  --font-hII-mob: normal 400 28px/120% "Arial";

  --font-hIII: normal 400 24px/120% "Arial";
  --font-hIII-mob: normal 400 22px/120% "Arial";

  --font-hIV: normal 400 24px/120% "Arial";
  --font-hV: normal 400 18px/120% "Arial";
  --font-hVI: normal 400 16px/120% "Arial";

  --font-p: normal 400 25px/140% "Arial";
  --font-p-sm: normal 400 20px/130% "Arial";
  --font-p-mob: normal 400 18px/130% "Arial";
  --font-p-gr: normal 400 30px/100% "Arial";
  --font-p-i: italic 400 18px/140% "Arial";
  --font-p-b: normal 700 18px/140% "Arial";
  --font-p-b-big: normal 700 30px/120% "Arial";
  --font-p-b-i: italic 700 18px/140% "Arial";

  --font-download: normal 400 14px/140% "Arial";
  --font-download-new: normal 400 18px/140% "Arial";

  --font-nav-lang: normal 700 20px/120% "Arial";
  --font-nav-main: normal 400 25px/120% "Arial";
  --font-nav-sub: normal 400 20px/120% "Arial";
  --font-nav-side-O: normal 400 20px/120% "Arial";
  --font-nav-side-I: normal 700 20px/120% "Arial";
  --font-nav-sitemap: normal 400 18px/120% "Arial";

  --font-hIII-footer: normal 700 20px/120% "Arial";
  --font-p-footer: normal 400 18px/120% "Arial";

  --font-mobiletitel: normal 400 28px/120% "Arial";
  --font-mobilenav: normal 400 18px/120% "Arial";

  --font-caption-year: normal 400 34px/100% "Arial";
  --font-caption-timeline: normal 400 24px/100% "Arial";

  --font-news-back: normal 400 14px/120% "Arial";
  --font-news-h: normal 400 24px/120% "Arial";
  --font-news-date: normal 400 16px/120% "Arial";

  --font-p-table: normal 400 14px/140% "Arial";
  --font-p-tablecaption: italic 400 12px/140% "Arial";

  --letterspace-h: 0em;
  --letterspace-nav: 0.01em;

  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

  /* Colors */
  --color-black: rgba(29, 27, 29, 1);
  --color-black-trans: rgba(29, 27, 29, 0.5);

  --color-gray-O: rgba(51, 51, 51, 1);
  --color-gray-I: rgba(146, 146, 146, 1);
  --color-gray-II: rgba(156, 156, 156, 1);
  --color-gray-III: rgba(212, 212, 212, 1);
  --color-gray-IV: rgba(230, 230, 230, 1);

  --color-red: rgba(231, 0, 14, 1);

  --color-white: rgba(255, 255, 255, 1);
  --color-white-trans: rgba(255, 255, 255, 0.7);

  --color-tile: rgba(29, 27, 29, 0.5);
  --color-tile-hover: rgba(29, 27, 29, 0);
  --color-tile-red: rgba(231, 0, 14, 0.5);
  --color-tile-red-hover: rgba(231, 0, 14, 0);

  --gapunit: calc(100% / 27);
  --maxbreite: 1728px;
   --spacer: 40px;
}

/* =========================
   mmenu Bugfix
   ========================= */

#menu:not(.mm-menu) {
  display: none;
}

/* =========================
   MARGINS
   ========================= */

.frame-space-before-small {
  margin-top: 20px;
}

.frame-space-before-medium {
  margin-top: calc(var(--gapunit) * 0.9);
}

.frame-space-before-large {
  margin-top: 60px;
}

.frame-space-after-small {
  margin-bottom: 20px;
}

.frame-space-after-medium {
  margin-bottom: calc(var(--gapunit) * 0.5);
  display: inline-block;
  width: 100%;
}

.frame-space-after-large {
  margin-bottom: 60px;
}

/* =========================
   RESET
   ========================= */

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p,
.container p,
.ce-bodytext p,
figure.image,
h1,
h2,
h3,
h4,
h5,
.ce-bodytext ul,
ul,
figure.video {
  margin: 0;
  padding: 0;
}

button,
input[type="submit"],
input[type="reset"] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

* {
  box-sizing: border-box;
}



/* =========================
   GENERAL – STRUCTURE
   ========================= */

html,
body {
  color: var(--color-black);
  font: var(--font-p);
  background-color: var(--color-white);
  -moz-osx-font-smoothing: grayscale;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

.maxwidth {
  max-width: 1760px;
  margin-left: auto;
  margin-right: auto;
}

.sitepadding {
  padding-left: 40px;
  padding-right: 40px;
}

.frame-type-textmedia {
  overflow: hidden;
}

/* =========================
   GENERAL – TEXT
   ========================= */

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: var(--letterspace-h);
}

h1 {
  font: var(--font-hII);
  color: var(--color-black);
  padding: 55px 0 45px calc(var(--gapunit) * 2);
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  -o-hyphens: manual;
  hyphens: manual;
}

.frame.frame-default.frame-type-news_newsdetail.frame-layout-0
  div.news.news-single
  div.article
  div.zweispalter-detail
  div.detailtitel
  h1 {
  padding-left: 0;
  padding-top: 30px;
  font-size: 40px;
  padding-bottom: 80px;
}

h2 {
  font: var(--font-hII);
  color: var(--color-black);
  padding: 0 40px 20px;
}

div#main-middle-right header h2 {
  padding: 40px 40px 20px;
}

div#main-middle-right .frame-6 header h2 {
  padding: 0 40px 20px;
}

div#c9263.frame.frame-default.frame-type-textmedia:first-child header h1,
#main-middle-right .frame-type-textmedia:first-child h1,
#main-middle-right.layout2025 .frame-type-textmedia h1 {
  font: var(--font-hII);
  color: var(--color-black);
  padding: 40px 40px 20px;
}

div#main-middle-right .frame-7 .ce-bodytext {
  padding: 40px 0 20px;
}

div#main-middle-right .frame-7 .ce-bodytext:last-child {
  padding-bottom: 0;
}

div#main-middle-right .frame-8 header h4 {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  min-height: 120px;
}

h3 {
  font: var(--font-hIII);
  color: var(--color-black);
  padding: 0 40px 20px;
}

footer h3 {
  font: var(--font-hIII-footer);
  color: var(--color-white);
  padding: 0 0 20px;
}

h4 {
  font: var(--font-hII);
  color: var(--color-black);
 padding: 55px 0 45px calc(var(--gapunit) * 2.7);
}
h4 a{
  color: var(--color-black);
}
h5 {
  font: var(--font-p);
  color: var(--color-red);
  padding-bottom: 40px;
}

h5 a{
  
  color: var(--color-black);
 
}

h6 {
  font: var(--font-hVI);
  color: var(--color-black);
  padding: 0 40px 20px;
}

.ce-bodytext h2,
.ce-bodytext h3,
.ce-bodytext h4,
.ce-bodytext h5,
.ce-bodytext h6 {
  padding-top: 0;
  padding-bottom: 20px;
}

.ce-bodytext p {
  font: var(--font-p);
  padding: 0 40px 20px;
}

.ce-bodytext p:last-child {
  padding: 0 40px 40px;
}

.ce-bodytext p em {
  font: var(--font-p-i);
}

.ce-bodytext p strong {
  /* Wörter nicht trennen */
  white-space: nowrap;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  font-weight: bold;
}

.ce-bodytext p strong em,
.ce-bodytext p em strong {
  font: var(--font-p-b-i);
  white-space: nowrap;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.ce-bodytext ul {
  list-style: disc outside;
  padding: 0 40px 30px;
  overflow: hidden;
}

.frame-layout-10 .ce-bodytext ul,
.frame-layout-11 .ce-bodytext ul,
.frame-layout-12 .ce-bodytext ul,
.frame-layout-13 .ce-bodytext ul {
  list-style: disc outside;
  padding: 0 40px 20px 0;
  overflow: hidden;
}

.ce-bodytext ul li {
  margin: 0 0 0 20px;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

div.ce-bodytext table.contenttable {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

/* =========================
   GENERAL – LINKS
   ========================= */

a,
.tinyaccordion li h4 {
  text-decoration: none;
  -webkit-transition:
    opacity 0.3s ease,
    text-decoration 0.3s ease,
    color 0.3s ease;
  -moz-transition:
    opacity 0.3s ease,
    text-decoration 0.3s ease,
    color 0.3s ease;
  -ms-transition:
    opacity 0.3s ease,
    text-decoration 0.3s ease,
    color 0.3s ease;
  -o-transition:
    opacity 0.3s ease,
    text-decoration 0.3s ease,
    color 0.3s ease;
  transition:
    opacity 0.3s ease,
    text-decoration 0.3s ease,
    color 0.3s ease;
}

.ce-bodytext p a,
.ce-bodytext ul li a,
div.powermail_field a {
  text-decoration: none;
  color: var(--color-black);
}

.ce-bodytext p a:hover,
.ce-bodytext ul li a:hover,
div.powermail_field a:hover {
  color: var(--color-black);
}

/* =========================
   GENERAL – IMAGES
   ========================= */

img.image-embed-item,
.ce-bodytext p img {
  width: 100%;
  height: auto;
  float: left;
}

/* =========================
   IMAGE GALLERY
   ========================= */

.frame-type-list div.c-gallery figcaption {
  display: none;
}

.frame-type-list div.c-gallery div.row figure {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 0;
  margin: 0;
  background-color: var(--color-white);
}

.frame-type-list.frame-layout-8 div.c-gallery div.row figure {
  grid-template-columns: repeat(6, auto);
}

.frame-type-list.frame-layout-9 div.c-gallery div.row figure {
  grid-template-columns: repeat(8, auto);
}

.frame-type-list div.c-gallery div.row figure figure.c-gallery__figure.figure {
  margin: 0;
  display: inline-flex;
}

.frame-type-list
  div.c-gallery
  div.row
  figure
  figure.c-gallery__figure.figure
  a.lightbox {
  object-fit: cover;
  width: 100%;
  height: auto;
}

.frame-type-list
  div.c-gallery
  div.row
  figure
  figure.c-gallery__figure.figure
  a.lightbox
  img.c-gallery__image.figure-img.img-fluid,
.frame.frame-default.frame-type-list.frame-layout-0
  div.c-gallery
  div.row
  figure
  figure.c-gallery__figure.figure
  a.c-gallery__link
  img.c-gallery__image.figure-img.img-fluid,
.frame.frame-default.frame-type-list.frame-layout-8
  div.c-gallery
  div.row
  figure
  figure.c-gallery__figure.figure
  a.c-gallery__link
  img.c-gallery__image.figure-img.img-fluid,
.frame.frame-default.frame-type-list.frame-layout-9
  div.c-gallery
  div.row
  figure
  figure.c-gallery__figure.figure
  a.c-gallery__link
  img.c-gallery__image.figure-img.img-fluid {
  width: 100%;
  height: 100%;
  float: left;
}

/* =========================
   HEADER
   ========================= */

#header-top {
  /* background-image: url(/fileadmin/templates/img/header_oben.png); */
  background-size: 1728px;
  height: 128px;
  display: grid;
  grid-template-columns: repeat(27, minmax(0, 1fr));
}

div.language-select ul.langugageMenu li a {
  color: var(--color-gray-I);
  text-transform: uppercase;
  font-size: 18px;
}

div.language-select ul.langugageMenu li.active a {
  color: var(--color-black);
}

div.language-select ul {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;

}

div#header-top div.language-select ul.langugageMenu li {
  display: block;
  float: left;
  margin-left: 20px;
  text-align: right;
}

/* =========================
   MAIN NAVI
   ========================= */

#logo {
  grid-column-start: 2;
  width: 64px;
  margin-top: 24px;
 
}

div#mainnavi {
  grid-column-start: 9;
  grid-column-end: 25;
  margin-top: 24px;
  text-align: left;
  font: var(--font-nav-main);

}

div#mainnavi ul {
  list-style-type: none;
}

div#mainnavi ul li {
  display: inline-block;
  margin-right: 42px;
}

div#mainnavi ul li a {
  color: var(--color-black);
}

div#mainnavi ul li a:hover {
  color: var(--color-gray-I);
}

div#mainnavi ul li.aktiv {
  text-decoration: underline;
}

div.language-select {
  grid-column-start: 25;
  grid-column-end: 27;
  margin-top: 24px;
}

div#logo a img {
  width: 100%;
  height: auto;
}

/* =========================
   INHALT
   ========================= */

.spalte-wrapper-inner {
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
  width: 100%;
  display: inline-block;
}

div#c30.frame.frame-default.frame-type-textpic.frame-layout-1
  div.ce-textpic.ce-center.ce-above
  div.ce-bodytext
  p {
  color: var(--color-black);
  padding: 0 calc(var(--gapunit) * 10) 45px calc(var(--gapunit) * 3);
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  -o-hyphens: manual;
  hyphens: manual;
}

/* =========================
   EINRÜCKUNG
   ========================= */

.frame.frame-default.frame-type-textmedia.frame-layout-10 {
  padding: 0 calc(var(--gapunit) * 7) 45px calc(var(--gapunit) * 6);
}

.frame.frame-default.frame-type-textmedia.frame-layout-10 header h1 {
  font: var(--font-hI);
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 130%;
}

.frame.frame-default.frame-type-textmedia.frame-layout-10 header h2 {
  font: var(--font-hI);
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 50px;
  font-size: 44px;
  line-height: 130%;
}

div#c1.frame.frame-default.frame-type-textmedia.frame-layout-10
  div.ce-textpic.ce-center.ce-above
  div.ce-bodytext
  p {
  padding-right: 0;
  padding-left: 0;
  font-size: 29px;
  hyphens: none;
}
.frame.frame-default.frame-type-textmedia {
width: 100%;
}
.frame.frame-default.frame-type-textmedia.frame-layout-20 {
  padding: 0 calc(var(--gapunit) * 4) 45px calc(var(--gapunit) * 3);
  
  max-width: var(--maxbreite);
  margin-right: auto;
  margin-left: auto;
  	
}

.frame.frame-default.frame-type-textmedia.frame-layout-20 header h2 {
  display: inline-block;
  float: left;
  width: 32%;
  padding: 0;
}
.frame.frame-default.frame-type-textmedia
{
	width: 100%;
}
.frame.frame-default.frame-type-textmedia.frame-layout-30 {
  padding: 0 calc(var(--gapunit) * 3) 0px calc(var(--gapunit) * 3);
  width: 100%;
 
  	width: 100%;
	max-width: var(--maxbreite);
	margin-left: auto;
	margin-right: auto;
}

.frame.frame-default.frame-type-textmedia.frame-layout-30 header h1 {
  padding-right: 0;
  padding-left: 0;
  font-weight: 400;
  line-height: 130%;
}

.frame.frame-default.frame-type-textmedia.frame-layout-30
  div.ce-textpic.ce-center.ce-above
  div.ce-bodytext
  p {
  padding-right: 0;
  padding-left: 0;
}

div#c85.frame.frame-default.frame-type-news_pi1.frame-layout-0 header h2,
div#c84.frame.frame-default.frame-type-news_pi1.frame-layout-0 header h2 {
  padding: 0 calc(var(--gapunit) * 3);
}

div#c84.frame.frame-default.frame-type-news_pi1.frame-layout-0 header h2 {
	padding-bottom: 80px;
}

/* =========================
   FOOTER
   ========================= */

#footer {
  border-top: 1px solid black;
  /* background-image: url(/fileadmin/templates/img/footer.png);
     background-size:1728px; */
  background: white;
  height: 290px;
  float: left;
  width: 100%;
  display: inline-block;
}

div#footer-row1 div.footerlogo.desktop {
  display: block;
}

div#footer-row1 div.footerlogo.mobile {
  display: none;
}

#footer-inner {
  width: 100%;
  padding-top: 65px;
  display: grid;
  grid-template-columns: repeat(27, minmax(0, 1fr));
  font: var(--font-p-footer);
  background-color: white;
}

#footer-row1 {
  grid-column-start: 2;
  grid-column-end: 11;
}

div#footer-row2 {
  grid-column-start: 11;
  grid-column-end: 16;
}

#footer div.ce-bodytext p {
  font: var(--font-p-footer);
  padding: 0;
}

#footer div.ce-bodytext p a:hover {
  text-decoration: underline;
}

#footer-row3 {
  grid-column-start: 16;
  grid-column-end: 24;
}

#footer-row4 {
  grid-column-start: 24;
  grid-column-end: 28;
}

div#footer-row1 a img {
  width: 332px;
}

div.footernavi {
  list-style-type: none;
}

div.footernavi li a {
  color: var(--color-black);
}

div.footernavi li.active a {
  text-decoration: underline;
}

.footer-social {
  padding-bottom: 38px;
}

div#fb,
div#insta {
  width: 20px;
  display: inline-block;
  margin-right: 20px;
}

div#fb img,
div#insta img {
  width: 100%;
  height: auto;
}

/* =========================
   TEAM
   ========================= */

body {
  /* background-image: url(news.png);
     background-size: 1728px; */
}

/* =========================
   GRIDELEMENTS
   ========================= */

.container_2cols,
.container_2cols_le,
.container_2cols_re {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(27, minmax(0, 1fr));
  max-width: var(--maxbreite);
  margin-left: auto;
    margin-right: auto;
}

.container_2cols_le,
.container_2cols_re {
  padding-bottom: calc(var(--gapunit) * 3);
}

.container_col:first-child {
  width: 60%;
  display: inline-block;
}

.container_2cols_le .container_col_brighter {
  grid-column-start: 4;
  grid-column-end: 16;
}

.container_2cols_le .container_col_smaller {
  grid-column-start: 17;
  grid-column-end: 25;
}

.container_2cols_re .container_col_smaller {
  grid-column-start: 4;
  grid-column-end: 11;
}

.container_2cols_re .container_col_brighter {
  grid-column-start: 12;
  grid-column-end: 25;
}

div.ce-column figure.image img.image-embed-item {
  width: 100%;
  float: left;
}

.container_2cols_le header h2,
.container_2cols_re header h2 {
  padding-left: 0;
  padding-right: 0;
  font: var(--font-hII);
  padding-bottom: 48px;
}

.container_2cols_le .ce-bodytext p,
.container_2cols_re .ce-bodytext p {
  padding-left: 0;
  padding-right: 0;
}

/* =========================
   FILTERBOX
   ========================= */

button#toggleFilter {
  position: fixed;
  right: 0;
  padding: 0 calc(var(--gapunit) * 1) 0 15px;
  background-color: white;
  top: 150px;
  font-size: 20px;
  line-height: 140%;
  display: inline-block;
  z-index: 9999;

 
}

#filterbox {
  position: fixed;
  padding: 0 10px 0 15px;
  background-color: white;
  top: 130px;
  right: calc(var(--gapunit) * 1.7);
}

div#filterDiv {
  margin-top: 0;
}

#filterbox hr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-style: none;
}

#filterbox ul {
  list-style-type: none;
}

#filterbox ul li {
  font-size: 20px;
  line-height: 140%;
}

#filterbox ul li a {
  color: var(--color-black);
}

div#filterbox ul li.aktiv a {
  text-decoration: underline;
}

/* =========================
   TEAM DETAIL
   ========================= */

.team-cols {
  padding-right: calc(var(--gapunit) * 3);
  padding-left: calc(var(--gapunit) * 3);
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(var(--gapunit) * 1);
  max-width: var(--maxbreite);
}

.team-col-vita {
  width: 50%;
  display: inline-block;
  float: left;
}

.team-col-image {
  margin-left: calc(var(--gapunit) * 2);
  width: calc(50% - calc(var(--gapunit) * 2));
  display: inline-block;
  float: left;
}

.team-cols h2,
.team-cols h3,
.team-cols .ce-bodytext p {
  padding-right: 0;
  padding-left: 0;
}

.team-cols h3 {
  margin-bottom: 30px;
}

/* @group TinyAccordion */

.tx-tinyaccordion-pi1 {
	  padding-right: calc(var(--gapunit) * 3);
  padding-left: calc(var(--gapunit) * 3);
    max-width: var(--maxbreite);
	  margin-left: auto;
  margin-right: auto;
	}
	
	
	.tx-tinyaccordion-pi1 .ce-bodytext p {
  font: var(--font-p);
  padding: 0 0 20px;
}



	ul.tinyaccordion {list-style:none; background:none !important;}
	ul.tinyaccordion li {background:none !important; padding-left:0px;}
	ul.tinyaccordion h4 {margin: 0 0 6px 0;padding-left: 0; cursor:pointer;
	background: url(none) 0 3px no-repeat;
	  font: var(--font-hII);
	}
	ul.tinyaccordion h4.acc-selected {background: url('/typo3conf/ext/tinyaccordion/Resources/Public/Images/minus.png') no-repeat 0 7px;}
	ul.tinyaccordion h4:hover {text-decoration:underline;}
	ul.tinyaccordion .acc-section {overflow:hidden;}
	ul.tinyaccordion .csc-default,
	ul.tinyaccordion ul.tinyaccordion,
	ul.tinyaccordion ul.tinyaccordion .news-single-item {padding: 0 0 10px 21px;}
	ul.tinyaccordion li .csc-header:first-child {display:none;}


/* @end */
/* =========================
   MEDIA QUERIES
   ========================= */

@media (max-width: 1500px) {
  div#mainnavi {
    grid-column-start: 6;
    grid-column-end: 24;
    margin-top: 24px;
    text-align: left;
    font: var(--font-nav-main);
  }
}

@media (min-width: 1024px) {
  mm-burger {
    display: none;
  }
}
@media (max-width: 1180px) {

 div#footer-row2 {
  grid-column-start: 11;
  grid-column-end: 18;
}
  
  #footer-row3 {
  grid-column-start: 18;
  grid-column-end: 24;
}

#footer-row4 {
  grid-column-start: 24;
  grid-column-end: 27;
}



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


  .ce-bodytext p {
    font: var(--font-p-mob);
    padding: 0 40px 20px;
  }

  #header-top {
    /* background-image: url(/fileadmin/templates/img/header_oben.png); */
    height: 70px;
    position: sticky;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: white;
    z-index: 3;
    display: block;
    float: left;

  }

  mm-burger {
    right: 20px;
    top: 25px;
    position: absolute;
    z-index: 10;
  }

  div#mainnavi {
    display: none;
  }

  #logo {
    margin-top: 12px;
    padding-left: 15px;
    width: 55px;
  }

  .frame.frame-default.frame-type-textmedia.frame-layout-30 {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
  }
}





@media (max-width: 950px) {


#footer-inner {
    width: 100%;
    padding-top: calc(var(--gapunit) * 1.5);
    padding-bottom: calc(var(--gapunit) * 2);
  }

  div#footer-row1 div.footerlogo.desktop {
    display: none;
  }

  div#footer-row1 div.footerlogo.mobile {
    display: block;
  }

  div#footer-row1 div.footerlogo.mobile a {
    color: var(--color-black);
  }

  #footer-row1 {
    grid-column-start: 2;
    grid-column-end: 27;
    margin-bottom: 24px;
  }

  div#footer-row2 {
    grid-column-start: 2;
    grid-column-end: 27;
    margin-bottom: 24px;
  }

  #footer div.ce-bodytext p {
    font: var(--font-p-footer);
    padding: 0;
  }

  #footer div.ce-bodytext p a:hover {
    text-decoration: underline;
  }

  #footer-row3 {
    grid-column-start: 2;
    grid-column-end: 27;
    margin-bottom: 24px;
  }

  #footer-row4 {
    grid-column-start: 2;
    grid-column-end: 27;
  }

  .footer-social {
    padding-bottom: 24px;
  }
  
    }
  
  
  
  
@media (max-width: 780px) {
  
  /* @group TinyAccordion */

.tx-tinyaccordion-pi1 {
	  margin-right: 15px;
  margin-left: 15px;
	}
	
	
	.tx-tinyaccordion-pi1 .ce-bodytext p {
  font: var(--font-p-mob);
  padding: 0 0 20px;
}

.tx-tinyaccordion-pi1 .ce-bodytext ul {
	padding-left: 0;
}

	ul.tinyaccordion {list-style:none; background:none !important; font: var(--font-p-mob);}
	ul.tinyaccordion li {background:none !important; padding-left:0px;}
	ul.tinyaccordion h4 {margin: 0 0 6px 0;padding-left: 0; cursor:pointer;
	background: url(none) 0 3px no-repeat;
	  font: var(--font-hII-mob);
	}
	ul.tinyaccordion h4.acc-selected {background: url('/typo3conf/ext/tinyaccordion/Resources/Public/Images/minus.png') no-repeat 0 7px;}
	ul.tinyaccordion h4:hover {text-decoration:underline;}
	ul.tinyaccordion .acc-section {overflow:hidden;}
	ul.tinyaccordion .csc-default,
	ul.tinyaccordion ul.tinyaccordion,
	ul.tinyaccordion ul.tinyaccordion .news-single-item {padding: 0 0 10px 21px;}
	ul.tinyaccordion li .csc-header:first-child {display:none;}


/* @end */
  div#c30.frame.frame-default.frame-type-textpic.frame-layout-1
    div.ce-textpic.ce-center.ce-above
    div.ce-bodytext
    p {
    color: var(--color-black);
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    -o-hyphens: manual;
    hyphens: manual;
    padding-right: 15px;
    padding-left: 15px;
  }

  .container_2cols_le header h2,
  .container_2cols_re header h2 {
    padding-left: 0;
    padding-right: 0;
    font: var(--font-hII-mob);
    padding-bottom: 48px;
  }

  .team-cols {
    margin-right: 15px;
    margin-left: 15px;
    margin-top: calc(var(--gapunit) * 0.9);
  }

  .team-col-vita {
    width: 100%;
    display: inline-block;
    float: left;
  }

  .team-col-image {
    margin-left: 0;
    width: 100%;
    display: inline-block;
    float: right;
  }

  div.header h3 span {
    font: var(--font-hIII-mob);
  }

  .team-cols h2,
  .team-cols h3 {
    font: var(--font-hIII-mob);
    padding-right: 0;
    padding-left: 0;
  }

  #filterbox {
    position: fixed;
    padding: 0 15px;
    background-color: white;
    top: 100px;
    right: 80px;
  }

  .ce-bodytext p strong {
    white-space: normal;
    hyphens: auto;
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 4;
    font-weight: bold;
  }

  .frame.frame-default.frame-type-textmedia.frame-layout-10 header h1 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 130%;
  }

  .frame.frame-default.frame-type-textmedia.frame-layout-10 header h2 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50px;
    font-size: 32px;
    line-height: 130%;
  }

  div#c1.frame.frame-default.frame-type-textmedia.frame-layout-10
    div.ce-textpic.ce-center.ce-above
    div.ce-bodytext
    p {
    padding-right: 0;
    padding-left: 0;
    font-size: 20px;
    hyphens: none;
  }

  div.language-select {
    display: none;
  }

  div#c85.frame.frame-default.frame-type-news_pi1.frame-layout-0 header h2,
  div#c84.frame.frame-default.frame-type-news_pi1.frame-layout-0 header h2 {
    padding: 0 calc(var(--gapunit) * 1);
    font-size: 24px;
  }

  .frame.frame-default.frame-type-textmedia.frame-layout-10 {
    padding: 0 calc(var(--gapunit) * 1) 45px calc(var(--gapunit) * 1);
  }

  .frame.frame-default.frame-type-textmedia.frame-layout-20 {
    padding: 0 calc(var(--gapunit) * 1) 45px calc(var(--gapunit) * 1);
  }

 .frame.frame-default.frame-type-textmedia.frame-layout-20 header h2 {
display: block !important;
  float: none !important;
  width: 100% !important;
  padding: 0 0 20px;
 	 font: var(--font-hII-mob);

 
  }
.frame-layout-20 div.ce-bodytext p {
	
	 font: var(--font-p-mob);
	padding-right: 0;
		padding-left: 0;
}


 .frame.frame-default.frame-type-textmedia.frame-layout-20
    div.ce-textpic.ce-center.ce-above
    div.ce-bodytext {
    width: 100%;
    
	display: block;
  }

  container_2cols,
  .container_2cols_le,
  .container_2cols_re {
    width: 100%;
    display: block;
  }

  .container_col:first-child {
    width: 100%;
    display: inline-block;
  }

  .container_2cols_le .container_col_brighter {
    grid-column-start: 1;
    grid-column-end: 15;
  }

  .container_2cols_re {
    display: flex;
    flex-direction: column;
  }

  .container_2cols_le .container_col_smaller {
    padding-top: calc(var(--gapunit) * 1.5);
    padding-bottom: calc(var(--gapunit) * 1.5);
    padding-left: calc(var(--gapunit) * 1);
    padding-right: calc(var(--gapunit) * 1);
  }

  .container_2cols_re .container_col_smaller {
    padding-top: calc(var(--gapunit) * 1.5);
    padding-bottom: calc(var(--gapunit) * 1.5);
    padding-left: calc(var(--gapunit) * 1);
    padding-right: calc(var(--gapunit) * 1);
    order: 2;
  }

  .container_2cols_re .container_col_brighter {
    order: 1;
  }

  div.ce-column figure.image img.image-embed-item {
    width: 100%;
    float: left;
  }

  .container_2cols_le .ce-bodytext p,
  .container_2cols_re .ce-bodytext p {
    padding-left: 0;
    padding-right: 0;
  }

  h1 {
    font: var(--font-hI-mob);
    padding: calc(var(--gapunit) * 1) 0;
  }

  .spalte-wrapper-inner {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    width: 100%;

		
  }

  
}

/* =========================
   FOCUS / TAP HIGHLIGHT
   ========================= */

/* Nur Mausklicks/Touch: keinen Fokus-Rand zeigen */
:focus:not(:focus-visible) {
  outline: none;
}

/* Spezifisch für die Projekt-Detail-Ansicht (Klasse ggf. anpassen) */
.project-detail a:focus:not(:focus-visible),
.project-detail img:focus {
  outline: none;
}

/* iOS/Safari Tap-Highlight entfernen */
.project-detail a,
.project-detail img {
  -webkit-tap-highlight-color: transparent;
}

/* Falls irgendwo noch ein alter Bildrand auftaucht */
.project-detail img {
  border: 0;
}

/* @group HEADER EINBLNENDE */

#header-top {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: transform 0.3s ease;
  background-color: var(--color-white);
}

#header-top.hide {
  transform: translateY(-100%);
}

/* Entfernt den Fokusrahmen */
a:focus,
a:focus img {
  outline: none;
}
/* @end */