/* source-sans-3-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-200italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-300italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-regular.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-500.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-600.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-700.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-800.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin/source-sans-3-v15-latin-900.svg#SourceSans3') format('svg'); /* Legacy iOS */
}


/* hepta-slab-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hepta-slab-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hepta-slab-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hepta-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hepta-slab-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hepta-slab-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hepta-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hepta-slab-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hepta-slab-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hepta Slab';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/hepta-slab/hepta-slab-v23-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ###################################################### */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../material-icons/MaterialIcons-Regular.eot);
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../material-icons/MaterialIcons-Regular.woff2) format('woff2'),
    url(../material-icons/MaterialIcons-Regular.woff) format('woff'),
    url(../material-icons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}
html {width: 100%; height: 100%;}
body { width: 100%;height:100%; min-width:320px;margin:0; padding: 0; font-family: 'Source Sans 3', sans-serif; font-weight:300; font-size: 1.15em; color:#2B2B2B;}
article {hyphens:auto;}
*,div,p,h1,h2,h3,h4,h5{box-sizing:border-box;transition: 0.6s;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}
* a {text-decoration:none;border:none;}
p {margin:0;margin-bottom:12px;}
h1,h2,h3,h4,h5 {margin-top:0;font-weight:400;}
img {width:100%;height:auto;vertical-align:bottom;}
article,header,picture,figure,figcaption,aside,footer {margin:0;padding:0;}
*, article,header,picture,figure,aside,footer,div,a,p,h1,h2,h3,h4,h5, ul li {box-sizing:border-box;}
*, *.sticky, *, *:hover {transition: all 0.4s ease-out;}
div.bg-box { height:100%; width:100%; position:fixed; top:0; left:0; z-index:-1; background-repeat: no-repeat; background-position: left top; background-size:cover;}
/* 2024-10-02 */
body {min-width:320px;}
/* Logo */
div.logo {position:fixed;top:0px;right:32px;z-index:600;color:#fff;z-index:400;opacity:1;}
div.logo div.span0001,div.logo div.span0002 {color:rgba(255,255,255,0.8);width:100%;text-align:center;}
div.logo div.span0001,divlogo div.span0002,divlogo, div.span0003 {color:#1d1d1d;width:100%;text-align:center;}
div.logo div.span0001 {font-size:1.725em;margin-top:68px;font-family: 'Hepta Slab';font-weight:400;letter-spacing:2px;color:rgba(255,255,255,0.65)}
div.logo div.span0002 {font-size:1.1175em;font-weight:200;}
div.logo div.span0003 {font-size:1.725em;font-weight:400;color:#837565;}

/**/
div.box-main {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding-right:400px;}
/*################################################################################################*/
/* aktuell */
div.aktuell { position:absolute; top:0; left:0; width:320px; height:auto; text-align:right; font-size:1.1em; line-height:100%; font-weight:200; color:rgba(5,5,5,0.65); font-weight:200; padding:24px 0 24px 12px; margin-top:48px; border:dashed 12px rgba(255,255,255,0.245); border-left:none; border-right:none; transform: rotate(-1deg); }
div.inhalt-bg {position:fixed;top:0;left:0;width:100%;height:100%;background-image: url(images/hintergrund/atelier-02.jpg); background-repeat: no-repeat; background-position: right bottom; background-size:cover;z-index:1;}
div.inhalt { position:absolute; z-index:999; top:0; left:0; width:100%; height:auto; overflow:visible; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:flex-start; padding-top:140px; box-sizing:border-box; /*border-left:solid 68px #858585; */}
div.seitentitel {width:100%;font-size:170px;color:rgba(125,125,125,0.45);font-weight:400;text-align:right;padding-right:12px;}
div.seitentitel-flexline {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;margin:62px;margin-left:0;margin-right:0;}
/* aktuell */
div.aktuell {width:auto;height:auto; text-align:right; font-size:1.1em; line-height:100%; font-weight:200; color:rgba(255,255,255,0.65); font-weight:200; padding:24px; padding-right:0; padding-left:12px;border:dashed 12px rgba(255,255,255,0.2); border-left:none; border-right:none;transform: rotate(-1deg);background-color:rgba(255,255,255,0.1);padding-right:9px;}
div.aktuell div, div.aktuell span {display:block;}
div.aktuell div.zeit {}
div.rubrik {margin-bottom:16px;block;font-size:2.3em;}
div.ort {margin:15px;margin-left:0;margin-right:0;line-height:90%;font-size:1.3em;font-weight:300;letter-spacing:1px;}
div.ort span {font-size:0.625em;margin-top:3px;}
div.thema {margin-bottom:9px;font-size:2.3em;line-height:120%}
div.vernisage {font-size:0.8em;line-height:122%;margin-top:12px;font-weight:100;}
div.aktuell div.link {margin-top:9px;}
div.aktuell div.link a { color:rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.3); line-height:80%; font-size:16px; padding:10px; padding-right:9px;padding-top:0; padding-bottom:0; text-decoration:none; margin-top:3px; border-radius:9px; background-image: url(../../images/workshops-pfeil.png); background-repeat: no-repeat; background-position: left center; background-size:auto 12px;border:solid 1px rgba(255,255,255,0.1)}
div.rubrik, div.thema {letter-spacing:0.025em;}
/* ----- TOOLS ----- */ 

/*baguetteBox */
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.3.1
 * @url https://github.com/feimosi/baguetteBox.js
 */
/* WTP KMB 2025-02-03, 16:27*/
#baguetteBox-overlay { 
display: none; 
opacity: 0; 
position: fixed; 
overflow: hidden; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
z-index: 1000000;
background-image: url(../../images/baguetteboxOne/logo-2.png); 
background-repeat: no-repeat; 
background-position: center 97% ;
background-size:70% auto;
background-color:rgba(115,115,115,0.99); 
}
#baguetteBox-overlay.visible {
  opacity: 1;
}
#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 80%;
}
#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 80%;
  max-width: 80%;
  padding:1px;
  background-color:rgba(5,5,5,0.2.5);
  box-sizing:border-box;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {display: block; position: absolute; bottom: 0; width: 100%; text-align: center; padding-top: 2em; padding-bottom: 2em;color:rgba(255,255,255,0.6); font-size: 0.815em;letter-spacing:1px;font-family: sans-serif;opacity:0.8;transition: 0.6s;}
