/* v 1.0 */
/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/maven-pro-v32-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven-pro-v32-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v32-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v32-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v32-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v32-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-500 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/maven-pro-v32-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven-pro-v32-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v32-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v32-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v32-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v32-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-600 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/maven-pro-v32-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven-pro-v32-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v32-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v32-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v32-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v32-latin-600.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/*
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/fa-regular-400.woff2") format("woff2"), 
  url("../fonts/fa-regular-400.woff") format("woff"), 
  url("../fonts/fa-regular-400.ttf") format("truetype"), 
  url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); 
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-regular-900.eot");
  src: url("../fonts/fa-regular-900.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/fa-regular-900.woff2") format("woff2"), 
  url("../fonts/fa-regular-900.woff") format("woff"), 
  url("../fonts/fa-regular-900.ttf") format("truetype"), 
  url("../fonts/fa-regular-900.svg#fontawesome") format("svg"); 
}
*/



html { font-size: 67%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; box-sizing: border-box;}

:root {
  --background: rgb(255, 255, 255);
  --color: rgb(75, 75, 75);
  --even: rgb(240,240,240);
  --blau: rgb(156,206,243);
  --gelb: rgb(235,218,0);
  --gruen: rgb(175,172,20);
  --rot: rgb(206,106,104);
  --violett: rgb(140,130,174);
  --linien: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 693.77 296.71'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;%7D.cls-3%7Bclip-path:url(%23clippath);%7D.cls-2%7Bstroke:%23d2d2d1;%7D%3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='693.77' height='296.71'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Cline class='cls-2' x1='.11' y1='158.28' x2='693.65' y2='.49'/%3E%3Cline class='cls-2' x1='.11' y1='181.27' x2='693.65' y2='23.48'/%3E%3Cline class='cls-2' x1='.11' y1='204.26' x2='693.65' y2='46.47'/%3E%3Cline class='cls-2' x1='.11' y1='250.24' x2='693.65' y2='92.45'/%3E%3Cline class='cls-2' x1='.11' y1='227.25' x2='693.65' y2='69.46'/%3E%3Cline class='cls-2' x1='.11' y1='296.22' x2='693.65' y2='138.43'/%3E%3Cline class='cls-2' x1='.11' y1='273.23' x2='693.65' y2='115.44'/%3E%3C/g%3E%3C/svg%3E");
}

* { margin: 0; padding: 0; box-sizing: border-box;}

body {
background: var(--background);
color: var(--color);
font-family: 'Maven Pro';
font-weight: 400;
font-size: 2rem; 
line-height: 3rem;
margin: auto;
max-width: 1280px;
min-height: 100vh;
}
#body-wrapper {
padding: 0rem 0 0 0;
}
joomla-alert[type="warning"] {
  border-radius: 0;
  margin: 0 0 2rem 0;
}
joomla-alert[type="warning"] {
  background-color: var(--gelb);
  border-color: none;
  color: var(--color);
}
joomla-alert[type="info"] {
  background-color: var(--blau);
  border-color: none;
  color: var(--color);
}

header {
    position: relative;
    width: 100%;
    padding: 2rem 3rem 2rem 3rem;
    background: var(--background) url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 693.77 296.71'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;%7D.cls-3%7Bclip-path:url(%23clippath);%7D.cls-2%7Bstroke:%23d2d2d1;%7D%3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='693.77' height='296.71'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Cline class='cls-2' x1='.11' y1='158.28' x2='693.65' y2='.49'/%3E%3Cline class='cls-2' x1='.11' y1='181.27' x2='693.65' y2='23.48'/%3E%3Cline class='cls-2' x1='.11' y1='204.26' x2='693.65' y2='46.47'/%3E%3Cline class='cls-2' x1='.11' y1='250.24' x2='693.65' y2='92.45'/%3E%3Cline class='cls-2' x1='.11' y1='227.25' x2='693.65' y2='69.46'/%3E%3Cline class='cls-2' x1='.11' y1='296.22' x2='693.65' y2='138.43'/%3E%3Cline class='cls-2' x1='.11' y1='273.23' x2='693.65' y2='115.44'/%3E%3C/g%3E%3C/svg%3E") no-repeat fixed  center -12vw / contain;
    z-index: 999;
  }
header .custom {
  display: flex;
  flex-direction: row-reverse;
} 
#logo {
  height: 15rem;
}

/* NAVIGATION XMENU  */

