@charset "UTF-8";

/* html5doctor.com Reset v1.6.1 - http://html5doctor.com/html-5-reset-stylesheet/ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}
body{line-height: 1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
nav ul{list-style: none}
blockquote,q{quotes: none}
blockquote::before,blockquote::after,q::before,q::after{content: none}
a{margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent}
ins{background-color: #ff9;color: #000;text-decoration: none}
mark{background-color: #ff9;color: #000;font-style: italic;font-weight: bold}
del{text-decoration: line-through}
abbr[title],dfn[title]{border-bottom: 1px dotted;cursor: help}
table{ /*border-collapse: collapse;*/ border-spacing: 0}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}
input,select{vertical-align: middle}
a, a:hover, a:active, a:focus {outline: none}
::-moz-selection { background: #555555; text-shadow: none; color: #EEEEEE; }
::selection { background: #555555; text-shadow: none; color: #EEEEEE; }

/* dosis-regular */
@font-face {
  font-family: 'Dosis'; font-style: normal; font-weight: 400; src: url('dosis-v7-latin-regular.eot'); src: local('Dosis Regular'), local('Dosis-Regular'), url('dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'), url('dosis-v7-latin-regular.woff2') format('woff2'), url('dosis-v7-latin-regular.woff') format('woff'), url('dosis-v7-latin-regular.ttf') format('truetype'), url('dosis-v7-latin-regular.svg#Dosis') format('svg');
}

/* open-sans-regular */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('open-sans-v15-latin-regular.eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), url('open-sans-v15-latin-regular.woff2') format('woff2'), url('open-sans-v15-latin-regular.woff') format('woff'), url('open-sans-v15-latin-regular.ttf') format('truetype'), url('open-sans-v15-latin-regular.svg#OpenSans') format('svg');
}

/* Tobii 2.8.0 (dist/tobii.min.css) */
:root{--tobii-base-font-size:1rem;--tobii-transition-duration:0.3s;--tobii-transition-timing-function:cubic-bezier(0.19,1,0.22,1);--tobii-zoom-icon-background:rgba(25,41,56,.94);--tobii-zoom-icon-color:#fff;--tobii-lightbox-background:rgba(0,0,0,.85);--tobii-lightbox-z-index:1337;--tobii-caption-background:rgba(0,0,0,.8);--tobii-caption-color:#eee;--tobii-counter-background:transparent;--tobii-counter-color:#fff;--tobii-button-background:transparent;--tobii-button-navigation-background:rgba(0,0,0,.5);--tobii-button-color:#fff;--tobii-loader-color:#fff;--tobii-slide-max-height:calc(100vh - 3.125em);--tobii-slide-max-width:100vw}.tobii-zoom{border:0;box-shadow:none;display:inline-block;position:relative;text-decoration:none}.tobii-zoom img{display:block}.tobii-zoom__icon{align-items:center;background-color:var(--zoom-icon-background,var(--tobii-zoom-icon-background));color:var(--zoom-icon-color,var(--tobii-zoom-icon-color));display:flex;height:1.78em;justify-content:center;line-height:1;position:absolute;right:.5em;top:.5em;width:1.78em}.tobii-zoom__icon svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;stroke:currentColor;height:1.5em;pointer-events:none;width:1.5em}body.tobii-is-open{overflow-y:hidden}.tobii-image,.tobii-is-open{touch-action:none}.tobii{background-color:var(--lightbox-background,var(--tobii-lightbox-background));bottom:0;box-sizing:border-box;contain:strict;font-size:var(--base-font-size,var(--tobii-base-font-size));left:0;line-height:1.5;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--lightbox-z-index,var(--tobii-lightbox-z-index))}.tobii[aria-hidden=true]{display:none}.tobii *,.tobii :after,.tobii :before{box-sizing:inherit}.tobii__slider{bottom:0;left:0;position:absolute;right:0;top:3.125em;will-change:transform}.tobii__slider[aria-hidden=true]{display:none}@media screen and (prefers-reduced-motion:no-preference){.tobii__slider--animate:not(.tobii__slider--is-dragging){transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:transform;transition-timing-function:var(--transition-timing-function,var(--tobii-transition-timing-function))}}.tobii__slider--is-draggable [data-type]{cursor:grab}.tobii__slider--is-dragging [data-type]{cursor:grabbing}.tobii__slider--is-moving [data-type]{cursor:move}.tobii__slide{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.tobii__slide:not(.tobii__slide--is-active){visibility:hidden}@media screen and (prefers-reduced-motion:no-preference){.tobii__slide:not(.tobii__slide--is-active){transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:visibility;transition-timing-function:var(--timing-function,var(--tobii-transition-timing-function))}}.tobii__slide [data-type]{-ms-scroll-chaining:none;max-height:100%;max-width:var(--slide-max-width,var(--tobii-slide-max-width));overflow:hidden;overscroll-behavior:contain}.tobii__slide iframe,.tobii__slide video{display:block!important}.tobii__slide figure{margin:0;position:relative}.tobii__slide figure>img{display:block;height:auto;max-height:var(--slide-max-height,var(--tobii-slide-max-height));max-width:var(--slide-max-width,var(--tobii-slide-max-width));width:auto}.tobii__slide figure>figcaption{background-color:var(--caption-background,var(--tobii-caption-background));bottom:0;color:var(--caption-color,var(--tobii-caption-color));font-size:1.125em;padding:.25em .5em;position:absolute;transition:background-color .3s ease-in-out,color .3s ease-in-out;white-space:pre-wrap;width:100%}.tobii__slide figure>figcaption:has(button.caption-toggle[aria-expanded=false]){background-color:transparent;color:transparent}.tobii__slide figure>figcaption:has(button.caption-toggle[aria-expanded=false])>button.caption-toggle:after{opacity:.6}.tobii__slide figure>figcaption:has(button.caption-toggle[aria-expanded=false])>button.caption-toggle:hover:after{opacity:1}.tobii__slide figure>figcaption>button.caption-toggle{background:transparent;border:none;color:transparent;cursor:pointer;height:100%;left:0;margin:0;padding:0 3em 0 0;position:absolute;top:0;width:100%;z-index:2}.tobii__slide figure>figcaption>button.caption-toggle:after{align-items:center;background-color:var(--caption-background,var(--tobii-caption-background));border-radius:50%;bottom:.375em;color:var(--caption-color,var(--tobii-caption-color));content:"ⓘ";display:flex;font-size:1.25em;height:1.5em;justify-content:center;line-height:1;opacity:0;padding:.25em;pointer-events:none;position:absolute;right:.375em;transition:opacity .3s ease-in-out;width:1.5em}.tobii__slide [data-type=html]{overflow-y:auto}.tobii__slide [data-type=html] video{cursor:auto;max-height:var(--slide-max-height,var(--tobii-slide-max-height));max-width:var(--slide-max-width,var(--tobii-slide-max-width))}.tobii__slide [data-type=html] audio{max-width:100%}.tobii__slide [data-type=iframe]{-webkit-overflow-scrolling:touch;transform:translate(0)}.tobii__slide [data-type=iframe] iframe{height:var(--slide-max-height,var(--tobii-slide-max-height));width:var(--slide-max-width,var(--tobii-slide-max-width))}.tobii__btn{appearance:none;background-color:var(--button-background,var(--tobii-button-background));border:1px solid transparent;color:var(--button-color,var(--tobii-button-color));cursor:pointer;font:inherit;line-height:1;margin:0;opacity:.5;padding:0;position:absolute;touch-action:manipulation;will-change:opacity;z-index:1}.tobii__btn:hover{opacity:1}@media screen and (prefers-reduced-motion:no-preference){.tobii__btn{transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:opacity,transform;transition-timing-function:var(--transition-timing-function,var(--tobii-transition-timing-function));will-change:opacity,transform}}.tobii__btn svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;stroke:currentColor;height:3.75em;pointer-events:none;width:3.75em}.tobii__btn--next,.tobii__btn--previous{background-color:var(--button-navigation-background,var(--tobii-button-navigation-background));border-radius:5px;top:50%;transform:translateY(-50%)}.tobii__btn--previous{left:1em}.tobii__btn--next{right:1em}.tobii__btn--close{height:2.5em;opacity:.75;right:.25em;top:.25em;width:2.5em}.tobii__btn--close svg{height:100%;transform:scale(1.4);width:100%}.tobii__btn:disabled,.tobii__btn[aria-hidden=true]{cursor:default;visibility:hidden}.tobii__counter{background-color:var(--counter-background,var(--tobii-counter-background));color:var(--counter-color,var(--tobii-counter-color));font-size:1.25em;left:.875em;line-height:1;opacity:.8;position:absolute;top:.875em;z-index:1}.tobii__counter[aria-hidden=true]{display:none}.tobii__counter p{display:inline}.tobii__loader{display:inline-block;height:6em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6em}.tobii__loader:before{animation:spin 1s infinite;border:2px solid #949ba3;border-radius:100%;border-top:2px solid var(--loader-color,var(--tobii-loader-color));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@keyframes spin{to{transform:rotate(1turn)}}.tobii__slide .tobii-html{background:#fff;font-size:1.125em;max-width:800px;padding:10px 20px}

/* --------------------------------------------------------------------------------------*/
/* GLOBAL */
body, html { height: 100%; }
body { background-color: #EEEEEE; color: #555555; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 17px; line-height: 1.5; text-align: center; }
a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }

/* HEADER */
#print_logo { display: none; }
#page { background-color: #DDDDDD; margin: 0 auto; max-width: 1000px; border-left: 2px solid #284564; border-right: 2px solid #284564; position: relative; width: auto; z-index: 1; }
.ie6 #page { width: 1000px; }
header { position: relative; width: 100%; padding-top: 7%; }
.header-container { height: auto; max-height: 222px; position: relative; width: 100%; border-top: 2px solid #284564; border-bottom: 2px solid #284564; background-color: #FCF8F3; overflow: hidden; }
.ie6 .header-container { display: none; }
.slider-left-placeholder { position: relative; width: 32.9%; float: left; }
.slider-overlay { width: 100%; position: absolute; background-color: transparent; background-position: top left; background-repeat: repeat-y; z-index: 400; padding-bottom: 33.1%; }
#slider-container { position: relative; width: 67.1%; max-width: 671px; float: right; }
.ie7 #slider-container { width: auto; }
#slider-container img {	display: block; height: auto; width: auto; max-width: 100%; }
#slider-container img.slider-mobile { display: none; }
#logo { display: block; }
#logo img { height: auto; max-width: 285px; min-width: 190px; position: absolute; left: 3.0%; top: 4.0%; width: 28.5%; z-index: 500; }
.ie6 #logo img { width: 285px; height: 298px; position: relative; top: 0; left: 0; }

#navi_desktop { display: block; width: 100%; position: relative; background-color: #B4B4B4; border-top: 2px solid #284564; border-bottom: 2px solid #284564; font-family: 'Dosis', serif; font-weight: 400; font-size: 1.15em; text-transform: uppercase; overflow: auto; padding: 6px 0; margin-top: 30px; text-align: center; }
#navi_desktop ul { list-style: none; margin: 0 auto; }
#navi_desktop li { display: inline-block; padding: 0 18px; white-space: nowrap; }
#navi_desktop a, #navi_desktop a:link, #navi_desktop a:visited { color: #555555; text-decoration: none; }
#navi_desktop a:hover, #navi_desktop a:focus, #navi_desktop a:active, #navi_desktop .aktiv a { color: #274564; /*????*/ text-decoration: none; text-shadow: 2px 2px 2px #CFCFCF; }

.navi-top #navi_mobile { display: none; }
#navi_mobile { position: fixed; top: 0; margin: 0 auto; max-width: 1000px; width: 100%; z-index: 600; background: transparent; }
.ie7 #navi_mobile { text-align: left; }
#navi_mobile div { position: relative; top: 0; left: 2.5%; width: 200px; overflow: hidden; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; text-align: left; font-family: 'Dosis', serif; font-weight: 400; font-size: 1.15em; text-transform: uppercase; }
#navi_mobile ul { line-height: 2em; list-style: none; margin-top: 8px; margin-bottom: 15px; }
#navi_mobile li { display: block; padding: 0; }
#navi_mobile a, #navi_mobile a:link, #navi_mobile a:visited, #navi_mobile a:focus, #navi_mobile a:active { color: #EEEEEE; text-decoration: none; display: block; padding: 0 20px; }
#navi_mobile a:hover, #navi_mobile a:focus, #navi_mobile a:active, #navi_mobile .aktiv a { color: #2a4665; text-decoration: none; background-color: rgba(180,180,180,0.3); text-shadow: 2px 2px 2px #9F9F9F; }
.toggle { background-color: rgba(102,102,102,0.95); }
.navi-scrolled .toggle { background-color: rgba(102,102,102,0.8); }
.toggle:hover { background-color: rgba(102,102,102,0.95); }
.toggle-trigger { line-height: 2.4em; background-position: right 3px; background-repeat: no-repeat; }
.toggle-trigger:hover { background-position: right -1997px; }
.toggle-active { background-color: rgba(102,102,102,0.95); }
.toggle-active .toggle-trigger { background-position: right -997px; }
.toggle-active .toggle-trigger:hover { background-position: right -2997px; }
.toggle-content { display: none; }

#fb { position: absolute; top: 10px; right: 30px; width: 29px; height: 29px; z-index: 620; }
#fb a { display: block; width: 29px; height: 29px; }

/* Automatische Silbentrennung */
#content, footer { 
  hyphens: auto; /* Silbentrennung aktivieren */
  hyphenate-limit-chars: auto 3;
  hyphenate-limit-lines: 4;
  overflow-wrap: break-word; word-wrap: break-word; /* Wörter trennen wenn nötig */
}

/* CONTENT */
#content { position: relative; width: 100%; z-index: 100; }
section { width: 90%; text-align: left; }
h1, h2 { font-family: 'Dosis', serif; font-weight: 400; line-height: 1.4; font-size: 2em; color: #555555; border-bottom: 2px solid #555555; margin: 2em 0 2px 10%; }
.section-content { clear: both; padding: 1em 0 0 33%; }
.section-home { clear: both; padding: 1em 0 0 10%; }
h3 { font-family: 'Dosis', serif; font-weight: 400; line-height: 1.4; font-size: 1.5em; padding: 2.2em 0 0 0; }
h4 { font-family: 'Dosis', serif; font-weight: 400; line-height: 1.4; font-size: 1.3em; padding: 2em 0 0 0; }
section p { margin: 1em 0 0 0; }
section p.lead { font-size: 1.3rem; margin-top: 1.5em; }
section a, section a:link, section a:visited { color: #A20000; }
section a:hover, section a:focus, section a:active { color: #D20000; }
section p a { display: inline; }
section img { max-width: 100%; height: auto; border: 2px solid #284564; margin: 1em 0 0 0; }
section img.img-rechts { float: left; margin: 1.3em 2em 1em 0; max-width: 40%; }
section a:hover img { border-color: #A20000; }
section ul { list-style-type: none; margin: 0.5em 0 0 1em; }
section li { background-color: transparent; background-repeat: no-repeat; background-position: 0 0.4em; list-style-type: none; margin-top: 0.5em; padding-left: 23px; }
dl { padding: 0; text-align: left; }
dt { float: left; clear: left; width: 7em; white-space: nowrap; padding-top: 1em; }
.abstand-gross { padding-top: 2em; }
dd { margin-left: 7.3em; padding-top: 1em; }
.text-justify p, .text-justify li { text-align: justify !important; }

figure { margin: 1em 0 2em 0; text-align: center; }
figcaption { font-size: 0.9em; font-style: italic; text-align: center; }
section figcaption a, section figcaption a:link, section figcaption a:visited { color: #555555; }
section figcaption a:hover, figcaption section a:focus, section figcaption a:active { color: #D20000; }

.a-container a, .i-container div { display: block; clear: left; overflow: auto; margin-top: 2em; }
section .a-container a, section .a-container a:link, section .a-container a:visited { color: #555555; }
section .a-container a:hover, section .a-container a:focus, section .a-container a:active { color: #A20000; text-decoration: none; }
section .a-container img, section .i-container img { max-width: 35%; float: left; margin-top: 0.4em; }
.a-container h3, .a-container h4, .i-container h3, .i-container h4 { padding-top: 0; margin-left: 41%; }
.a-container p, .i-container p { margin-left: 41%; }

footer { border-top: 2px solid #284564; margin-top: 4em; background-color: #B4B4B4; }
footer p { padding: 0.8em 1.5em; text-align: center; font-size: 0.9em; }
footer p.klein { padding-top: 0; padding-bottom: 1.4em; font-size: 0.8em; }
footer a, footer a:link, footer a:visited { color: #555555; }
footer a:hover, footer a:focus, footer a:active { color: #274564; }

/* MISC */
.clear { clear: both; }
.cf::after { clear: both; content: ''; display: table; }
.hidden { clip: rect(1px, 1px, 1px, 1px); position: absolute; }
.nowrap { white-space: nowrap; }
.info { color: red; }
.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }

/* GALERIE */
.gallery figcaption { clip: rect(1px, 1px, 1px, 1px); position: absolute; }
.gallery-indicator, #gallery-indicator-active { display: none; } /* wird benötigt, damit via jQuery 2-4 Thumbnails nebeneinander im Container-Div ausgegeben werden können */
.gallery { margin-top: 20px; overflow: hidden; position: relative; }
.gallery-row { background-color: #EEEEEE; border: 1px solid #555555; margin-top: 15px; overflow: hidden; padding: 4px; position: relative; }
figure.thumb { float: left; padding-bottom: 25%; position: relative; width: 25%; margin: 0; }
figure.thumb a { display: block; max-height: 140px; max-width: 140px; overflow: hidden; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; }
section figure.thumb img { height: auto; max-width: 100%; border: 0 none; margin: 0; }
.thumb-zoom { background-color: #FFF3E8; background-position: center center; background-repeat: no-repeat; display: block; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; transition: opacity .3s ease; width: 100%; z-index: 120; }
.thumb-zoom:hover { opacity: 0.5;}

/* Tabellen inkl. Stacktable (js) */
table { width: 99%; margin-top: 2em; font-size: 0.9em; background: #eaebec; border: #ccc 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; }
table th { padding: 1em 0.6em; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); }
table th::first-child { text-align: left; }
table tr::first-child th::first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
table tr::first-child th:last-child { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
table tr { text-align: center; }
table tr td::first-child { text-align: left; border-left: 0; }
table tr td { padding: 0.6em; border-top: 1px solid #ffffff; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); }
table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6); }
table tr:last-child td { border-bottom: 0; }
table tr:last-child td::first-child { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
table tr:last-child td:last-child { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }

.st-head-row.st-head-row-main { display: none; }
.st-val { text-align: left; }
/*
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }
*/
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 650px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

/* MEDIA QUERIES für RESPONSIVE LAYOUT */
@media only screen and (max-width: 1040px) {
  #page { border: 0 none; }
}

@media only screen and (max-width: 950px) {
  #navi_desktop { text-align: center; }
  .section-content { padding-left: 26%; }
}

@media only screen and (max-width: 850px) { /* Small desktop / ipad view */
  body { font-size: 16px; }
  #navi_desktop { font-size: 1.3em; }
  #navi_desktop li { padding: 0 38px; }
  header { padding-top: 7.5%; }
  h1, h2 { margin-top: 1.5em; }
  .section-content { padding-left: 20%; }
}

@media only screen and (max-width: 710px) {
  section { width: 100%; }
  h1, h2 { margin: 1.5em 7% 2px 7%; }
  .section-content { padding: 1em 7% 0 7%; }
  .section-home { padding: 1em 7% 0 7%; }
}

@media only screen and (max-width: 650px) { /* Tablet view */
  header { padding-top: 9%; }
  #navi_desktop { margin-top: 40px; }
  #navi_desktop li { padding: 0 22px; }
  section img.img-rechts { float: none; max-width: 100%; margin-right: 0; margin-bottom: 0; }
}

@media only screen and (max-width: 580px) {
  #navi_desktop { display: none; }
  .navi-top #navi_mobile { display: block; }
  #navi_mobile div { float: right; margin-right: 1em; left: auto; }
  header { padding-top: 11%; }
  .slider-left-placeholder { width: 0%; display: none; }
  #slider-container { width: 100%; float: none; }
  .bxslider, .slider-overlay { display: none; }
  .bx-wrapper { display: none !important; }
  #slider-container img.slider-mobile { display: block; }
  #logo img { top: 5%; width: 44%; }
  dt { float: none; width: 100%; }
  dd { margin-left: 0; padding-top: 0.1em; }
  dd.abstand-gross { padding-top: 0.1em; }
  #fb { right: auto; left: 0.5em; top: 0.5em; }
}

@media only screen and (max-width: 550px) {
  .gallery { margin-top: 10px; }
  #gallery-indicator-2t { display: none; } /* 3 Thumbnails nebeneinander */
  #gallery-indicator-3t { display: block; }
  figure.thumb { padding-bottom: 33.3%; width: 33.3%; }
}

@media only screen and (max-width: 480px) { /* Smartphone view */
  body { font-size: 15px; }
  footer p { font-size: 1em; }
  footer .nowrap { display: block; }
  footer .trenner { display: none; }
  footer br { display: none; }
}

@media only screen and (max-width: 450px) {
  .header-container { display: none; }
  #logo img { position: relative; width: 75%; left: auto; top: auto; margin: 1em auto 0 auto; }
  h1 { margin-top: 1em; }
  .a-container a, .i-container div { text-align: center; margin-top: 3em; }
  section .a-container img, section .i-container img { float: none; max-width: 45%; }
  .a-container h3, .a-container h4, .i-container h3, .i-container h4 { margin-left: 0; text-align: left; padding-top: 0.5em; }
  .a-container p, .i-container p { margin-left: 0; text-align: left; }
}

@media only screen and (max-width: 380px) {
  #gallery-indicator-2t { display: block; } /* 2 Thumbnails nebeneinander */
  #gallery-indicator-3t { display: none; }
  figure.thumb { padding-bottom: 50%; width: 50%; }
}

/* BxSlider */
.bx-wrapper { margin: 0 auto; padding: 0; position: relative; clear: both; }
.bx-wrapper img { display: block; max-width: 100%; }
.bxslider { margin: 0; padding: 0; }
ul.bxslider { list-style: none; }
.bx-viewport { -webkit-transform: translatez(0); }
.bx-wrapper { background: #F9F9F5; }
.bx-wrapper .bx-loading { background: url(../images/bx_loader.gif) center center no-repeat #F9F9F5; height: 100%; min-height: 50px; position: absolute; top: 0; left: 0; width: 100%; z-index: 150; }

/* Tobii Lightbox */
html.tobii-is-open { overflow-y: visible; } /* FIX verhindert Sprung der Hintergrundseite nach oben (top) */
.tobii__slide [data-type] { overflow-y: hidden; } /* FIX verhindert Scrollbar beim Laden */
.lightbox:hover { cursor: zoom-in; }
.tobii .tobii__slide figure > figcaption { font-size: 90%; background-color: rgba(0,0,0,.5); color: #fff; text-align: left; line-height: 1.2; padding: 1rem 3rem; }
.tobii .tobii__slide figure small { color: #bdbdbd; }
@media screen and (min-height: 600px) {
  .tobii .tobii__slide figure > figcaption { background-color: transparent; height: 7rem; } /* wenn Display genug hoch -> schwarzer Rahmen um Foto, Legende darunter */
  .tobii .tobii__slide figure > img { background-color: #000000; padding: 3rem 3rem 7rem 3rem; }
}

/* YouTube */
.video { aspect-ratio: 16 / 9; width: 100%; }

@media print { /* Print Styles */
* { background: transparent !important; color: #000 !important; text-shadow: none !important; line-height: 1.4 !important; }
html, body { height: auto; min-width: 0; }
body { text-align: left; font-size: 11pt; }
#print_logo { display: block; }
.print_logo_left { float: left; width: 60%; height: 160pt; font-size: 10pt; }
.print_logo_right { float: right; width: 35%; text-align: right; }
#print_logo img { width: 153pt; height: 160pt; }
.print_logo_left p { padding-top: 1em; }
#print_logo a { text-decoration: none !important; }
header, #fb, footer { display: none; }
#page { margin: 0; max-width: 100%; border-left: 0 none; border-right: 0 none; }
section { width: 100%; }
.section-content, .section-home { padding: 1em 0 2em 0; }
h1, h2, h3, h4 { margin: 0; page-break-after: avoid; padding: 0; }
h1, h2 { font-size: 20pt !important; padding-top: 2em; }
h3 { font-size: 16pt !important; padding-top: 1.8em; }
h4 { font-size: 14pt !important; padding-top: 1.5em; }
p, h2, h3, h4 { orphans: 3; widows: 3; }
a { text-decoration: underline !important; }
img { border: none; /*page-break-inside: avoid;*/ max-width: 100% !important; }
}