@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: #FFFFEA; text-shadow: none; color: #4C3423; }
::selection { background: #FFFFEA; text-shadow: none; color: #4C3423; }

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

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

/* Tobii 2.8.0 (dist/tobii.min.css, ohne Änderungen) */
: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}

/*!
 * jQCloud 2.0.3
 * Copyright 2011 Luca Ongaro (http://www.lucaongaro.eu)
 * Copyright 2013 Daniel White (http://www.developerdan.com)
 * Copyright 2014-2017 Damien "Mistic" Sorel (http://www.strangeplanet.fr)
 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */
.jqcloud{overflow:hidden;position:relative;color:#00CCFF;line-height:normal;font-size:10px;font}
.jqcloud-word {margin: 0;padding: 0;}
.jqcloud-word a {color: inherit;font-size: inherit;text-decoration: none;}
.jqcloud-word a:hover{color:inherit;}
.jqcloud-word.w6{font-size:700%; font-family: 'Alex Brush', cursive; color:#00CCFF;}
.jqcloud-word.w5{font-size:400%; font-family: 'Alex Brush', cursive; color:#FFA909;}
.jqcloud-word.w4{font-size:250%; color:#BF975D;}
.jqcloud-word.w3{font-size:190%; color:#693B10;}
.jqcloud-word.w2{font-size:150%; color:#FFA909;}
.jqcloud-word.w1{font-size:120%; color:#905617;}

/*
  Hellbraun: #FFEEBB
  Dunkelbraun: #4C3423
  Beige: #FFFFEA
  Gelb: #FFCC00
  Weinrot: #990000
*/

/* ---------------------------------------------------*/
/* GLOBAL */

body, html { height: 100%; }
body { background-color: #FFEEBB; color: #4C3423; font-family: 'Quattrocento', serif; font-size: 17px; line-height: 1.4; text-align: center; }
a, a:link, a:visited { text-decoration: none; }
a:hover, .linkformat:hover { text-decoration: underline; }
a:focus, a:active, .linkformat:focus, .linkformat:active { text-decoration: none; }
.linkformat { cursor: pointer; }
strong { font-weight: bold; }
em { font-style: italic; }

/* HEADER */
header { position: relative; }
#header-top { background-color: #4C3423; background-position: 0 0; background-repeat: repeat-x; height: 323px; position: relative; text-align: left; width: 100%; }
#header-top-inner, #header-middle-navi { margin: 0 auto; max-width: 960px; overflow: hidden; position: relative;  width: auto; }
#header-top-inner { height: 323px; }
#header-middle { background-color: #FFCC00; background-position: top left; background-repeat: repeat-x; padding: 12px 0 10px 0; position: relative; text-align: left; width: 100%; }
#header-bottom { background-color: #4C3423; background-position: bottom left; background-repeat: repeat-x; height: 72px; position: relative; width: 100%; }
#header-top-left { float: left; width: 400px; }
header img { height: auto; margin-left: 28px; margin-top: 24px; max-width: 100%; }
h1 { color: #FFFFEA; font-family: 'Alex Brush', cursive; font-size: 70px; font-weight: normal; line-height: 1; margin-left: 22px; margin-top: 1px; }
#header-top-navi { float: right; position: absolute; bottom: 28px; right: 3px; width: 400px; }
#header-middle-navi { }
nav a { font-family: 'Alex Brush', cursive; font-size: 30px; font-weight: normal; }
nav ul { line-height: 1.2; list-style: none; }
#header-top-navi ul { text-align: right; }
#header-top-navi li { padding: 2px 0 8px 0; }
#header-middle-navi li { display: block; float: left; padding: 6px 6px 0 6px; }
#header-top-navi a, #header-top-navi a:link, #header-top-navi a:visited { color: #FFFFEA; text-decoration: none; }
#header-top-navi a:hover, #header-top-navi a:focus, #header-top-navi a:active { color: #FFEEBB; text-decoration: none; }
#header-middle-navi a, #header-middle-navi a:link, #header-middle-navi a:visited { color: #4C3423; text-decoration: none; }
#header-middle-navi a:hover, #header-middle-navi a:focus, #header-middle-navi a:active { color: #990000; text-decoration: none; }
nav a::before, nav a::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; }
nav a::before { content: '['; margin-right: 0px; -webkit-transform: translateX(6px); -moz-transform: translateX(6px); transform: translateX(6px); }
nav a::after { content: ']'; margin-left: 6px; -webkit-transform: translateX(-6px); -moz-transform: translateX(-6px); transform: translateX(-6px); } 
nav a:hover::before, nav a:hover::after, nav a:focus::before, nav a:focus::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); }
#mobileMenu { display: none; position: fixed; top: 0; left: 0; width: 100%; }
#mobileMenu ul li { background-color: #4C3423; border-bottom: 2px solid #FFEEBB; display: block; font-family: 'Alex Brush', cursive; font-size: 25px; font-weight: normal; line-height: 1.2; padding: 10px 0; text-align: center; }
#mobileMenu a, #mobileMenu a:link, #mobileMenu a:visited { color: #FFFFEA; }
#mobileMenu a:hover, #mobileMenu a:focus, #mobileMenu a:active { color: #FFEEBB; text-decoration: none; }
.toggleMobile { display: none; }

/* FOOTER */
footer { line-height: 1.2; margin-top: 120px; position: relative; }
#footer-top { background-color: #4C3423; background-position: 0 0; background-repeat: repeat-x; height: 72px; position: relative; text-align: left; width: 100%; /*box-shadow: 0 4px 2px -2px black; evtl. box-shadow verwenden statt Schlagschatten im Hintergrund????? */ }
#footer-bottom { background-color: #FFCC00; background-position: bottom left; background-repeat: repeat-x; padding-bottom: 103px; position: relative; text-align: left; width: 100%; }
#footer-section { font-family: 'Alex Brush', cursive; font-size: 30px; font-weight: normal; margin: 0 auto; max-width: 960px; overflow: hidden; position: relative;  text-align: center; width: auto; }
footer p { padding: 10px 20px; }
.fontklein { font-size: 28px; }
footer a, footer a:link, footer a:visited { color: #4C3423; text-decoration: none; }
footer a:hover, footer a:focus, footer a:active { color: #990000; text-decoration: none; }

/* 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 { margin: 0 auto; max-width: 960px; position: relative;  width: auto; }
#content section { clear: both; margin: 141px 20px 0 20px; overflow: hidden; text-align: left; }
#content section.first-section { margin-top: 68px; }
.content-left { float: left; width: 26%; }
.content-right { float: right; width: 70%; }
.content-left img { height: auto; margin-top: 28px; max-width: 100%; }
h2 { border-bottom: 2px solid #4C3423; color: #4C3423; font-family: 'Alex Brush', cursive; font-size: 50px; font-weight: normal; line-height: 1; padding: 0 0 3px 90px; }
h3, .h3 { color: #4C3423; font-family: 'Alex Brush', cursive; font-size: 35px; font-weight: normal; line-height: 1; margin: 50px 0 0 0; }
h4, .h4 { font-family: 'Quattrocento', serif; font-size: 17px; font-weight: bold; margin-top: 45px; }
#content p { margin: 23px 0 0 0; }
h3.first { margin-top: 28px; }
#content p.impressum { font-size: 0.9rem; margin-top: 120px; }
.mt10 { margin-top: 7px !important; }
.pt10 { padding-top: 7px !important; }
#content a, #content a:link, #content a:visited, .linkformat, .symbolschrift { color: #990000; }
#content a:hover, #content a:focus, #content a:active, .linkformat:hover, .linkformat:focus { color: #DD0000; }
dl { padding: 23px 0 0 0; text-align: left; }
dl dt { clear: left; float: left; padding: 0; width: 90px; }
dl dd { padding: 0 0 0 95px; }
dl.dl-breit dt { width: 130px; padding-top: 5px; }
dl.dl-breit dd { padding-left: 140px; padding-top: 5px; }
table.steckbrief { margin-top: 20px; }
table.steckbrief tr { border-bottom: 1px solid #DEA872; }
table.steckbrief td { padding: 18px 0; }
table.steckbrief td.steckbrief-jahr { width: 155px; }
#content table.steckbrief p { margin: 0; }
#content table.steckbrief p.steckbrief-folge { margin-top: 10px; }
.symbolschrift { font-family: Arial, Helvetica, sans-serif; }
#steckbriefdiv h3 { margin-top: 30px; }
#content ul { padding-left: 1.4rem; margin-bottom: 5px; }
#content li { display: block; margin-top: 5px; }
#content li::before { content: "–"; float: left; margin-top: -2px; margin-left: -1.4rem; color: #4C3423; }
.text-justify p, .text-justify li { text-align: justify !important; }

/* GALERIE */
.gallery { margin: 10px -14px 0 -14px; overflow: hidden; }
figure.thumb { float: left; padding-bottom: 25%; position: relative; width: 25%; }
figure.thumb a { display: block; max-height: 140px; max-width: 140px; overflow: hidden; position: absolute; left: 14px; right: 14px; top: 14px; bottom: 14px; }
figure.thumb img { height: auto; max-width: 100%; }
.thumb-zoom { background-color: #FFEEBB; 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: 90; }
.thumb-zoom:hover { opacity: 0.5; }
.gallery-hidden-items { display: none; }

/* MISC */
.clear { clear: both; }
.hidden, .gallery figcaption { clip: rect(1px, 1px, 1px, 1px); position: absolute; }
.nowrap { white-space: nowrap; }
footer a.go-top { background-color: rgba(76, 52, 35, 0.3); color: #FFEEBB; display: none; font-size: 12px; padding: 0.8em; position: fixed; bottom: 2em; left: 2em; text-decoration: none; }
footer a.go-top:hover { background-color: rgba(76, 52, 35, 0.8); text-decoration: none; }

/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
.rwd-break { display: none; padding-right: 80px; }
@media only screen and (max-width: 900px) {
  #footer-section { font-size: 26px; }
  .fontklein { font-size: 24px; }
  #content p.impressum { margin-top: 60px; }
}

@media only screen and (max-width: 800px) { /* Small desktop / ipad view */
  #content section { margin-top: 100px; }
  figure.thumb { /* 3 Thumbnails nebeneinander */ padding-bottom: 33.3%; width: 33.3%; }
  h2 { padding-left: 60px; }
  #content p.impressum { margin-top: 40px; }
}

@media only screen and (max-width: 750px) {
  .rwd-break { display: inline; }
}

@media only screen and (max-width: 650px) { /* Tablet view */
  #header-top-left { float: none; margin-top: 10px; text-align: center; width: auto; }
  header img { height: 165px; margin: 0; width: 270px; }
  h1 { font-size: 50px; margin: 0; }
  nav a { font-size: 26px; }  #header-top-navi { float: none; position: absolute; bottom: 35px; left: 0; width: auto; }
  #header-top-navi li { display: block; float: left; padding: 0 6px 0 6px; }
  #content section { margin-top: 90px; }
  .content-left, .content-right { float: none; width: auto; }
  figure.thumb { /* 4 Thumbnails nebeneinander */ padding-bottom: 25%; width: 25%; }
  h2 { font-size: 40px; padding-left: 0; }
  h3, .h3 { font-size: 28px; }
  .rwd-break { display: none; }
  .rwd-break2 { display: none; }
}

@media only screen and (max-width: 580px) {
  figure.thumb { /* 3 Thumbnails nebeneinander */ padding-bottom: 33.3%; width: 33.3%; }
}

@media only screen and (max-width: 480px) {
  /* Smartphone view */
  #mobileMenu { display: block; z-index: 99; }
  .toggleMobile { cursor: pointer; display: block; height: 36px; position: fixed; top: 10px; left: 10px; width: 40px; z-index: 999; }
  .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 { background: #FFFFEA; display: block; height: 8px; position: absolute; left: 0; width: 40px; -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
  .toggleMobile span.menu1 { top: 0; }
  .toggleMobile span.menu2 { top: 14px; }
  .toggleMobile span.menu3 { top: 28px; }
  .toggleMobile.active span.menu1 { top: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
  .toggleMobile.active span.menu2 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
  .toggleMobile.active span.menu3 { opacity: 0; -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
  body { font-size: 15px; }
  #header-top { background-color: #FFEEBB; }
  #header-top-left { margin-top: 20px; }
  header img { height: auto; width: auto; }
  h1 { font-size: 60px; margin-top: 5px; }
  #header-top-navi, #header-bottom, #header-middle-navi { display: none; }
  .go-top { display: none !important; }
  #header-middle { background-color: #FFEEBB; }
  #content section { margin-top: 80px; } 
  #content section.first-section { margin-top: 40px; }
  footer { margin-top: 60px; }
  .nowrap { white-space: normal; }
  footer .nowrap { white-space: nowrap; }
  table.steckbrief td { padding: 16px 0; }
  table.steckbrief td.steckbrief-jahr { width: 100px; }
  dl dt { clear: both; float: none; width: 100% !important; padding-top: 8px !important; }
  dl dd { padding: 0 !important; }
}

@media only screen and (max-width: 420px) {
  figure.thumb { /* 2 Thumbnails nebeneinander */ padding-bottom: 50%; width: 50%; }
}

/* 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: 6rem; } /* wenn Display genug hoch -> schwarzer Rahmen um Foto, Legende darunter */
  .tobii .tobii__slide figure > img { background-color: #000000; padding: 3rem 3rem 6rem 3rem; }
}

#tagcloudcontainer { width: 100%; height: 680px; }
@media only screen and (max-width: 800px) { #tagcloudcontainer { height: 800px; } }
@media only screen and (max-width: 650px) { #tagcloudcontainer { height: 650px; } }
@media only screen and (max-width: 480px) { #tagcloudcontainer { height: 750px; } }

@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: 12pt; }
  #header-middle, #header-top-navi, #header-top-left img, #mobileMenu, #header-bottom, #steckbrieflink { display: none !important; }
  #header-top { height: 1.2em; }
  #tagcloudcontainer, .gallery-hidden-items { display: none !important; }
  #steckbriefdiv { display: block !important; }
  #content { margin: 0; max-width: 100%; }
  #content section { margin-top: 2em; }
  .content-left { padding-right: 2em; padding-bottom: 0.8em; }
  .content-right { float: none; width: 100%; }
  h1 { position: relative; bottom: 0; top: 0; left: 0; font-size: 50pt !important; }
  h2, h3, h4 { margin: 0; padding: 1em 0 0 0; page-break-after: avoid; }
  h2 { font-size: 36pt !important; }
  h3 { font-size: 24pt !important; }
  p, h2, h3, h4 { orphans: 3; widows: 3; }
  a { text-decoration: underline !important; }
  .gallery { margin-top: 1.5em; }
  table.steckbrief td { padding: 8px 0; }
  #footer-section { font-size: 16pt; }
  img { border: none; /*page-break-inside: avoid;*/ max-width: 100% !important; }
}