.nav-toggle {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.nav-toggle:focus ~ .nav-toggle-label {
 /* outline: 3px double var(--rot); */
}

.nav-toggle-label {
  position: absolute;
  top: 0;
  left: 3rem;
  margin: 0rem 0rem 0rem 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after {
  display: block;
  background: var(--gruen);
  height: 0.35rem;
  width: 3rem;
  border-radius: 0.2rem;
  position: relative;
}

.nav-toggle-label span::before,
.nav-toggle-label span::after {
  content: '';
  position: absolute;
}

.nav-toggle-label span::before {
  bottom: 0.75rem;
}

.nav-toggle-label span::after {
  top: 0.75rem;
}


.nav-toggle:checked ~ .navigation {
  transform: scale(1,1);
}

.nav-toggle:checked ~ .navigation a {
  opacity: 1;
  transition: opacity 250ms ease-in-out 250ms;
}
.nav-toggle:checked ~ label span {
  height:3rem;
  background: var(--background);
  transition: linear 125ms;
}

.nav-toggle:checked ~ label span::before {
  transform: rotate(45deg);
  bottom: 1.33rem;
}

.nav-toggle:checked ~ label span::after {
  transform: rotate(-45deg);
  top: 1.33rem;
}

nav.navigation {
    display: flex;
    margin: 0 0 -1rem 0rem;
    align-self: baseline;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background: var(--background);
    width: 100%;
    transform: scale(0, 1);
    transform-origin: left;
    transition: transform 400ms ease-in-out;
    }
    ul.hauptnavigation  {
    margin:0;
    padding: 0 0 0 2rem;
      }
    .hauptnavigation li {
      position: relative;
      list-style: none;
      }
    .hauptnavigation li a, .hauptnavigation li ul li a {
      display: inline-block;
      width: 100%;
      padding: 0.5rem 1rem;
      white-space: pre;
      background: var(--background);
      }
    .hauptnavigation li ul {
      text-align: left;
      margin:0 0 0 3rem;
      padding:0;
      font-size: smaller;
      line-height: 120%;
    }
    .hauptnavigation li ul, .hauptnavigation li ul li {
      display: block;
      min-width:100%;
      } 


main{
  padding: 3rem 0 6rem 0;
  background: var(--background) url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 693.77 296.71'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;%7D.cls-3%7Bclip-path:url(%23clippath);%7D.cls-2%7Bstroke:%23d2d2d1;%7D%3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='693.77' height='296.71'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Cline class='cls-2' x1='.11' y1='158.28' x2='693.65' y2='.49'/%3E%3Cline class='cls-2' x1='.11' y1='181.27' x2='693.65' y2='23.48'/%3E%3Cline class='cls-2' x1='.11' y1='204.26' x2='693.65' y2='46.47'/%3E%3Cline class='cls-2' x1='.11' y1='250.24' x2='693.65' y2='92.45'/%3E%3Cline class='cls-2' x1='.11' y1='227.25' x2='693.65' y2='69.46'/%3E%3Cline class='cls-2' x1='.11' y1='296.22' x2='693.65' y2='138.43'/%3E%3Cline class='cls-2' x1='.11' y1='273.23' x2='693.65' y2='115.44'/%3E%3C/g%3E%3C/svg%3E") no-repeat fixed  center -12vw / contain;
} 
    

section {
    padding: 3rem;
}
section:nth-child(even) {
  padding: 3rem;
  background-color: var(--violett);
    border-radius: 3rem;
 /*   background: var(--background) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 278.94 150.61'%3E%3Cg style='isolation:isolate;'%3E%3Cg id='Ebene_1'%3E%3Cg style='mix-blend-mode:multiply;'%3E%3Cpath d='M241.5,0c23.48,0,40.09,18.88,37.09,42.17l-8.72,67.76c-3,23.29-24.45,41.49-47.92,40.65l-179.45-6.45C19.02,143.29,0,123.57,0,100.09V42.52C0,19.04,19.04,0,42.52,0H241.5Z' style='fill:%238781a8;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
*/
}
div.mod-articlesnews__item {
  margin-bottom: 6rem;
}

#unten {
  background: none;
  padding: 9rem 3rem 3rem 3rem;
}
#unten .newsflash {
  display: grid;
  gap: 6rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

figure {
  margin: 0 0 3rem 0;
}
img {
  max-width: 100%;
}

/* TYPO */

h1 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 3rem;
  line-height: 3rem;
  margin: 0 0  6rem 0;
}
.page-header h1 {
  margin: 3rem 0 3rem 0;
}
.blog .page-header h1 {
color: var(--background);
}
h2 {
  color: var(--gruen);
  font-weight: 500;
  font-size: 2.5rem;
  margin: 1rem 0 2rem 0;
  background: var(--background);
}
h2[itemprop="name"] {
  background: none;

}
h2[itemprop="name"] a {
  color: var(--background);
  font-size: 2rem;
  margin: 0rem 0 2rem 0;
}
h3 {
  color: var(--gruen);
  font-weight: 500;
  font-size: 2rem;
  margin: 1rem 0 2rem 0;
  background: var(--background);
}
h4 {
  font-weight: 500;
  font-size: 2rem;
  margin: 1rem 0 0rem 0;
  background: var(--background);
}

