@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-pro/source-sans-pro-v13-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v13-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* ###################################################### */
@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;
  font-feature-settings: 'liga';
}
html {width: 100%; height: 100%;}
body { width: 100%;height:100%;min-height:100.1%;margin:0; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size: 1.15em; line-height:130%; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
#wrapper {width:100%;max-width:3000px;min-width:320px;margin-left:auto;margin-right:auto;}
h1,h2,h3,h4,h5 {margin:0;box-sizing:border-box;font-weight:300;-ms-hyphens: none; -webkit-hyphens: none; hyphens: none;line-height:105%}
a {text-decoration:none;color:#5E5E5E;transition: all 0.8s ease-out;}
a:hover {transition: all 0.8s ease-out;}
p {margin:0;margin-bottom:12px;}
figure,picture,aside {margin:0;padding:0;}
img {vertical-align:bottom;width:auto;height:auto;}
.tisch {display:table;width:100%;margin:0;padding:0;box-sizing:border-box;}
.tisch-reihe {display:table-row;}
.tisch-zelle {display:table-cell;box-sizing:border-box;}
header {float:left;width:100%;height:auto;overflow:hidden;}
.line {float:left;width:100%;clear:both;height:auto;}
/* Schaltflächen */
.show-02  {display:none;}
.mehr-filme .show-01  {display:none;}
.mehr-filme .show-02  {display:inherit;}
.schaltflaeche {float:left;width:100%;padding-top:3px;opacity:0.5;transition: all 0.8s ease-out;}
.schaltflaeche:hover {opacity:1;transition: all 0.8s ease-out;}
.schaltflaeche {float:left;width:100%;padding-top:3px;opacity:0.5;transition: all 0.8s ease-out;}
.schaltflaeche:hover {opacity:1;transition: all 0.8s ease-out;}
.schaltflaeche input[type="checkbox"]{display:none}
.schaltflaeche input[type="checkbox"] + label{position:relative;cursor:pointer;}
.schaltflaeche input[type="checkbox"] + label:before{width:42px;height:18px;border-radius:30px;border:2px solid #ddd;background-color:#EEE;content:"";margin-right:12px;transition:background-color .5s linear}
.schaltflaeche input[type="checkbox"] + label:after{width:18px;height:18px;border-radius:30px;background-color:#fff;content:"";transition:margin .1s linear;box-shadow:0 0 5px #aaa;position:absolute;left:2px;top:2px;}
.schaltflaeche input[type="checkbox"]:checked+label:before{background-color:#2b8718}
.schaltflaeche input[type="checkbox"]:checked+label:after{margin:0 0 0 30px}
.schaltflaeche button[type="submit"]{display:none}
.schaltflaeche .label-breite {width:100%;display: inline-flex; vertical-align: middle;text-align:right;}
.schaltflaeche .label-breite, .label-breite a {color:#eee;}
.schaltflaeche button[type="submit"] + label{position:relative;cursor:pointer;}
.schaltflaeche button[type="submit"] + label:before{width:42px;height:18px;border-radius:30px;border:2px solid #2b8718;background-color:#2b8718;content:"";margin-right:15px;transition:background-color .5s linear}
.schaltflaeche .close-it{width:auto;height:18px;border:2px solid #ddd;background-color:#EEE;content:"";margin-right:15px;transition:background-color .5s linear}
.schaltflaeche button[type="submit"] + label:after{width:17px;height:17px;border-radius:30px;background-color:#fff;content:"";transition:margin .1s linear;box-shadow:0 0 5px #aaa;position:absolute;left:26px;top:2px;border:solid 1px #ccc;}
.schaltflaeche button[type="submit"]:checked+label:before{background-color:#2b8718}
.schaltflaeche button[type="submit"]:checked+label:after{margin:0 0 0 30px}
.take-it input[type="checkbox"] + label, button[type="submit"] + label{display:inline-flex;font-size:1.2em;line-height:28px;font-weight:300;}
.label-kom-1, .label-kom-2 {margin:0;padding:0;padding-top:5px;text-align:left;}
.label-kom-1 {color:#000;font-size:0.8em;float:left;}
.label-kom-2 {color:#000;font-size:0.7em;}
/* Schaltflächen Ende */
.logo img {width:100%;height:auto;border-left:solid 1px #fff;}
.logo.sticky {width:154px;transition: all 0.4s ease-out;margin-left:-300px;}
#block-navi {transition: all 0.4s ease-out;z-index:100;}
/* ########################### Aktuelle Meldung ########## */
.meldung-2020 {padding-left:12px;padding-right:12px;width:100%;margin-bottom:0;box-sizing:border-box;} 
.meldung-2024 {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;}
.meldung-2024-box {width:50%;border:solid 1px #f1f1f1;padding:12px;padding-top:36px;padding-bottom:36px;background-color:rgba(255,255,255,0.2);box-sizing:border-box;}
.meldung-2024-box h2 span {font-weight:500;padding:6px;padding-top:0;padding-bottom:0;}
.meldung-2024-box img {float:left;width:77.5%;height:auto;}  
.meldung-2024-anfahrt {width:100%;height:380px;margin:0;padding:0;border:none;margin:0;margin-top:48px;box-sizing:border-box;padding-left:48px; 
box-sizing:border-box; background-image: url(../../images/veranstaltungsort-png.png); background-repeat: no-repeat; background-position: left top; background-size:auto 100%;background-color:#6488cb
}
.meldung-2024-anfahrt iframe {width:100%;height:380px;margin:0;padding:0;border:none;}
#meldung-termin h1 {}
#meldung-termin h2 {}
#meldung-termin h3 {}
h3 span.bemerkung {display:block;font-size:18px;font-weight:400;line-height:120%;margin-top:6px;margin-bottom:18px;font-style:italic;}
#meldung-text {font-size:1.1em;}
/* ############################################ ########### */
#block-navi.sticky {margin-right:-900px;transition: all 0.4s ease-out;}
.bg-top-2020 {position:fixed;top:0;left:0;z-index:-1;width:100%; background-color:#fff; background-image:url(../../images/0-bg-seite-1.jpg); background-repeat:no-repeat; background-size:auto 100%; padding-top:620px; background-position: right top; }
.meldung-2020 {float:left;width:100%;box-sizing:border-box;padding:10%;padding-top:300px;padding-bottom:92px;font-size:1.3em;line-height:140%;text-align:right;}
.meldung-2020 h1,.meldung-2020 h2,.meldung-2020 h3,.meldung-2020 h4 {font-weight:400;color:#707070;text-align:right;}
.meldung-2020 h1 {font-size:3em;margin-top:1em;margin-bottom:0.5em;}
.meldung-2020 h2 {font-size:2em;margin-bottom:0.75em;}
.meldung-2020 h3 {font-size:1.35em;margin-bottom:0.5em;}
.meldung-2020 h4 {font-size:0.75em;margin-bottom:1em;font-weight:300;}
.meldung-2020 h4 {transition: all 0.8s ease-out;}
.meldung-2020:hover h4 {color:#ff0000;transition: all 0.8s ease-out;}
/* Rubriken Startseite */
.content-startseite {float:left;clear:both;display:table;width:100%;height:auto;margin:0;padding:0;border:none;position:relative;z-index:14;} /* ############## Startseite */
.content-startseite .line {float:none;display:table-row;}
.content-startseite .material-icons {margin-top:1px;color:#fff;border-radius:90%;font-size:36px;}
.sec-2-a, .sec-2-b, .sec-3-a, .sec-3-b { display:table-cell; box-sizing:border-box; padding:62px;padding-left:4.5%; padding-top:5.5%; color:#fff; font-size:1.05em; text-align: left; vertical-align: top; } 
.sec-2-a p, .sec-2-b p, .sec-3-a p, .sec-3-b p {display:block;clear:both;} 
.sec-2-a p, .sec-2-b p, .sec-3-a p, .sec-3-b p {display:block;clear:both;}
.sec-2-a, .sec-3-b {width:37.5%;padding-right:6.25%;}
.sec-2-b, .sec-3-a {width:62.5%;} 
.col-grau {border-top:solid 1px #333;}
.sec-2-a, .sec-2-b  {border:solid 6px #f2f2f2;border-bottom:none;}
.sec-top-absolute .top-1 {border-bottom:solid 6px #f2f2f2!important;}
.sec-3-a, .sec-3-b {border:solid 6px #f2f2f2;}
.sec-2-b, .sec-3-b {border-left:none;}
.sec-2-a {  background-image: url(../../images/bg-002.jpg); background-repeat: no-repeat; background-size:cover; background-position: center bottom;}
.sec-2-b {  background-image: url(../../images/mne-01.png); background-repeat: no-repeat; background-position: 87% center;background-size:auto 380px;}
.sec-3-a {  background-image: url(../../images/bg-03-a.jpg); background-repeat: no-repeat; background-position: right bottom; background-size:auto 100%;}
.sec-3-b { background-image: url(../../images/logo/feet.png); background-repeat: no-repeat; background-position: 99.5% 25%; background-size:auto 100px;}

.sec-5-b { background-image: url(../../images/bg-workshop-start.png); background-repeat: no-repeat; background-position: right bottom; background-size:auto 96%;background-color:red;}

.sec-2-a, .col-2-a {background-color:#6fafc5;}
.sec-2-b, .col-2-b {background-color:#8277ad;}
.sec-3-a, .col-3-a {background-color:#d0857d;}
.sec-3-b, .col-3-b {background-color:#cba581;}
.blende-1 {width:100%;height:100%;position:relative;top:0;left:0;z-index:2;}
.blende-2 {width:100%;height:100%;position:absolute;top:0;left:0;background-color: rgba(136, 161, 217, 0.2);z-index:1;}
.slog-01, .slog-02 {letter-spacing:0.01em;}
.slog-01 {float:left;clear:both;width:auto; padding-bottom:18px;border-bottom:1px solid #fff; line-height:120%; font-size:3.2em;}
.slog-02 {float:left;clear:both;width:100%; padding-top:18px;padding-bottom:18px;line-height:120%; font-size:1.2em;text-transform:uppercase;font-weight:300;}
.slog-fliesstext {float:left;width:100%;clear:both;box-sizing:border-box;text-align:justify}
.weiter-01 {padding-top:20px;}
a.weiter {float:left;width:30px;height:30px;line-height:30px;border-radius:90%;background-color: rgba(255, 255, 255, 0.4);border:solid 1px #fff;text-decoration:none;text-align:center;font-weight:bold;color:#6fafc5;margin-top:12px;font-size:13px;}
/* folgeseiten */
.trans-weiss {background-color: rgba(255, 255, 255, 0.8);}
.sec-solo, .sec-solo-2 {float:left; width:100%; box-sizing:border-box; padding:10%;padding-top:32px;padding-bottom:0;margin-bottom:10%;background-color: rgba(255, 255, 255, 0.8);border-top:solid 1px #5C5C5C;}
.sec-solo { position:relative; z-index:999;}
.sec-solo header, .sec-solo-2 header {float:left;width:100%;margin:0;padding:0;font-size:0.85em;margin-bottom:1em;}
.sec-solo h1,.sec-solo-2 h1,.sec-solo h2, .sec-solo-2 h2,.sec-solo h3,.sec-solo-2 h3 {letter-spacing:0.01em;float:right;width:auto;clear:both;}
.sec-solo h1, .sec-solo-2 h1 {font-size:3.2em;padding-bottom:18px;border-bottom:1px solid #fff; line-height:120%; }
.sec-solo header h2, .sec-solo-2 header h2 {font-size:2.6em;padding-top:18px;line-height:120%;text-transform:uppercase;}
.sec-solo h3, .sec-solo-2 h3 {font-size:1.3em;margin-top:12px;line-height:120%;}
header {float:left;width:100%;padding:0;}
/* seite "wir" */
.sec-solo header.wir {margin-bottom:6em;}
/*
.article-line {float:left;width:100%;height:auto;border-bottom:dotted 1px #fff;box-sizing:border-box;padding:32px;background-color:#d1847c;} */ 

.line-wir {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.line-wir article {width:47.5%;margin-bottom:72px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.line-wir article header {width:100%;height:auto;margin:0;padding:0;margin-bottom:2em;}
.line-wir article header h2 {width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:2em;font-weight:400;color:#464646;}
.line-wir article figure {width:30%;}
.line-wir article figure img {width:100%;height:auto;}
.line-wir article figure figcaption {width:100%;font-size:0.75em;}
.line-wir article div.text-box-wir {width:60%;}
/*
.article-line > article {width:48%;background-color:#d1847c;}
.article-line > article:first-child {width:48%;float:left;}
.article-line > article:last-child {float:right;}
.article-line > article header {float:left;width:100%;height:auto;margin:0;padding:0;margin-bottom:2em;}
.article-line > article header h2 {float:left;width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:2em;}
*/

/*
.line-wir article {width:47.5%;margin-bottom:72px;color:#000!important;}
.line-wir article header {width:100%;height:auto;margin:0;padding:0;margin-bottom:2em;}
.line-wir article header h2 {width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:2em;font-weight:400;color:#464646;}
*/
.article-content-folge {float:left;width:100%;display:table;margin:0;padding:0;}
.article-content-folge figure, .article-content-folge .text-box {display:table-cell;vertical-align:top;text-align:left;box-sizing:border-box;margin:0;padding:0;}
.article-content-folge figure  {width:40%;padding-right:24px;}
.article-content-folge figure figcaption {font-size:0.75em;text-align:center;display:none;}
.article-content-folge figure img {width:100%;height:auto;vertical-align:bottom;}
.article-content-folge .text-box {width:auto;height:auto;text-align:justify;padding:24px;padding-top:0;padding-bottom:0;}
.spalten {width:100%;height:auto;}
/* Seite Aktuell */
.aktuell-informationen { float:left; width:100%; min-width:300px; /*margin-top:6em;*/ padding-top:60px; padding-bottom:2em; border-top:dashed 1px #5F5F5F; background-image: url(../../images/person.png); background-repeat: no-repeat; background-position: right 3em; ; background-size: auto 420px;}
.aktuell-informationen figure.info {display:inline-block;height:90px;width:300px;height:auto;position:relative;margin-bottom:12px;}
.aktuell-informationen figure.info img {float:left;width:90px;height:auto;}
.aktuell-informationen figure.info figcaption { position:absolute; left:102px; bottom:2px; font-size:1.2em; font-weight:400; color:#737373; }
.kal-inf {float:left;width:100%;display:table;margin-bottom:12px;}
.line-akt-inf {float:left;width:100%;}
.kal-zell {display:table-cell;font-size:1.05em;line-height:120%;}
.kal-zell:first-child {width:102px;text-align:left;vertical-align:top;}
.kal-zell:last-child {width:auto;text-align:left;vertical-align:top;}
/* Seite Künstler (Event) */
.sec-solo h1 .h1-01, .sec-solo h1 .h1-02 {float:left;width:50%;box-sizing:border-box;}
.sec-solo h1 .h1-01 {text-align:left;border-right:solid 1px #484848;padding-right:24px;}
.sec-solo h1 .h1-02 {text-align:right;padding-left:24px;}
.kuenstler {float:left;clear:both;width:100%;box-sizing:border-box;font-size:1.05em;}
.kuenstler-topleiste {float:left;width:100%;height:auto;overflow:hidden;clear:both;margin-bottom:3em;}
.kuenstler-topleiste figure { float:left; width:100%; box-sizing:border-box; padding-bottom:24px;border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7E7E7E; }
.kuenstler-topleiste figure img {width:100%;height:auto;}
.kuenstler-topleiste figure figcaption {float:left;width:100%;text-align:center;font-size:3em;padding-top:0.25em;padding-bottom:1.5em;line-height:1.125em;}
.tisch-kuenstler {display:table;margin:0;padding:0;width:100%;}
.tk-reihe {display:table-row;}
.tk-zelle { display:table-cell;margin:0;padding:0;box-sizing:border-box;text-align:left;vertical-align:top;padding-bottom:60px;}
.tk-02-fliesstext {float:left;width:100%;clear:both;}
.tk-02-fliesstext header {float:left;width:100%;line-height:120%;margin-bottom:1.75em;}
.tk-02-fliesstext header h2,.tk-02-fliesstext header h3 {display:block;width:100%;text-align:left;}
.tk-02-fliesstext header h2 {font-size:2.2em;margin-bottom:0;}
.tk-02-fliesstext header h3 {font-size:1.8em;margin-top:6px;}
.tk-zelle figure {width:100%;height:auto;background-color:#fff;margin-bottom:3em;}
.tk-zelle figure:last-child {margin-bottom:0px;}
.tk-zelle figure img {width:100%;height:auto;vertical-align:bottom;}
.tk-zelle figure figcaption {float:left;width:100%;height:auto;font-size:0.6em;background-color:#fff;}
.tk-01, .tk-03 { width:20%;}
.tk-03 figure.on-mob {display:none;}
.tk-02 {width:60%;padding-left:5%;padding-right:5%;}
.box-01 {float:left;clear:both;width:100%;margin-top:1em;margin-bottom:2.5em;color:#1D1D1D;}
.box-01-text,.box-01-bild {box-sizing:border-box;}
.box-01-text {float:left;width:50%;padding-left:5%;padding-right:5%;font-size:1.2em;line-height:120%;}
.box-01-text h2, .aktuell-informationen h2 {float:left;width:100%;text-align:left;padding:0;color:#5C5C5C;font-weight:400;text-transform:inherit;font-size:2.2em;padding:0;margin-bottom:0em;}
.aktuell-informationen h2 {font-weight:300;}
.aktuell-informationen .material-icons {font-size:1em;color:#6488cb;padding:6px;border:solid 1px #6488cb;}
h3 .material-icons.anfahrt {color:#484848;display: inline-flex; vertical-align: bottom;margin-top:1em;font-size:36px;margin-bottom:0;border:none;padding:0;}
.box-01-text h3, .aktuell-informationen h3 {float:left;width:100%;text-align:left;padding:0;margin:0;color:#5C5C5C;font-weight:300;text-transform:inherit;background:none;font-size:1.2em;margin-bottom:1.5em;}
.box-01-text .interpreten {float:left;width:100%;margin-bottom:2em;font-size:1.6em;line-height:120%;}
.box-01-text .fliesstext {float:left;width:100%;clear:both;}
.box-01-bild {float:left;width:25%;border:solid 1px #999;background-color: rgba(255, 255, 255, 0.2);}
.box-01-bild figure {width:100%;height:auto;margin-bottom:0;margin:0;border:none;box-sizing:border-box;padding:12px;padding-top:0;background:none;}
.box-01-bild figure:first-child {padding-top:12px;}
.box-01-bild figure:last-child {margin-bottom:0px;}
.box-01-bild figure figcaption {margin:0;padding:0;line-height:inherit;font-size:0.75em;}
.box-01 figure img {width:100%;height:auto;}
.kontaktdaten {width:100%; clear:both; color: #717171; position:relative; z-index:200;}
.kontaktdaten .bild {width:100%;height:auto;text-align:center}
.kontaktdaten .bild img {width:auto; height:86px;}
.kontaktdaten .border-dyn h5 {font-weight:400;margin-bottom:12px;text-align:center;margin:0;padding:0;width:100%;}
.kontaktdaten .border-dyn ul {width:256px;border-top:solid 1px #E0E0E0;list-style:none;margin:0;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;}
.kontaktdaten .border-dyn ul li {width:auto;padding:16px;}
.kontaktdaten .border-dyn ul li:first-child {padding-left:0px;}
.kontaktdaten .border-dyn ul li figure {float:left;margin:0;padding:0;border:none;}
.kontaktdaten .border-dyn ul li img { float:left; width:30px; height:auto; }
.kontaktdaten .border-dyn ul li:last-child {margin-bottom:0px;}
.kontaktdaten .border-dyn ul li a {text-decoration:none;}
.kontaktdaten .border-dyn ul li a:hover{}
/* ############## */
.projekt ul {border:none;list-style:none;margin:0;padding:0;position:absolute;bottom:52px;right:36px;padding:4px;background-color: rgba(255, 255, 255, 0.2);}
.projekt ul li {float:left;width:auto;padding:2px;}
.projekt ul li:first-child {}
.projekt ul li:last-child {}
.projekt ul li img {width:22px; height:auto;margin-right:4px;}
.projekt ul li:first-child img {margin-right:4px;}
.projekt ul li:last-child {margin-bottom:0px;}
.projekt ul li a {text-decoration:none;}
.projekt ul li a:hover{}
/* ############## */
/*################## Event Ort ######################*/
div.event-ort {width:228px;height:auto;background-image: url(../../images/logo/logo-navi-mob.png); background-repeat: no-repeat; box-sizing:border-box; background-size:58px auto; padding-left:72px; background-position: left 6px; font-size:18px;line-height:120%;} 
div.event-ort:first-line {font-size:15px}
div.event-ort span {font-weight:600;display:block;margin-top:11px;margin-bottom:6px;font-size:16px;}
div.event-ort a { text-decoration:none; display:block; margin-top:9px;padding:9px;padding-left:20px;padding-right:0; background-image: url(../../images/brands/web.png);background-size:17px auto;font-size:12px;line-height:100%; background-repeat: no-repeat; background-position: left center;font-weight:600;}
div.event-ort a img {width:22px;height:auto;padding-top:9px;border-top: solid 1px #616161}
div.social-media-line {width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;}
div.social-media-line a {text-decoration:none;margin-top:9px;padding-top:9px;width:22px;height:auto;margin-right:9px;border-top: solid 1px #616161}
div.social-media-line a img {width:22px;height:auto;}
/*################## Event Ort Ende #################*/
/* Kalender Veranstaltungen */
.table-01 {display:table;width:100%;margin:0;padding:0;border:none;margin-top:2em;}
.table-reihe {display:table-row;}
.table-zelle { display:table-cell; width:50%;text-align:left;vertical-align:top;background-color:rgba(100, 136, 203,0.95);box-sizing:border-box;border-top:solid 1px #fff;}
.table-zelle:first-child {border-right:solid 1px #fff;}
.table-01 .monat {float:left;width:100%;box-sizing:border-box;padding:32px;line-height:130%;margin-bottom:24px;color:#fff;}
.table-01 .month {float:left;width:100%;font-size:2em;}
.table-01 .kalender {float:left;margin:0;padding:0;border:none;width:100%;margin:32px;margin-left:0;margin-right:0;text-align:left;font-size:1.2em;color:#fff;}
.table-01 .kalender-zeile, .table-01 .kalender-zelle {float:left;width:100%;padding:0;}
.table-01 .kalender .fett-1 {font-weight:300;font-size:0.95em;padding-bottom:6px;}
.table-01 .kalender .fett-2 {font-weight:500;font-size:1.05em;}
.table-01 .kalender .space-1 {padding-top:6px;}
.table-01 .kalender .bg-col-01 {display:inline-block;width:auto;padding:6px;padding-top:3px;padding-bottom:3px;border:solid 1px #fff;margin-bottom:1.25em;background-color: rgba(255, 255, 255, 0.8);color:#313131;border-radius:4px;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}
.table-01 p.weiter-01 a {text-decoration:none;float:left;margin-top:12px;}
.table-01 p.weiter-01 a .material-icons {margin-top:1px;color:#fff;border-radius:90%;font-size:36px;}
/* kalender table-01 */
.kalender-zelle figure {width:100%;height:auto;overflow:hidden;background-color:#fff;margin:0;padding:0;margin-bottom:22px;margin-top:12px;}
.kalender-zelle figure img {width:100%;height:auto;}
.sec-2-b .kalender-zelle figure {width:100%;margin:0;padding:0;display:none;}
.sec-2-b .kalender-zelle figure img {width:0px;height:auto;display:none;}
.fussnote { box-sizing:border-box; float:left; width:100%; height:auto; text-align:center; font-size:0.8em; color:#717171; position:relative; background-image: url(../../images/logo/galerie-unterwegs.png); background-repeat: no-repeat; background-position: center top; padding:12px; padding-top: 160px; background-size:140px; margin-top:60px; }
.border-dyn { width:60%;min-width:300px; margin-left:auto; padding-top:24px;margin-top:24px;margin-right:auto; border-top-width: 1px; border-top-style: solid; border-top-color: #9B9B9B;}
/* ################### Sublink Video/Bild ################## */
.auswahl {float:left;width:100%;margin-top:-32px;}
.auswahl a { float:left; width:180px; background-color:#9A9A9A;background-color:#6488cb; color:#E1E1E1; text-align:center; box-sizing:border-box; padding:6px; margin-right:12px; border-bottom-left-radius:9px; border-bottom-right-radius:9px; }
.auswahl a:hover {background-color:#d44d11;color:#fff;}
/* ################### Video ############################### */
.projekt {float:left;clear:both;width:100%;box-sizing:border-box;padding:9px;border:solid 1px #666;margin-top:120px;position:relative;}
.praesentation {float:left;width:100%;height:auto;padding:30px;padding-top:35px;padding-bottom:25px;margin-bottom:0px;background-color: rgba(151, 156, 180, 0.95);margin-top:3em;box-sizing:border-box;}
.box-film {float:left;width:auto;height:auto;}
.box-film-01 {width:587px;height:auto;}
.film-frame {width:587px;height:350px;}
.box-film-01 {position:relative}
.film-info {float:left;width:100%;height:auto;box-sizing:border-box;padding:4px;margin-bottom:6px;color:#ccc;line-height:0.975em;min-height:2.375em;}
.film-info:hover {color:#fff;}
.film-info .social-media {margin-top:60px;}
.film-info h3 {font-size:0.8em;text-align:left;float:none;padding:0;margin:0;box-sizing:border-box;}
.box-filmtext {font-size:1.1em;text-align:right;}
.box-filmtext .line {float:right;width:100%;min-height:350px;max-width:750px;}
.box-filmtext header {float:left;width:100%;color:#fff;margin-bottom:1.5em;}
.praesentation h2,.praesentation h3 {background:none;}
.box-filmtext header h2 {font-size:3.2em;margin:0;padding:0;line-height:1em;border-top:solid 1px #eee;width:auto;float:right;padding-top:24px;}
.box-filmtext header h3 {font-size:1.8em;}
.social-media {float:right;width:auto;}
.social-media ul {float:right;width:auto;list-style:none;margin:0;}
.social-media ul li {float:left;width:auto;padding:4px;border-top:solid 1px #E0E0E0;padding-top:8px;}
.social-media ul li:first-child {padding-left:0;}
.social-media ul li:last-child {padding-right:0;}
.social-media ul li figure {float:left;margin:0;padding:0;border:none;}
.social-media ul li img { float:left; width:22px; height:auto; }
.social-media ul li:last-child {margin-bottom:0px;}
.social-media ul li a {text-decoration:none;}
.social-media ul li a:hover{}
.line.typ2 {margin-top:0.75em;}
.credits {float:left;max-width:280px;font-size:0.7em;line-height:0.95em;}
/* Startfilm */
.credit-film {line-height:0.25em;display:block;font-size:0.8em;margin-top:6px;}
.startfilm {float:left;width:100%;height:auto;clear:both;position:relative;height:auto;display:table;margin:0;padding:0;}
.film-zelle {display:table-cell;width:587px;vertical-align:top;}
.film-zelle figure {width:587px;}
.film-zelle img {width:100%;height:auto;}
.film-zelle figcaption {float:left;width:100%;}
.box-filmtext {display:table-cell;box-sizing:border-box;width:100%;height:auto;padding-left:300px;vertical-align:top;}
/* Folgefilme */
.mehr-filme {float:left;width:100%; padding-top:40px; border-top:dotted 1px #eee;margin-top:40px;}
.mehr-filme .box-film  {width:260px; height:auto;font-size:0.8em;margin-right:12px;position:relative}
.mehr-filme .film-info, .mehr-filme .schaltflaeche {display:block;width:260px;margin-left:auto;margin-right:auto;height:auto;box-sizing:border-box;padding:4px;}
.mehr-filme .box-film:last-child  {margin-right:0px;}
.mehr-filme .box-film-01{width:260px;height:auto;margin:0;padding:0;}
.mehr-filme .film-frame{width:260px;height:157px;margin:0;padding:0;}

/*.filmbild, .film-frame  {position:absolute;top:0;left:0;}
.filmbild  {width:260px;height:157px;z-index:1;}
.film-frame {z-index:2;}
+/
/* ############################ Bilderpraesentation ################################# */
.praesentation-bild {float:left;clear:both;width:100%;box-sizing:border-box;padding:20px;border:solid 1px #666;margin-top:120px;position:relative;background-color: rgba(179, 179, 179, 0.5);}
.startbild .bild-zelle,.startbild .box-bildtext {display:table-cell;} 
.startbild .bild-zelle {width:560px;text-align:left;vertical-align:top;}
.startbild .bild-zelle figure{float:left;width:100%;margin:0;padding:0;border:none;}
.startbild .bild-zelle figure img{display:block;width:100%;height:auto;margin:0;padding:0;border:none;position:relative;}
.startbild .bild-zelle figure figcaption{display:block;}
.bilder-framebox, .bild-zelle-filmframe {width:560px;height:315px;}
.bilder-framebox {border:solid 1px #999;}
.bilduntertitel-2 {float:left;width:100%;font-size:0.825em;padding-top:9px;}
.bild-zelle-mob {display:none;}
.startbild figure img {width:auto;height:100%;box-sizing:border-box;padding:3px;border:solid 1px #f1f1f1;}
.startbild .bild-zelle figcaption {font-size:0.8em;}
.bild-zelle-info {display:block;margin-top:-3px;font-size:0.8em;}
.startbild .box-bildtext {width:auto;text-align:right;vertical-align:top;box-sizing:border-box;box-sizing:border-box;padding-left:15%;}
.startbild .box-bildtext header { float:left; width:100%; height:auto;min-height:160px;padding-right:160px;box-sizing:border-box;margin-bottom:30px; color:#fff; background-repeat: no-repeat; background-position: right top; background-size:auto 160px;}
.startbild .box-bildtext header h2 {float:right;clear:both;width:auto;border-top:solid 1px #fff;font-size:3.5em;}
.startbild .box-bildtext header h5 {float:right;clear:both;width:auto;font-size:1.3em;margin-bottom:48px;}
.startbild .box-bildtext figure {float:right;width:100%;height:auto;text-align:right;margin-bottom:36px;}
.startbild .box-bildtext figure img {width:120px;height:auto;padding:0;vertical-align:bottom;}
.startbild .social-media {margin-top:60px;}
.mehr-bilder {float:left;width:100%; padding-top:40px; border-top:dotted 1px #eee;margin-top:40px;}
.mehr-bilder .bild-line {float:left;width:100%;box-sizing:border-box;padding:12px;border:solid 1px #666;}
.mehr-bilder .bild-line:first-child {border-bottom:none;}
.mehr-bilder .bild-line:last-child {border-top:none;}
.mehr-bilder figure {float:left;width:25%; height:auto;box-sizing:border-box;padding:24px;text-align:center;}
.mehr-bilder  figcaption {font-size:0.8em;opacity:0.3;transition: all 0.4s ease-out;margin-top:4px;}
.mehr-bilder:hover figcaption {opacity:1;transition: all 0.4s ease-out;}
.mehr-bilder figure img { width:100%; height:auto; box-sizing:border-box;padding:18px;background-color: rgba(255, 255, 255, 0.4);}
/* Einzel-Video Darstellende Kunst */
.zelle-unten {display:none;}
.bild-zelle{position:relative;}
.bild-zelle img,.bild-zelle .bild-zelle-filmframe {position:absolute;top:0;left:0;}
.bild-zelle img{z-index:1;width:100%;height:auto;}
.bild-zelle .bild-zelle-filmframe {z-index:2;}
.filmbild  {z-index:1;}
.rahmen-aussen {float:left;width:auto;height:auto;padding:6px;border:solid 1px #616161;}
.rahmenbox {position:relative;}
#karte {float:left;position:relative;color:#fff;display:table;border:solid 1px #333; background-repeat: no-repeat; background-size:cover;}
.karte-bg-1 {background-image: url(../images/test-bg.jpg);}
.karte-bg-2 {background-image: url(../images/test-bg.jpg);}
.karte {float:left;clear:both;float:left;width:100%;}
.check {width:10px;}
.praesentation-bild #karte .butt-1 {-ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}
.praesentation-bild .einwilligung {height:34px;width:100%;background-color: rgba(0, 0, 0, 0.3);}
.praesentation-bild .schliessen {width:auto;padding:0;width:auto;font-weight:bold;padding:0;height:auto;}video.css
.praesentation-bild .rahmenbox .schritt-01 {width:auto;height:auto;font-size:0.75em;}
.praesentation-bild .rahmenbox .check-text, .praesentation-bild .rahmenbox .schliessen {width:auto;font-size:0.75em;color:#fff;vertical-align:middle}
.praesentation-bild .neutral {color:#fff;font-size:0.775em;height:32px;width:auto;padding:0;margin:0;background:none;border:none;cursor:pointer;}

.aufrufen { float:left;width:100%;margin-top:24px;text-align:center;padding:6px;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.36) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.36) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.36) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.aufrufen a {float:left;width:100%;margin:auto;text-decoration:none;text-align:center;margin:auto;color:#f2f2f2;letter-spacing:0.05em;font-size:1.2em;}
.aufrufen a:hover {}
/* ####### ############# Start Google Anfahrt ######################## */
.rahmen-aussen-2 {float:left;width:100%;height:auto;box-sizing:border-box;border:dashed 1px #727272;padding:6px;}
.rahmen-aussen-2 iframe {width:100%;height:450px;}
.rahmen-aussen-2 .begleittext {float:left;width:100%;box-sizing:border-box;font-size:0.9em;text-align:left;vertical-align:top;}
h3.anfahrt {margin-bottom:6px;margin-top:2.5em;}
.rahmen-aussen-2 .begleittext p {margin-bottom:0;}
.rahmen-aussen-2 .rahmenbox, .rahmen-aussen-2 #karte, .rahmen-aussen-2 .karte-frame, .rahmen-aussen-2 .showbox {width:100%;height:450px;}
.rahmen-aussen-2 .rahmenbox .line {width:100%;}
.rahmen-aussen-2 .rahmenbox {position:relative;float:left;font-size:0.8em;}
.rahmen-aussen-2 #karte { float:left; width:100%; position:relative; background-repeat: no-repeat; background-size:cover; border:solid 3px rgba(255, 255, 255, 0.6); background-position: right bottom; }
.rahmen-aussen-2 .karte-bg-1 {background-image: url(../../images/bg-anfahrt.jpg); }
.rahmen-aussen-2 .karte {float:left;clear:both;float:left;width:100%;}
.rahmen-aussen-2 .check {width:10px;}
.rahmen-aussen-2 #karte .butt-1 {-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.rahmen-aussen-2 .einwilligung {height:34px;width:100%;}
.rahmen-aussen-2 .schliessen {width:auto;padding:0;width:auto;font-weight:bold;padding:0;height:auto;}video.css
.rahmen-aussen-2 .rahmenbox .schritt-01 {width:auto;height:auto;font-size:0.75em;}
.rahmen-aussen-2 .rahmenbox .check-text, .rahmen-aussen-2 .rahmenbox .schliessen {width:auto;font-size:0.75em;color:#313131;vertical-align:middle}
.rahmen-aussen-2 .rahmenbox .check-text {background-color: rgba(0, 0, 0, 0.475);color:#fff;font-size:1.2em!important;margin-bottom:2px;width:auto;box-sizing:border-box;padding:12px;}
.rahmen-aussen-2 .neutral {color:#313131;font-size:0.775em;height:32px;width:200px;text-align:center;background-color: rgba(255, 255, 255, 0.5);padding:0;margin:0;margin-left:auto!important;margin-right:auto!important;border:none;cursor:pointer;}
/* Position absolute - #karte (relative) */
.rahmen-aussen-2 .showbox, .rahmen-aussen-2 .einwilligung, .rahmen-aussen-2 #karte .butt-1, .rahmen-aussen-2 #karte .schliessen,.neutral, .rahmen-aussen-2 .rahmenbox .schritt-01,  .rahmen-aussen-2  #karte .check-text, .rahmen-aussen-2 .neutral {position:absolute;}
.rahmen-aussen-2 .einwilligung {bottom:0;}
.rahmen-aussen-2 .rahmenbox .schritt-01, .rahmen-aussen-2 #karte .schliessen {bottom:5px;}
.rahmen-aussen-2 .rahmenbox .schritt-01, .rahmen-aussen-2 #karte .schliessen, .rahmen-aussen-2  .neutral{bottom:5px;}
.rahmen-aussen-2 #karte .check-text, .rahmen-aussen-2 .rahmenbox .schritt-01 {bottom:2px;}
.rahmen-aussen-2 #karte .butt-1 {bottom:3px;}
.rahmen-aussen-2 .showbox {top:0;left:0;}
.rahmen-aussen-2 .einwilligung {left:0;}
.rahmen-aussen-2 .rahmenbox .schritt-01 {left:0;}
.rahmen-aussen-2 .neutral {left:62px;}
.rahmen-aussen-2 #karte .butt-1 {left:6px;}
.rahmen-aussen-2 #karte .check-text, .rahmen-aussen-2 .rahmenbox .schritt-01 {left:32px;}
.rahmen-aussen-2 #karte .schliessen {left:0;}
.rahmen-aussen-2 .neutral {bottom:22px;}
/* z-index */
.rahmen-aussen-2 .showbox {z-index:6;}
.rahmen-aussen-2 #karte .butt-1 {z-index:6;}
.rahmen-aussen-2 #karte .check-text {z-index:7;}
.rahmen-aussen-2 .rahmenbox .schritt-01 {z-index:4}
.rahmen-aussen-2 #karte .schliessen {z-index:8;}
.rahmen-aussen-2 .neutral {z-index:8;}
/* Animation */
.rahmen-aussen-2 #karte:hover .schritt-01, .rahmen-aussen-2  #karte .check-text {opacity:0;}
.rahmen-aussen-2 #karte .schritt-01, .rahmen-aussen-2  #karte:hover .check-text {opacity:1;}
.rahmen-aussen-2 #karte .schritt-01, .rahmen-aussen-2 #karte:hover .schritt-01, .rahmen-aussen-2 #karte .check-text, .rahmen-aussen-2  #karte:hover .check-text{transition: all 0.8s ease-out;}
/* Ende Google Anfahrt */
/* scroll to top */
#tobbs {display:block;position:fixed;width:auto;height:auto;z-index:500;bottom:0%;right:6px;text-align:right;box-sizing:border-box;transition: all 0.4s ease-out;opacity:0;z-index:999;}
#tobbs img {width:32px;height:auto;}
#tobbs.sticky {transition: all 0.4s ease-out;opacity:1;}
.spalte-2{ float:left;clear:both; width:100%;margin:24px;padding:24px;margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-top:solid 1px #999;border-bottom:solid 1px #999;}
.spalte-2-ohne-rahmen {float:left;clear:both;width:100%;}
.spalte-2, .spalte-2-ohne-rahmen {margin-top:3em;}
.spalte-2 h2, .spalte-2-ohne-rahmen h2 {display:block;width:100%;margin-bottom:0.5em;margin-top:1em;text-align:left;}
.spalte-2 h2:first-child, .spalte-2-ohne-rahmen h2:first-child {margin-top:0;}
/* Änderung 2025-11-06 */
a.ak-02 {color:rgba(255,255,255,0.9)!important;}
.topleiste {overflow:hidden;text-align:center;}
.sec-solo {padding-bottom:140px;}
.pfeil-unten { background-image: url(images/0-pfeil-bottom-blau.png); background-repeat: no-repeat; background-position: center top; background-size:auto 14px;}
h1 {text-align:right;}
#meldung-bild {order:1;width:50%;}
#ev-03 {order:2;width:50%;padding-bottom:62px;}
#meldung-ort {order:3; width:50%;} 
#meldung-text {order:4;width:50%;} 
#meldung-karte {order:5;width:100%;}
#ev-03 {width:40%;}
#ev-03 ul {margin:0;padding:0;width:100%;list-style:none;width:100%;margin-top:12px;}
#ev-03 ul li {text-align:right;transition: 0.6s;}
#ev-03 ul li.zeitraum {margin-bottom:40px;}
#ev-03 ul li.uhrzeit1,#ev-03 ul li.uhrzeit2 {font-size:18px;line-height:100%;}
#ev-03 ul li.uhrzeit1{margin-top:12px;padding-top:12px;}
#ev-03 ul li.uhrzeit2{margin-top:4px;}
#ev-03 ul li.link {height:0;margin:0;padding:0;display:none!important;}
h3 span.bemerkung { font-size:18px; font-weight:300; text-decoration:none; font-style: italic; }
.flex-bild, * {box-sizing:border-box;}
.flex-bild { margin-top:68px; padding:12px; padding-top:28px; padding-bottom:12px; width:100%; background-color:#6488cb; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; align-items:stretch; 
padding-bottom:48px;
background-image:url(images/2025/Schule-Sept/box/bg-baguette-02.jpg);
}
.flex-bild figure {display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;}
.flex-bild figure.hoch {margin:0;text-align:center;}
.flex-bild figure.breit {margin:0;text-align:center;}


.flex-bild figure.hoch,.flex-bild figure.breit {width:160px;height:auto;margin:24px;}
.flex-bild figure.breit {width:auto;height:160px;}




.flex-bild figure img {width:100%;height:auto;padding:9px;background-color:rgba(220,221,226,1);align-self:center;margin:0;}
.flex-bild figure figcaption {background-color:rgba(220,221,226,0.85);margin:0;padding:0;line-height:100%;font-size:13px;height:24px;padding:3px;line-height:20px;overflow:hidden;margin-top:0px;}
div.copy-hinweis {font-size:14px;font-weight:200;text-align:center;width:100%;height:auto;border-top:dashed 1px #898989;margin-top:32px;padding-top:24px;}



@media only screen and (min-width: 900px) {
.spalte-2, .spalte-2-ohne-rahmen{-webkit-column-count: 2; -moz-column-count: 2;  column-count: 2;-webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em;}
}
/* Gesamtgröße */
/* #################### media HÖHE ############################## */
@media only screen and (max-height: 800px) { 
.bg-top-2020 {padding-top:520px;}
.meldung-2020 {padding-top:220px;padding-bottom:92px;font-size:1.3em;}
.kuenstler-topleiste {margin-bottom:1.5em;}
.kuenstler-topleiste figure figcaption {font-size:3em;padding-top:0.25em;padding-bottom:0.5em;line-height:1.125em;}
}
@media only screen and (max-height: 650px) {  
.bg-top-2020 {padding-top:420px;}
.meldung-2020 {padding-top:120px;padding-bottom:72px;font-size:1.3em;line-height:140%;}
}
/* #################### media BREITE ############################# */
@media only screen and (min-width: 1800px) {  
.box-01-text .fliesstext, .tk-02-fliesstext {-webkit-column-count: 2; -moz-column-count: 2;  column-count: 2;-webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em;}
.startbild .bild-zelle {width:700px;text-align:left;vertical-align:top;}
.bilder-framebox, .bild-zelle-filmframe {width:700px;height:394px;}
}
@media only screen and (min-width: 1200px) { 
.slog-fliesstext {padding-right:30%;}
}
@media only screen and (max-width: 2200px) { 
.box-filmtext {padding-left:100px;}
}
@media only screen and (max-width: 1750px) { 
.tisch-02-zelle:last-child {padding-left:48px;}
/*#film-01 {position:absolute;top:0;left:0;}*/
.mehr-filme .box-film  {margin-bottom:24px;}
.startbild .box-bildtext {padding-left:60px;}
.startbild .bild-zelle {width:480px;text-align:left;vertical-align:top;}
.bilder-framebox, .bild-zelle-filmframe {width:480px;height:270px;}
}
@media only screen and (max-width: 1680px) { 
.top-meldung {font-size:0.85em;padding:60px;padding-right:4.5%;padding-top:280px;padding-bottom:0px;}

.article-content-folge {float:left;width:100%;display:table;margin:0;padding:0;}
.article-content-folge figure, .article-content-folge .text-box {display:table-cell;vertical-align:top;text-align:left;box-sizing:border-box;margin:0;padding:0;}
.article-content-folge figure  {width:30%;padding-right:24px;}
.article-content-folge figure figcaption {font-size:0.75em;text-align:center;display:none;}
.article-content-folge figure img {width:100%;height:auto;vertical-align:bottom;}
.article-content-folge .text-box {width:auto;height:auto;text-align:justify;padding:24px;padding-top:0;padding-bottom:0;}



}
@media only screen and (max-width: 1600px) {
.meldung-2024-box {width:50%;border:solid 1px #f1f1f1;padding:12px;padding-top:36px;padding-bottom:36px;}
.meldung-2024-box img {float:left;width:77.5%;height:auto;}  
#ev-03 {width:40%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;padding-bottom:50px;}
#ev-03 h1 {width:100%;text-align:right;}
#ev-03 h2 {width:100%;text-align:right;}
#ev-03 h3 {width:100%;text-align:right}
#ev-03 a {width:auto;right:0;}
}
@media only screen and (max-width: 1400px) { 
.logo {width:auto;height:230px;}
.logo img {width:auto;height:100%;}
.top-meldung {font-size:0.85em;padding:60px;padding-right:4.5%;padding-top:280px;padding-bottom:0px;}
.sec-2-a, .sec-2-b, .sec-3-a, .sec-3-b {padding:62px; padding-left:62px;padding-top:5.5%;} 
.sec-2-a, .sec-3-b, .top-1 {width:40%;}
.sec-2-b, .sec-3-a {width:60%;}
.slog-01 {font-size:1.6em;}
.slog-02 {font-size:0.9em;} 
.film-zelle {width:420px;}
.box-film-01  {width:420px;height:auto;}
.film-frame  {width:420px;height:253px;}
.mehr-bilder figure {float:left;width:25%; height:auto;padding:8px;}
.mehr-bilder figure img { width:100%; height:auto; box-sizing:border-box;padding:8px;background-color: rgba(255, 255, 255, 0.4);}
.bild-zelle {width:390px;}
#ev-03 {font-size:0.675em;}
}
@media only screen and (max-width: 1300px) { 
.box-01-text .fliesstext {text-align:justify}
.line-wir {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.line-wir article {width:47.5%;/*background-color:#d1847c;*/margin-bottom:72px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.line-wir article header {width:100%;height:auto;margin:0;padding:0;margin-bottom:2em;order:2;}
.line-wir article header h2 {width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:2em;font-weight:400;color:#464646;}
.line-wir article figure {padding:0;margin:0;width:100%;order:1;}
.line-wir article figure img {width:100%;height:auto;}
.line-wir article figure figcaption {width:100%;font-size:0.75em;}
.line-wir article div.text-box-wir {width:100%;order:3;}

}

@media only screen and (max-width: 1280px) {
.meldung-2024-box {width:50%;border:solid 1px #f1f1f1;padding:12px;padding-top:36px;padding-bottom:36px;}
.meldung-2024-box img {float:left;width:77.5%;height:auto;}  
.meldung-2024-box h4 a {font-size:16px;}  
}
@media only screen and (max-width: 1200px) { 
.bg-top-2020 {padding-top:320px; background-position: right top; }
.film-zelle {display:table-cell;width:260px;vertical-align:top;}
.box-film-01  {width:260px;height:auto;}
.film-frame  {width:260px;height:157px;}
.box-filmtext {padding-left:60px;}
.sec-solo, .sec-solo-2 {padding:5%;padding-top:32px;}
.sec-solo header, .sec-solo-2 header {float:left;width:100%;margin:0;padding:0;margin-bottom:1em;font-size:0.7em;}
.bild-zelle {width:300px;}
}
@media only screen and (max-width: 1100px) { 
.bg-top-2020 {padding-top:320px;}
.meldung-2020 {}

}
@media only screen and (max-width: 1080px) { 
.top-meldung {font-size:0.7em;padding:60px;padding-right:4.5%;padding-top:280px;padding-bottom:0px;}
.startfilm .film-info, .startfilm .schaltflaeche {display:none;}
/*.startfilm #film-01 {position:inherit;float:left;width:100%;display:none;}
.startfilm {display:block;}*/
.film-zelle, .box-filmtext,.box-filmtext .line, figure.box-film-01, figure.box-film-01 img {display:inherit;float:left;width:100%;max-width:100%;height:auto;clear:both;box-sizing:border-box;}
.film-zelle {margin-bottom:1em;vertical-align:top;}
.box-filmtext {text-align:left;padding-left:0px;vertical-align:top;}
/*.startfilm .box-film-01 {float:left;width:100%;height:400px;}*/
.startfilm .line header h2  {padding:0;margin:0;padding-top:12px;margin-top:32px;width:100%;text-align:center;}
.mehr-filme {text-align:center;}
.mehr-filme .box-film  {width:50%;box-sizing:border-box;margin:0;margin-bottom:24px;height:auto;font-size:0.8em;}
.mehr-filme .box-film-01 {width:260px;height:auto;margin:0;padding:0;margin-left:auto;margin-right:auto;}
.mehr-filme .film-info, .mehr-filme .schaltflaeche {float:none;display:inline-block;width:260px;height:auto;padding:0px;margin:0px;}
#start iframe {display:none;}
p.credits {float:left;}
}
@media only screen and (max-width: 1000px) {
.bg-top-2020 {padding-top:320px;}
.meldung-2020 {padding-top:158px;padding-bottom:32px;font-size:0.95em;}
.meldung-2024-box h4 a.link_aktuelles {font-size:14px!important;}
#meldung-termin h1 {text-align:right;font-size:2.575em;}
#meldung-termin h2 {}
#meldung-termin h3 {}
#meldung-text {}
.sec-2-a, .sec-2-b, .sec-3-a, .sec-3-b {padding:52px; padding-left:52px;padding-top:5.5%;} 
.sec-2-a, .sec-3-b, .top-1 {width:50%;}
.sec-2-b, .sec-3-a {width:50%;}
.slog-01 {font-size:1.4em;}
.slog-02 {font-size:0.8em;}
.table-01 {display:inline;width:100%;margin:0;padding:0;border:none;margin-top:2em;}
.table-reihe {display:inherit;float:left;width:100%;}
.table-zelle { display:inline;float:left; width:100%;text-align:left;vertical-align:top;background-color:rgba(100, 136, 203,0.95);box-sizing:border-box;border-top:solid 1px #fff;}
.table-zelle:first-child {border-right:solid 1px #fff;}
.sec-solo header, .sec-solo-2 header {margin:0;padding:0;margin-bottom:3em;}
.startbild .bild-zelle {display:none;}
.startbild .box-bildtext,.startbild .bild-zelle-mob  {display:inherit;float:left;width:100%;padding:0;margin:0;}
.startbild .bild-zelle-mob  {text-align:left;}
.startbild .box-bildtext {padding-left:0px;text-align:left;}
.bilder-framebox, .bild-zelle-filmframe {display:block;width:480px;height:270px;margin-left:auto;margin-right:auto;}
.bild-zelle-info {display:block;width:480px;margin-left:auto;margin-right:auto;}
.startbild .schaltflaeche {width:480px;position:relative;margin-top:12px;}
}
@media only screen and (max-width: 980px) {  
.article-line > article  {width:100%;margin-bottom:3em;}
}
@media (max-width: 960px){
#ev-03 {width:50%;font-size:0.7em}
}

@media (max-width: 969px){
.sec-solo, .sec-solo-2 {padding:5%;padding-top:32px;}
.bg-top-2020 {padding-top:320px;}
.meldung-2020 {padding-top:52px;padding-bottom:52px;}
}
@media (max-width: 899px){
.logo {display:none;}
.top-feld-startseite {margin-bottom:0px;padding-bottom:40px;background-color: rgba(255, 255, 255, 0.5);}
.top-meldung {float:left;width:100%;text-align:center;font-size:0.6em;padding:40px;padding-right:40px;padding-top:200px;height:auto!important;}
.top-meldung h2 {font-size:3.3em;line-height:1em;margin-bottom:24px;color:#717171;}
.top-meldung h4 {font-size:2.5em;line-height:1em;color:#717171;}
.top-meldung h5 {font-size:1.75em;margin-top:12px;line-height:1em;color:#717171;}
/* ausblenden Bilder aktuell und Auflösung table */
.kuenstler-topleiste {margin-bottom:0.5em;}
.tisch-kuenstler,.tk-reihe, .tk-zelle {display:block;float:left;width:100%;}
.tk-zelle.tk-02 {padding-left:10%;padding-right:10%;box-sizing:border-box;}
.tk-02-fliesstext header {font-size:1.15em;}
.tk-02-fliesstext header h2,.tk-02-fliesstext header h3 {text-align:center;}
.tk-01,.tk-02,.tk-03 {margin:0;padding:0;}
.tk-01 {display:none;}
.tk-03 figure.on-mob {display:inherit;}
.tk-03  {box-sizing:border-box;padding:15%;padding-bottom:5em;padding-top:5em;border-top:dashed 1px #B2B2B2;margin-top:5em;}
.meldung-2024-box img {float:left;width:97.5%;height:auto;}  
}
@media only screen and (max-width: 880px) { 
.sec-solo h1 .h1-01, .sec-solo h1 .h1-02 {width:100%;text-align:right;}
.sec-solo h1 .h1-01 {border-right:none;padding-right:0px;}
.sec-solo h1 .h1-02 {padding-left:0px;}
#bildershow .mehr-bilder figure {float:left;width:auto;height:380px;margin-left:12px;margin-bottom:12px;}
#bildershow .mehr-bilder figure img {width:auto;height:100%;}
}
@media only screen and (max-width: 800px) { 
.top-1 {width:100%;}
.content-startseite {display:inherit;float:left;clear:both;width:100%;margin:0;padding:0;border:none;height:auto;} /* ############## Startseite */
.content-startseite .line {float:left;width:100%;display:inherit;} 
.sec-2-a, .sec-2-b, .sec-3-a, .sec-3-b {display:inherit;float:left;width:100%;padding:52px; padding-left:52px;padding-top:5.5%;} 
.slog-01 {font-size:1.4em;}
.slog-02 {font-size:0.8em;}
.line .sec-2-a, .sec-2-b {border:solid 6px #f2f2f2;border-bottom:solid 6px #f2f2f2;}
.line .sec-2-a {border-bottom:none;}
.line .sec-3-a, .sec-3-b {border:solid 6px #f2f2f2;border-top:none;}
.line .sec-2-b, .sec-3-b {border-left:solid 6px #f2f2f2;}
.box-01-text, .box-01-bild  {width:100%;}
.box-01-bild {margin-top:4em;}
.social-media {}
.praesentation-bild header {font-size:0.85em;}
.kuenstler-topleiste {margin-bottom:1.5em;}
.kuenstler-topleiste figure figcaption {font-size:2em;padding-top:0.25em;padding-bottom:0.5em;line-height:1.125em;}
.mehr-bilder figure {float:left;width:50%; height:auto;padding:8px;}
.mehr-bilder figure img { width:100%; height:auto; box-sizing:border-box;padding:8px;background-color: rgba(255, 255, 255, 0.4);}
#meldung-termin h1 {text-align:left;font-size:3.5em;}
#meldung-termin h2 {}
#meldung-termin h3 {}
#meldung-text {font-size:0.85em;}
}
@media only screen and (max-width: 780px) { 
#ev-03 h2  {padding:9px;box-sizing:border-box;}
#ev-03 {width:100%;font-size:0.7em;font-weight:500;}
#ev-03 h1,#ev-03 h2,#ev-03 h3 {width:100%;text-align:center;}
#ev-03 h3 {margin-top:48px;margin-bottom:48px;margin-left:0;margin-right:0;font-size:1.6em;}
#ev-01 {width:100%;order:1;margin-top:48px;}
#ev-02 {width:width:100%;order:2;margin-bottom:12px;}
#ev-03 {width:100%;order:3;}
#ev-03 a {text-align:center;margin:0;}
#ev-03 ul {margin:0;padding:0;width:100%;list-style:none;width:100%;margin-top:12px;}
#ev-03 ul li {text-align:center;}
#ev-03 ul li.uhrzeit1,#ev-03 ul li.uhrzeit2 {font-size:17px;line-height:100%;}
#ev-03 ul li.uhrzeit1{margin-top:18px;font-size:17px;}
#ev-03 ul li.uhrzeit2{margin-top:4px;font-size:17px;}
#meldung-bild {order:1;width:1000%;}
#ev-03 {order:2;width:100%;padding-bottom:0;}

.meldung-2024-box {padding-top:0;margin-top:-32px;margin-bottom:32px;}
.meldung-2024-box img {margin:auto;margin-top:32px;}
div.urheber {text-align:center!important;}
#meldung-ort {order:4; width:100%;} 
#meldung-text {order:3;width:100%;} 
#meldung-karte {order:5;width:100%;}
.flex-bild {margin-top:0!important;padding-bottom:32px;padding-top:48px;}
.flex-bild figure figcaption{}
.flex-bild {display:block;}
.flex-bild figure {display:block;height:auto;padding-bottom:32px;}
.flex-bild figure.hoch,.flex-bild figure.breit {display:block;width:280px;height:auto;text-align:center;margin:auto;}
}



@media only screen and (max-width: 770px) {
.line-wir {justify-content:center;}
.line-wir article {width:95%;max-width:600px;*background-color:#d1847c;*/margin-bottom:72px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding-bottom:60px;border-bottom:solid 1px #000;} 
.mehr-filme {border:solid 1px #fff;border-bottom:none;border-top:none;padding-top:0;padding-bottom:0;margin-top:3em;}
.mehr-filme .box-film  {width:100%;box-sizing:border-box;margin:0;margin-bottom:24px;}
.mehr-filme .film-info, .mehr-filme .schaltflaeche {display:block;width:260px;margin-left:auto;margin-right:auto;height:auto;box-sizing:border-box;padding:4px;padding-left:0;}
.meldung-2024-box  {width:100%;display:flex;flex-direction:column;}
.meldung-2024-box {font-size:1em;}
.meldung-2024-box h1,.meldung-2024-box h2,.meldung-2024-box h3,.meldung-2024-box h4 {font-weight:300;color:#707070;text-align:center;line-height:120%;margin-bottom:18px;}
#meldung-termin h1 {font-size:2.7em;text-align:center;}
#meldung-termin h2 {}
#meldung-termin h3 {font-size:1.1em;}
#meldung-text {}
}
@media only screen and (max-width: 650px) { 
.logo {width:100%;height:auto;background-color: rgba(255, 255, 255, 0.95);}
.logo img {width:140px;height:auto;}
.top-1 {width:100%;box-sizing:border-box;padding:24px;padding-left:24px;}
.meldung-2020 h1,.meldung-2020 h2,.meldung-2020 h3,.meldung-2020 h4 {font-weight:400;color:#707070;text-align:center;line-height:100%}
.meldung-2020 h2{font-weight:400;color:#707070;text-align:center;margin-bottom:0.5em;}
.sec-solo, .sec-solo-2 {border-top:solid 1px #5C5C5C;}
.content-startseite, .content-startseite .line, .sec-2-a, .sec-2-b, .sec-3-a, .sec-3-b  {display:inherit;float:left;width:100%;}
.content-startseite .line {display:inherit;float:left;width:100%;}
.sec-2-a, .sec-2-b, .sec-3-a, .sec-3-b {padding:60px; padding-right:48px; padding-left:48px; padding-top:56px;color:#fff; font-size:1.05em; text-align: left; vertical-align: top; }
.sec-solo header, .sec-solo-2 header {margin:0;padding:0;margin-bottom:3em;font-size:0.725em;}
.sec-solo header h3, .sec-solo-2 header h3 {font-size:1.95em;}
.auswahl {text-align:center;margin-top:-27px;}  
.auswahl a {float:none;width:180px;text-align:center;box-sizing:border-box;padding:6px;margin-right:6px;border-bottom-left-radius:9px;border-bottom-right-radius:9px;} 
.praesentation-bild {padding:0px;border:solid 1px #666;margin-top:120px;position:relative;}
.startbild .box-bildtext {display:inherit;padding:48px;}
.startbild .box-bildtext header {margin-bottom:24px;}
.social-media {width:100%;}
.social-media h5 {}
.social-media ul {float:none;width:140px;margin-left:auto;margin-right:auto;overflow:visible;margin-top:18px;padding-top:12px;}
.social-media ul li:first-child {padding-left:0;}
.social-media ul li:last-child {padding-right:0;}
.social-media ul li figure {float:left;margin:0;padding:0;border:none;}
.social-media ul li img { float:left; width:22px; height:auto;margin-top:2px;}
.tk-zelle.tk-02 {padding-left:5%;padding-right:5%;}
.tk-02-fliesstext header h2 {font-size:2.75em;margin-bottom:0;}
.tk-02-fliesstext header h3 {font-size:2.35em;margin-top:6px;}
.tk-03  {box-sizing:border-box;padding:15%;padding-bottom:2.5em;padding-top:2.5em;border-top:dashed 1px #B2B2B2;margin-top:2.5em;}
.praesentation-bild .social-media ul {float:none;width:140px;margin-left:auto;margin-right:auto;overflow:visible;margin-top:0px;padding-top:12px;}
.bilder-framebox{margin-top:2em;}
.bilder-framebox, .bild-zelle-filmframe {width:320px;height:180px;}
.bild-zelle-info {display:block;width:320px;margin-left:auto;margin-right:auto;}
.startbild .schaltflaeche {width:320px;position:relative;margin-top:12px;}
}
@media only screen and (max-width: 600px) { 
.article-content-folge figure, .article-content-folge .text-box {display:inherit;float:left;width:100%;box-sizing:border-box;margin:0;padding:0;}
.sec-solo article figure, .sec-solo-2 article figure {margin-bottom:24px;}
.meldung-2024-box {}
.meldung-2024-box h2 {width:100%;text-align:center;padding-top:3px;padding-bottom:3px;}
#meldung-termin h1 {font-size:3.25em;font-weight:300;}
#meldung-termin h2 {font-size:2.1em;}
#meldung-termin h3 {font-size:1.5em;}
#meldung-text {}
}
@media only screen and (max-width: 480px) { 
body {}
.sec-2-a, .sec-2-b, .sec-3-a, .sec-3-b {display:inherit;float:left;width:100%;padding:50px; padding-top:58px;padding-bottom:48px;} 
.meldung-2020{font-size:0.7em;}
.slog-01 {font-size:1.2em;padding-bottom:9px;}
.slog-02 {font-size:0.8em;padding-top:0px;}
.sec-solo, .sec-solo-2 {padding-left:12px;padding-right:12px;font-size:1.1em;}
.sec-solo header, .sec-solo-2 header {margin:0;padding:0;margin-bottom:3em;font-size:0.75em;}
.sec-solo header h1, .sec-solo-2 header h1, .sec-solo header h2, .sec-solo-2 header h2, .sec-solo header h3, .sec-solo-2 header h3 {width:100%;padding-left:0;padding-right:0;text-align:center;}
.mehr-filme .box-filme {width:220px;height:133px;margin:0;padding:0;margin-left:auto;margin-right:auto;}
.mehr-filme .film-info, .mehr-filme .schaltflaeche {display:block;width:220px;}
.praesentation-bild header {}
.startbild .box-bildtext header {font-size:0.75em;margin:0;padding:0;height:144px; background-size:auto 120px;}
.startbild .box-bildtext header h2,.startbild .box-bildtext header h5 {box-sizing:border-box;padding-right:100px;text-align:left;float:left;}
.startbild .box-bildtext header h2 {font-size:2.5em;}
.kuenstler {box-sizing:border-box;padding-left:24px;padding-right:24px;}
.mehr-bilder figure {float:left;width:100%; height:auto;padding:8px;padding-left:10%;padding-right:10%;}
.mehr-bilder figure img { width:100%; height:auto; box-sizing:border-box;padding:8px;background-color: rgba(255, 255, 255, 0.4);}
.bilder-framebox {margin-top:2em;}
.bilder-framebox, .bild-zelle-filmframe {width:280px;height:158px;}
.bild-zelle-info {display:block;width:280px;margin-left:auto;margin-right:auto;}
.startbild .schaltflaeche {width:280px;position:relative;margin-top:12px;}
.meldung-2024-box h2 {font-size:2.5em;margin-bottom:18px;}
.meldung-2024-box h3 {font-size:1.65em;}
#meldung-termin h1 {font-size:2.85em;margin-bottom:6px;}
#meldung-termin h2 {font-size:1.85em;}
#meldung-termin h3 {font-size:1.25em;}
#meldung-text {font-size:0.75em;}
}
@media only screen and (max-width: 380px) {
.bild-zelle-info {display:block;width:240px;margin-left:auto;margin-right:auto;}
.startbild .schaltflaeche {width:240px;position:relative;margin-top:12px;}
.bilder-framebox {margin-top:2em;}
.bilder-framebox, .bild-zelle-filmframe {width:200px;height:113px;}
.bild-zelle-info {display:block;width:200px;margin-left:auto;margin-right:auto;}
.startbild .schaltflaeche {width:200px;position:relative;margin-top:12px;}

#meldung-termin h1 {font-size:2.2em;}
#meldung-termin h2 {font-size:1.5em;}
#meldung-termin h3 {font-size:0.95em;line-height:125%;}
#meldung-text {}
}

/* 2024-03-30 */

/* ARCHIV */
article.archiv {width:100%;height:auto;border-bottom:dashed 1px #313131;margin-bottom:120px;}
article.archiv header {width:100%;height:auto;}
article.archiv header h2 {text-align:right;height:90px;overflow:visible}
article.archiv header h2 span {display:block;font-size:0.65em;line-height:18px;}
article.archiv div.archiv-line {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;margin-bottom:98px;box-shadow: 6px 4px 4px rgba(125,125,125,0.25);}
article.archiv div.archiv-line:last-child {border:none;} 
article.archiv div.archiv-line figure { width:auto; height:auto;overflow:hidden; box-sizing:border-box; background-color:#b3b3b3; padding-top:1px; background-image: url(../../images/0-0-bg-bottom-figure.jpg); background-repeat: no-repeat; background-position: center bottom; }
article.archiv div.archiv-line figure img {width:100%;max-width:128px;height:auto;display:block;vertical-align:bottom;margin-top:-3px;}
article.archiv div.archiv-line figure figcaption {font-size:0.75em;color:#fff;padding-left:8px;padding-right:8px;box-sizing:border-box;display:none;}
article.archiv div.archiv-line div.archiv-text {margin-left:32px;width:60%;height:auto;line-height:145%;}
article.archiv div.archiv-line div.archiv-text h3 {font-size:2.2em;display:block;width:100%;text-align:left;padding:0;margin:0;margin-bottom:18px;margin-top:-8px;}
article.archiv div.archiv-line div.archiv-text h3 span {font-size:0.575em;display:block;line-height:24px;}

@media only screen and (max-width: 560px) { 
article.archiv header h2 {text-align:right;height:auto;min-height:120px;background-color:#f3f3f3;box-sizing:border-box;padding:9px;text-align:center!important;}
article.archiv div.archiv-line {align-items:flex-start; margin-bottom:60px;}
article.archiv div.archiv-line figure { width:100%;height:auto;overflow:hidden;margin-bottom:18px;background-position: right bottom;border:solid 1px #878787;border-right:none;border-left:none;margin-bottom:36px;}
article.archiv div.archiv-line figure img {width:180px;height:auto;margin-top:-2px;}
article.archiv div.archiv-line div.archiv-text {margin-left:0;width:100%;height:auto;line-height:145%;}
article.archiv div.archiv-line figure {background-size:cover;}
}


@media only screen and (max-width: 420px) { 
article.archiv header h2 {text-align:right;height:auto;min-height:inherit;padding-bottom:18px;padding-top:18px;}
article.archiv div.archiv-line {display:inherit;float:left;width:100%;box-sizing:border-box;padding-left:12px;padding-right:12px;padding-bottom:32px;padding-top:32px;}
article.archiv div.archiv-line figure { float:left;width:100%;height:auto;overflow:hidden;margin-bottom:18px;background-position: right bottom}
article.archiv div.archiv-line figure img {width:100%;max-width:180px;height:auto;}
article.archiv div.archiv-line div.archiv-text {float:left;width:100%;margin-left:0;width:100%;height:auto;line-height:145%;}
article.archiv div.archiv-line figure {background-size:cover;}
}
div.archiv-ort { width:auto;height:auto;min-height: 46px;background-image: url(../../images/logo/logo-navi-mob.png); background-repeat: no-repeat; background-position: left 3px;background-size:46px auto;box-sizing:border-box;padding-left:54px;font-size:0.775em;margin-bottom:6px;padding-top:6px;}
div.archiv-ort, div.archiv-ort p {line-height:100%;}
body p {line-height:165%;}


/* ----- TOOLS ----- */ 
/*baguetteBox */
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.3.1
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: rgba(70,70,70,0.925); /*background-color:rgba(255,255,255,0.985);background-color:#6488cb;*/-webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
#baguetteBox-overlay.visible {opacity: 1;}
#baguetteBox-overlay { background-image: url(../../images/logo/galerie-unterwegs-logo.png); background-repeat:no-repeat; background-size:60px auto; background-position: right bottom; border:2px solid rgba(255,255,255,0.4); }
#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: 100%;}
#baguetteBox-overlay .full-image img { -webkit-box-sizing:border-box; box-sizing:border-box;padding:12px;border:solid 1px #666; display: inline-block; width: auto; height: auto; max-height: 80%; max-width: 80%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background-color:#fff;}
#baguetteBox-overlay .full-image figcaption {/* #################### Schrift Bild */ display: block; position: absolute; bottom: 0; width: 100%; text-align: center; padding-top: 2em; padding-bottom: 2em; color: rgba(255,255,255,0.875); font-size: 14px;letter-spacing:2px;font-weight:normal;font-family: sans-serif;line-height:120%;}
#baguetteBox-overlay .full-image figcaption::first-line {/* #################### Schrift Bild */ font-size: 16px; letter-spacing:1px;}
#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#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;}
.baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; border-radius: 15%;color: #fff; -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; }
.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,.baguetteBox-button#next-button,.baguetteBox-button#previous-button   {background-color:rgba(0,0,0,0);}
/* Zusatz 2025-10-04 */
div.baguetteBoxOne figure figcaption {line-height:115%;padding-bottom:12px;}
div.baguetteBoxOne figure figcaption::first-line {font-weight:500;font-size:16px;letter-spacing:1px;} 
div.baguetteBoxOne figure figcaption span {display:block;margin-top:9px;}
/* ende BaguetteBox  */ 

@media only screen and (max-width: 680px) { 




}