#baguetteBox-overlay .full-image figcaption:hover {opacity:1;transition: 0.6s;;}
#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
/* ########## ende test */
#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease; transition: left 0.4s ease, -webkit-transform 0.4s ease; -o-transition: left 0.4s ease, transform 0.4s ease; transition: left 0.4s ease, transform 0.4s ease; transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease; }
#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight 0.4s ease-out; animation: bounceFromRight 0.4s ease-out;}
#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft 0.4s ease-out; animation: bounceFromLeft 0.4s ease-out;}
/* Hintergrund der next Buttons */
.baguetteBox-button#next-button,.baguetteBox-button#previous-button {top: 50%; top: calc(50% - 30px); width: 24px; height: 30px;background-color:none;}
/* ################# Farbe Button  einstellbar in baguetteBox.js ################ -- */

.baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; border-radius: 15%; -webkit-transition: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease; font-family: sans-serif; font-size: 1em; background:none!important}
.baguetteBox-button:hover {}
.baguetteBox-button#next-button {right: 2%;}
.baguetteBox-button#previous-button {left: 2%;}
.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }
.baguetteBox-button#close-button, .baguetteBox-button#previous-button  {background:none;}
/* ende BaguetteBox  */ 
/* TOOLS:   ACCORDEON   NAVIGATION   -   BAGUETTE   -  SLIDER */
/* ############################ NAVIGATION  ########################### */
/*
Original: https://www.jqueryscript.net/demo/Off-canvas-Burger-Menu-jQuery-CSS3/#
Kopie 2021-05-21
Lizenz: MIT
bearbeitet 2021-05-21 * 2024-09-05 / WB KMB
*/
nav *, nav *:before, nav *:after {margin: 0;padding: 0;box-sizing: border-box;}
.burger {/*background:rgba(255,255,255,0.15);*/padding-right:12px;width: 50px; height: 51px; position: absolute; top: 22px; right: 32px; border-radius: 4px; z-index: 999; }
.burger span {position: relative; margin-top: 8px; margin-bottom: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -1.5px; }
.burger span:first-child {}
.burger span, .burger span::before, .burger span::after { display: block; width: 40px; outline: 1px solid transparent; -webkit-transition-property: background-color, -webkit-transform; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; transition-property: background-color, transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.burger span, .burger span::before, .burger span::after,.burger span:first-child  {height:0.05em}
.burger span::before, .burger span::after {position: absolute;content:""}
.burger span::before {top: -9px;}
.burger span::after {top: 9px;}
.burger.clicked span { background-color: transparent; }
.burger.clicked span::before { -webkit-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
.burger.clicked span::after { -webkit-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
.burger.clicked span:before, .burger.clicked span:after {}
.burger:hover { cursor: pointer; }
nav { display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center;background-color:#0e1a1f;position:fixed; z-index: 998; overflow:hidden;top: 0; right: 0; height: 100%; width: 100%;max-width: 515px;  padding: 0; overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
nav.show { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
nav.show ul.main li { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
nav.show ul.main li:nth-child(1) {transition-delay: 0.15s;}
nav.show ul.main li:nth-child(2) {transition-delay: 0.3s;}
nav.show ul.main li:nth-child(3) {transition-delay: 0.45s;}
nav.show ul.main li:nth-child(4) {transition-delay: 0.6s;}
nav.show ul.main li:nth-child(5) {transition-delay: 0.75s;}
nav.show ul.main li:nth-child(6) {transition-delay: 0.9s;}
nav.show ul.main li:nth-child(7) {transition-delay: 1.05s;}
nav.show ul.main li:nth-child(8) {transition-delay: 1.2s;}
nav.show ul.main li:nth-child(9) {transition-delay: 1.35s;}
nav.show .about, nav.show .social, nav.show ul.sub { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; transition-delay: .85s; }
@media (hover: none) {
body .burger {opacity:1s;}	
}
@media (min-width: 667px) {
nav {padding-left:64px;}
}
nav ul.main {list-style-type: none;}
nav ul.main li { margin-bottom: 20px; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
nav ul.main li:last-of-type { margin-bottom: 0px; }
nav ul.main li a { color: rgba(255,255,255,0.8); text-decoration: none; text-transform: uppercase; font-size: 1.5em; display: block; letter-spacing: 5px; font-weight: 600; padding: 10px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
nav ul.main li.logo {font-size:1.15em;margin-bottom:64px;font-weight:600;color:rgba(255,255,255,0.8);opacity:0.5;font-family: 'Hepta Slab';font-weight:300;opacity:1;}
div.logo {opacity:1;}
div.logo.sticky {opacity:0;transition: 1.6s;}
nav ul.main li.logo span {display:block;font-size:18px;font-weight:200;font-family: 'Source Sans 3', sans-serif;}
nav ul.main li.sub.first {margin-top:64px;padding-top:32px;border-top:solid 1px #fff;width:50%;margin-right:50%;}
nav ul.main li.sub {margin:0px;margin-bottom:9px;}
nav ul.main li.sub a {font-size:0.9em;font-weight:200;letter-spacing:0.15em;padding:0;margin:0;text-transform:inherit}
nav ul.main li a span {color:#b7ac7f;}
nav ul.main li a:hover {color:#b7ac7f;}
.overlay { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; min-height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: hidden; font-size: 1px; }
.overlay.show {background-color:rgba(0,0,0,0.725);visibility: visible;}
@media (max-width: 666px) {
nav {box-sizing:border-box;min-width:90%;width:100%;padding-left:64px;padding-right:32px;}
}
@media (max-width: 380px) {
nav ul.main li.logo {font-size:1.5em;padding-top:24px;}
nav ul.main li a {font-size: 1.175em;}
nav ul.main li.sub.first {width:100%;margin-right:0;}
nav ul.main li.sub a {font-size:16px;letter-spacing:0.15em;}
}
@media only screen and (max-width: 546px) {
.burger {width: 50px; height: 50px; position: absolute; top: 12px; right: 32px; border-radius: 4px; z-index: 999; }
}
@media only screen and (max-height: 600px) {
nav ul.main {margin-top:40px;position:absolute;top:0;right:0;padding-bottom:120px;font-size:0.8em;}
nav ul.main li { justify-content:flex-start; }
}
/* Ende Navi */
@media only screen and (max-width: 1700px) { 
#baguetteBox-overlay { 
background-position: center 92% ;
background-size:70% auto;
}
}
@media only screen and (max-width: 1600px) {
div.inhalt-bg {background-image: url(images/hintergrund/atelier-02-1600.jpg);} 
}
@media only screen and (max-width: 1024px) {
div.inhalt-bg {background-image: url(images/hintergrund/atelier-02-1024.jpg);}  
div.seitentitel {font-size:120px;}
}
@media only screen and (max-width: 760px) { 
div.logo {font-size:0.8em;}
div.box-main {position:absolute;top:120px;height:auto;left:0;padding:0;border:solid red 12px;}
div.aktuell div.rubrik {margin-bottom:4px;block;font-size:1.2em;}
div.aktuell div.ort {margin:15px;margin-left:0;margin-right:0;line-height:90%}
div.aktuell div.ort span {font-size:0.625em;margin-top:3px;}
div.aktuell div.thema {margin-bottom:4px;font-size:1.4em;}
div.aktuell div.vernisage {font-size:0.8em;line-height:122%;margin-top:12px;font-weight:100;display:none;}
div.rubrik, div.thema {letter-spacing:0.025em;}
}
@media only screen and (max-width: 680px) {
div.inhalt-bg {background-image: url(images/hintergrund/atelier-02-680.jpg);}  
div.seitentitel {font-size:80px;margin-bottom:48px;}
#baguetteBox-overlay { 
background-position: center 86% ;
background-size:96% auto;
}
}
@media only screen and (max-width: 520px) {
div.seitentitel {font-size:68px;margin-bottom:48px;}
div.aktuell {position:absolute;top:160px;right:12px;padding-right:12px}
}
@media only screen and (max-width: 380px) { 
div.seitentitel {font-size:58px;margin-bottom:48px;}
}
/**/