p, main ul {
    margin-bottom: 2rem;
    background: var(--background);
}
ul, ol { margin: 0 1rem 1.5rem 0; padding: 0 0 0 2rem; }
dd { margin: 0 0 0  2rem; }
    
a { text-decoration: underline; color: var(--blau); }
a:visited { color: var(--gruen); }
a:hover { color: var(--rot);  }
a:focus { outline: 1px dotted --rot; }

/*
.joomla-hidden-mail::before {
  font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f0e0";
}
.website::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f109";
}
.adresse::before {
  font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f015";
}
.telefon::before {
  font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f3cf";
}
*/

b, strong { font-weight: 600; }

blockquote { margin: 1rem 2rem; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid var(--gruen); margin: 1rem 0; padding: 0; }

small { font-size: 85%; }

/* Text höher oder tiefer stellen ohne die Zeilenhöhe zu beeinflussen: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5rem; }
sub { bottom: -0.25rem; }

.wf-column:nth-child(odd) {
  color:var(--gruen)
}
.wf-column:nth-child(even) {
  width: calc(100% * 2 / 3.001) !important;
  flex: 3;
}


/* VIDEO */
iframe, .iframe {
    position: relative; 
    height: 0; 
    overflow: hidden; 
    max-width: 100% !important;
    height: auto;
    margin: 0 0 6rem 0;
    aspect-ratio: 16 / 9;
    border: 1px solid;
  }
  
.iframe iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    border: 0;
  }


/* STARTSEITE */


.aktuell, .termine-items {
    display: grid;
    gap: 3rem;
    grid-auto-flow: column;
    overflow-x: auto;
    -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
 }
 .aktuell .blog-items::-webkit-scrollbar, .termine-items::-webkit-scrollbar {
        display: none;
        /* for Chrome, Safari, and Opera */
      }
.slider {
  display: grid;
  align-items: center;
  margin: 0 0 2rem 0;
}

/* PFEILE */

.pfeil {
  display:none;
}
.slider .pfeil:last-child {
  justify-self: end;
}

/* TERMINE STARSEITE 

.termine-items {
        grid-auto-columns: 100%;
     }
.termine-item {
    scroll-snap-align: start;
}
.termine-items:last-child { 
    scroll-snap-align: end !important;
}
.jev_imagethumb1 {
  border: 1px solid;
  width: 100%;
  margin: 0 0 3rem 0;
}
.termine-item h2 {
  margin: 1rem 0 0 0;
}
*/
/* AKTUELL STARSEITE */

.item-image img {
  outline: 1px solid var(--gruen);
  border-radius: 3rem;
}
.blog-item img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

                    
/* MEDIEN */

.medien {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-auto-columns: unset;
  overflow-x: unset;
  grid-auto-flow: unset;
  
}

/* Einleitungsbilder */

.item-page-medien img {
  width: 100%;
  border: 1px solid;
}
.dvd .blog-item img {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border: 1px solid;
}
.video .blog-item img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid;
}
.foto .blog-item img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border: 1px solid;
}
.contain img {
  object-fit: contain;
}

/* BEITRAEGE */

.com-content-article .com-content-article__body p:last-child::after {
content: ' ';
  display: block;
  clear:both;
}
figcaption {
  font-size: smaller;
}

/* Klassen zum Ausrichten und für Größe der Bilder */

.com-content-article .halbe-breite, .com-content-article .drittel-breite, .com-content-article .volle-breite {
  width: 100%;
  margin: 0 0 1rem 0;
}

 /* JEVENTS */

 #jevents_body, #jev_maincal {
  border: none;
  background-color: unset;
  border-radius: unset;
  padding: unset;
}
#jevents_body .jev_evdt {
  padding: 0;
}
.sr-only {
  display: none;
}
.jev_toprow, div.new-navigation, .jev_clear {
  padding-bottom: 1.5rem;
  margin: 0;
}
.nav-items {
  width: unset;
  display: block;
}
.nav-items > div {
  border: none !important;
  margin: 0;
  padding: 0;
  line-height: inherit;
}
#jevents_body .nav-items > div a, .nav-items > div.active a {
  background-color: inherit !important;
  padding: 0;
  text-decoration: inherit;
  color: inherit;
}
#jevents_body .nav-items > div a:hover, #jevents_body .nav-items > div.active a:hover, .jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
  margin: 0 !important;
  padding: 0;
  background-color: inherit;
  text-decoration: underline;
  border-left: none;
  color: inherit;
  font-size: inherit;
}
.jev_header2 {
  display: flex;
  align-items: center;
-webkit-align-items: center;
justify-content: space-evenly;
}
.jev_toprow div.currentmonth , .jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
  width: auto;
  border: none;
  line-height: inherit;
  color: inherit !important;
  font-weight: inherit;
}
#jevents_body .jev_toprow div.previousmonth a, #jevents_body .jev_toprow div.nextmonth a {
  font-size: inherit;
  padding: 0;
  color: inherit;
  background: none;
  text-decoration: none;
}
.jev_listview .jev_listrow,  .jev_listrow ul {
 padding: 0;
 margin: 0;
 border: none;
}
#jevents_body .jev_listview .jev_listrow li {
  list-style: none;
  clear: both;
  border: none !important;
  margin: 0 !important;
  padding: 0 0 3rem 0;
}
.jev_daysnames {
  display: none;
}
a.ev_link_row:link, a.ev_link_row:visited, a.ev_link_row:hover {
   color: inherit;
}
a.ev_link_row:hover {
  color: inherit;
  text-decoration: underline;
}
.datum {
    font-size: 3rem;
}
.location {
    font-size: 2rem;
}
.jev_listrow .jev_imagethumb1 {
  width:100%;
  border: 1px solid;
  height: max-content;
 }
.jev_image1 {
  width:100%;
  border: 1px solid;
  margin: 0 0 1rem 0;
}

/* ANMELDUNG */
.type0param {
  display: grid;
  gap: 0 2rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

#registration-tab-pane .paramlist td {
  padding: 0 0 2rem 0;  
}
#jevents_body .paramlist_key {
  width: auto;
}
.star {
  color: var(--rot);
}
.jevbootstrap input[type="text"] {
  height: 3rem;
  font-size: 2rem;
  width:100% !important;
  font-family: 'Maven Pro';
}
.jevbootstrap input[type="submit"] {
  height: 3rem;
  font-size: 2rem;
  font-family: 'Maven Pro';
}
input {
  max-width: 100% !important;
}
.fieldtypejevrradio {
  vertical-align: top;
}
#rsvp_field5_span_ label {
  display: block !important;
}
input[type="submit"] {
  background: var(--gruen);
  color: var(--background);
  border: none;
  box-shadow: none;
  padding: 0rem 1rem;
}


/* BEITRAGSNAVIGATION UNTEN */

.pagination__wrapper {
  text-align: center;
}
.pagination__wrapper li {
  list-style: none;
  display:inline-block;
  padding: 0 3rem;
}

footer {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 3rem;
}
.navigation-fuss, #mod-custom125 { padding: 0;}

.navigation-fuss li { list-style: none; }



@media screen and (min-width: 664px) {

  ul.hauptnavigation  {
    display: flex;
      }
 .hauptnavigation li ul {
        margin:0 0 0 0rem;
      }     

/* STARTSEITE */


/* Klassen zum Ausrichten und für Größe der Bilder */

.com-content-article .drittel-breite {
  width: calc(50% - 1.5rem);
  margin: 0 3rem 1rem 0;
  display: inline-block;
  float:left;
}
.com-content-article .halbe-breite {
  width: calc(50% - 1.5rem);
  margin: 0 3rem 1rem 0;
  display: inline-block;
  float:left;
}
.newsflash-image {
  width: calc(50% - 1.5rem);
  margin: 0 0rem 1rem 3rem;
  display: inline-block;
  float:right;
}
.com-content-article .volle-breite {
  width: 100%;
  margin: 0 0 1rem 0;
  display: inline-block;
}

.jev_listrow .jev_imagethumb1 {
  width: calc(50% - 1.5rem);
  height: max-content;
 }
.jev_image1 {
  width:50%;
  border: 1px solid;
  margin: 0 0 1rem 3rem;
  float:right;
}

}

/* DESKTOP */

@media not screen and (pointer: coarse) {

  html { font-size: clamp(12px, 75%, 20px);}

  #body-wrapper {
    position: relative;
    width:100%;
  }

  .nav-toggle-label {
    display: none;
  }
  header {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;    
    max-width: 1280px;
  }
  
  nav.navigation {
    // all: unset; /* this causes issues with Edge, since it's unsupported */
    
    /* the following lines add Edge support */
    position: relative;
    text-align: left;
    transition: none;
    transform: scale(1,1);
    background: none;
    top: initial;
    left: initial;
    /* end Edge support stuff
    
    grid-column: 3 / 4; */
    display: flex;
    align-items: center;
  }
  ul.hauptnavigation  {
    display: flex;
    margin:0 0 0 -1rem;
    padding: 0;
      }
    .hauptnavigation li {
      position: relative;
      list-style: none;
      }
    .hauptnavigation li a, .hauptnavigation li ul li a {
      display: inline-block;
      width: 100%;
      padding: 0.5rem 1rem;
      white-space: pre;
      }
    .hauptnavigation li ul {
      position: absolute;
      z-index: 99;
      text-align: left;
      background: rgba(0, 0, 0, 0.8);
      top: 100%;
      left: 0;
      transform: scale(1, 0);
      transform-origin: top;
      transition: transform 400ms ease-in-out;
      margin:0;
      padding:0;

    }
    .hauptnavigation li ul, .hauptnavigation li ul li {
      display: block;
      min-width:100%;
      } /**/
    /*  .nav li a {
    pointer-events: none;
    }*/
    
    /*
    nav li a:hover {
    color:#fff;
    }*/
    nav li a ~ ul a {
      opacity: 0;
      transition: opacity 150ms ease-in-out;
    }
    
    nav li:hover a ~ ul {
      transform: scale(1,1);
    }
    nav li:hover a ~ ul a {
      opacity: 1;
      transition: opacity 250ms ease-in-out 250ms;
    }

    main{
      padding: 19rem 0 6rem 0;
      background: var(--background) url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 693.77 296.71'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;%7D.cls-3%7Bclip-path:url(%23clippath);%7D.cls-2%7Bstroke:%23d2d2d1;%7D%3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='693.77' height='296.71'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Cline class='cls-2' x1='.11' y1='158.28' x2='693.65' y2='.49'/%3E%3Cline class='cls-2' x1='.11' y1='181.27' x2='693.65' y2='23.48'/%3E%3Cline class='cls-2' x1='.11' y1='204.26' x2='693.65' y2='46.47'/%3E%3Cline class='cls-2' x1='.11' y1='250.24' x2='693.65' y2='92.45'/%3E%3Cline class='cls-2' x1='.11' y1='227.25' x2='693.65' y2='69.46'/%3E%3Cline class='cls-2' x1='.11' y1='296.22' x2='693.65' y2='138.43'/%3E%3Cline class='cls-2' x1='.11' y1='273.23' x2='693.65' y2='115.44'/%3E%3C/g%3E%3C/svg%3E") no-repeat fixed  center -12vw / contain;
    }

/* TYPO */

h1 {
  font-size: 4rem;
  line-height: 4rem;
}
.page-header h1 {
  margin: 3rem 0  6rem 0;
}
h2 {
     font-size: 3rem;
 }

/* STARTSEITE */



/* Klassen zum Ausrichten und für Größe der Bilder */

.com-content-article .drittel-breite, .com-content-category-blog .drittel-breite {
  width: calc(30% - 1.5rem);
  margin: 0 3rem 1rem 0;
  display: inline-block;
  float:left;
}
.com-content-article .halbe-breite, .com-content-category-blog .drittel-breite {
  width: calc(50% - 1.5rem);
  margin: 0 3rem 1rem 0;
  display: inline-block;
  float:left;
}
.com-content-article .volle-breite, .com-content-category-blog .volle-breite {
  width: 100%;
  margin: 0 0 1rem 0;
  display: inline-block;
}

 /* JEVENTS */

.jev_listrow .jev_imagethumb1 {
  width: calc(30% - 1.5rem);
  height: max-content;
 }
.jev_image1 {
  width: calc(50% - 1.5rem);
  border: 1px solid;
  margin: 0 0 1rem 3rem;
  float: right;
}
.type0param td[colspan="2"] {
  grid-column: 2 / -1;
}
#jevents_body .paramlist_value {
  grid-column-end: span 2;
}
.navigation-fuss li { display:inline; margin: 0; padding-right: 2rem;}

}