@charset 'utf-8';

/* ¡Renormasaniset */
*, ::before, ::after {background-repeat: no-repeat; box-sizing: border-box;} html {-webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -ms-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; -webkit-hyphenate-limit-lines: 3; -ms-hyphenate-limit-lines: 3; hyphenate-limit-lines: 3; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-y: scroll;} body {background-color: transparent;} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,input,kbd,label,legend,li,main,mark,menu,nav,object,ol,option,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video {margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} input {overflow: visible;} button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;} [type="checkbox"], [type="radio"] {padding: 0;} [type="search"] {-webkit-appearance: textfield; outline-offset: -2px;} textarea {overflow: auto; resize: vertical;} ::-webkit-input-placeholder {color: inherit; opacity: 0.4;} :-webkit-search-decoration {-webkit-appearance: none;} [hidden] {display: none;} audio, video {display: inline-block;} a {background-color: transparent; text-decoration:none } a, area, button, input, label, select, summary, textarea, [tabindex] {-ms-touch-action: manipulation; touch-action: manipulation;} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} table{border-collapse:collapse;border-spacing:0} b,strong{font-weight:bold} em,i{font-style:italic} h1,h2,h3,h4,h5,h6{font-weight:400} button, input, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;} abbr[title]{text-decoration: underline; text-decoration: underline dotted; cursor:help;} img {border-style: none; -moz-user-select: text; -webkit-user-select: text; user-select: text; -moz-user-drag: none; -webkit-user-drag: none; user-drag: none;} svg {fill: currentColor;} svg:not(:root) {overflow: hidden;} article p, article > ul, article > ol, article > * > li {margin: 0 0 .35em 0;} article > * > li {padding-left: 1.5em; text-indent: -1.5em;} article > ul > li:before {content: '» '; display: block; float: left; width: 1.5em;} article > ol {counter-reset: liste; list-style-type: none;} article > ol > li:before {counter-increment: liste; content: counter(liste) "."; display: block; float: left; width: 1.5em;}
/* Renormasaniset! */

@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto-bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto-italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: 'MDI';
src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: auto;
}

body {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 22px;
background: rgb(240,230,200);
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
font-variant: common-ligatures;
-webkit-font-variant-numeric: common-ligatures;
-moz-font-feature-settings: "liga=1";
-ms-font-feature-settings: "liga";
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-hyphenate-limit-before: 4;
-webkit-hyphenate-limit-after: 4;
-ms-hyphenate-limit-chars: 8 4 4;
hyphenate-limit-chars: 8 4 4;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphenate-limit-lines: 4;
hyphenate-limit-lines: 4;
}

.icon,
a:before,
a:after,
.bildnavpfeil,
body > section h2 a:after,
#hinweis:before,
.edit:before,
.select:after {
display: inline-block;
font-family: 'MDI';
font-weight: normal;
font-style: normal;
line-height: 0;
text-transform: none;
letter-spacing: normal;
}

p:before, a:before, h3:before {margin-right: .333em;}
a:after {margin-left: .333em;}

.asc:before {content: 'î—˜'; transform: translateY(2px);}
.desc:before {content: 'î—›'; transform: translateY(3px);}
.kartenknopf:before {content: ' '; transform: translateY(2px);}
.indexknopf:before {content: ''; transform: translateY(3px);}
.indexknopf.such:before {content: ''; transform: translateY(2px);}
.zurueck:before {content: '\E314'; transform: translate(-.1em,.175em) scale(1.5);}
body > section > h2 a:before {content: ''; transform: translateY(2px);}
#hinweis.knopf:before {content: ''; transform: translateY(3px);}
h3#hinweis:before {content: ''; transform: translateY(3px);}
.edit:before {content: ''; transform: translateY(2px);}
p.edit:before {transform: translateY(2px);}
a.rechts:after {content: 'î—ˆ'; transform: translateY(3px);}
.download a:before {content: 'î…±'; transform: translateY(2px);}
.link a:before {content: 'î…—'; transform: translateY(2px);}

.select:after {
content: '';
position: absolute;
top: 4px;
right: 6px;
color: white;
line-height: inherit;
pointer-events: none;
direction: ltr;
}

.select:hover:after {
color: White;
}

.select {
position: relative;
}

b, strong,
body > section div.rechts h3,
body > section ul li div.provbox h2 a {
font-weight: bold;
}

a, img.foto,
input[type=submit],
svg g,
input,
button,
.leaflet-popup-tip {
-webkit-transition-property: all;
-webkit-transition-duration: 150ms;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: all;
-moz-transition-duration: 150ms;
-moz-transition-timing-function: ease-in;
transition-property: all;
transition-duration: 150ms;
transition-timing-function: ease-in;
}

ul.duplikate li a {
-webkit-transition-property: none;
-moz-transition-property: none;
transition-property: none;
}

::selection {
background: rgba(120,60,164,0.95);
color: White;
}

img {
-moz-user-select: text;
-webkit-user-select: text;
user-select: text;
-moz-user-drag: none;
-webkit-user-drag: none;
user-drag: none;
}

.klar {
clear: both;
display: block;
}

header,
body > section,
footer div {
width: auto;
margin: 0 auto;
padding: 0 2em;
}

header {
display: flex;
flex-flow: row nowrap; 
padding-top: 2em;
padding-bottom: 1.5em;
}

header h1 {
flex: 1 1 auto;
}

header h1 a {
display: flex;
flex-flow: row wrap;
color: rgb(120,60,164);
}

header h1 a:hover {
color: black;
}

header h1 a:active {
color: rgb(250,170,0);
}

a.home span {
font-size: 1.25em;
line-height: 1.4em;
padding: 0;
flex: 0 1 calc(100% - 72px - 1em);
align-self: end;
}

header a.home img {
width: 72px;
height: 72px;
flex: 0 0 72px;
align-self: end;
margin: -.6em 1em 0 0;
}

header div.rechts {
flex: 0 1 auto;
margin-left: auto;
padding-left: 2em;
display: flex;
flex-flow: row wrap; 
justify-content: flex-end;
align-content: flex-start;
}

header div.rechts > *,
header a.indexknopf {
margin-bottom: auto;
margin: 0 0 .5em .5em;
align-self: flex-start;
flex: 1 1 auto;
}

form.suchfeld input {
font-family: inherit;
background-color: rgba(120,60,164,0.1);
background-image: url('../img/lupe.svg');
background-position: right 2px top 2px;
background-repeat: no-repeat;
color: rgba(120,60,164,0.8);
width: 100%;
padding: .15em 1.5em .2em .5em;
margin: 0;
border-radius: 2px;
}

@-moz-document url-prefix() { 
  form.suchfeld input {
  padding: .175em .5em;
  }
}

::-webkit-input-placeholder {color: rgba(120,60,164,0.4);}
::-ms-input-placeholder {color: rgba(120,60,164,0.4);}
::-moz-placeholder {color: rgba(120,60,164,0.4);}
::placeholder {color: rgba(120,60,164,0.4);}

form.suchfeld input:hover {
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
}

form.suchfeld input:focus {
outline: none;
color: White;
background-color: rgb(120,60,164);
background-position: 232px -24px;
-webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 24px 0 rgba(0,0,0,0.3);
}

form.suchfeld input:focus::-webkit-input-placeholder {
color: White;
}

form.suchfeld label {
display: none;
}

form.fedit,
div.text {
background: rgba(120,60,164,0.2);
padding: 1px 8px;
}

form.fedit {
width: 100%;
}

form.indexsuche {
display: inline-block;
padding: .75em;
background: rgba(120,60,164,.2);
}

form.indexsuche input {
padding: .1em .25em;
margin: 0 .75em 0 0;
}

div.text {
padding: 6px 8px 0.1em 8px;
}

.rechts a.edit {
margin-top: 8px;
}

.js form.fedit,
div.text p.edit {
display: none;
}

.js div.text p.edit {
display: block;
color: White;
margin-bottom: 4px;
}

form.fedit * {
width: 100%;
}

form.fedit input,
form.fedit textarea {
border: none;
padding: 2px 4px;
}

form.fedit input[type='submit'],
form.fedit a#cancel {
width: auto;
display: inline;
}

form.fedit a#cancel {
background: rgb(50,50,50);
cursor: pointer;
margin: 0 .5em 0 0;
}

form.fedit a#cancel:hover {
background: White;
}

form.fedit label {
display: block;
margin: 8px 0 0 0;
}

.js div.text:hover,
.js div.text:hover h3 {
background: rgb(120,60,164);
color: White;
cursor: pointer;
}

div.kontakt {
margin: 8px 0 16px 0;
}

h3#hinweis.knopf {
margin: 8px 0 16px 0;
color: White;
}

h3#hinweis.knopf:hover {
background: rgba(120,60,164,0.8);
}

ul.notify {
display: inline-block;
padding: 6px 8px 4px 8px;
background: rgb(240,240,240);
margin: 16px 0;
color: White;
}

ul.notify.error {background: rgb(160,0,0);}
ul.notify.success {background: rgb(0,160,0);}

div.kontakt form input,
div.kontakt form textarea {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
box-sizing: border-box;
width: 100%;
border: 0;
padding: 4px;
margin: 2px 0 8px 0;
background: rgba(0,0,0,0.2);
}

div.kontakt form input.fehlt,
div.kontakt form textarea.fehlt {
background: rgb(120,0,0);
color: white;
}

div.kontakt form input:focus,
div.kontakt form textarea:focus {
color: Black;
background: White;
}

div.kontakt form input[type=submit] {
background: rgb(120,60,164);
color: White;
font-weight: bold;
margin: 0;
}

div.kontakt form input[type=submit]:hover {
background: rgba(120,60,164,0.8);
}

div.kontakt form label {
display: block;
color: rgba(0,0,0,0.6);
}

body > section {
padding: 2em;
color: black;
background: white;
}

body > section.karte {
padding: 2em 2em .5em 2em;
}

body > section.detail {
padding: .5em 2em 2em 2em;
display: flex;
flex-flow: row wrap;
}

body > section.karte p {
/* max-width: 512px; */
}

body > section hr {
height: 1px;
border: none;
background: white;
margin: 16px 0 24px 0;
}

p.erstellt {
color: rgb(100,100,100);
font-style: italic;
}

body > section h2,
body > section h2 a {
color: rgb(120,60,164);
margin: 0 0 .75em 0;
font-weight: bold;
}

body > section a.indexknopf + h2 {
color: black;
font-weight: bold;
margin: 2em 0 .75em 0;
}

body > section.detail h2 {
margin: .5em 0 1em 0;
flex: 1 0 100%;
}

body > section h3,
body > section h4 {
font-weight: bold;
}

div.static.page {
max-width: 512px;
}

body > section ul.filter.stichwort h3 {
text-transform: uppercase;
padding: 0 0 .25em 0;
border-bottom: .1em solid rgba(120,60,164,.2);
margin: 1em 0 .75em 0;
}

div.static.page img {
max-width: 100%;
box-sizing: border-box;
border: 1px dotted darkgray;
}

div.static.sammlung {
display: flex;
flex-flow: row wrap;
width: 100%;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin: 0 0 2em 0;
}

div.static.sammlung div {
flex: 0 1 50%;
padding: 1em;
}

div.static.sammlung div * {
max-width: 36em;
}

div.hallo {
color: white;
background: rgb(120,60,164);
}

div.such {
background: rgb(240,230,200);
}

div.such figure {
position: relative;
float: right;
width: 192px;
margin: 0 0 1em .75em;
}

div.such figure:after {
content: '?';
display: block;
color: rgba(255,255,255,.5);
font-size: 192px;
font-weight: bold;
width: 192px;
height: 192px;
line-height: 192px;
text-align: center;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}

div.such figure:hover:after {
color: rgba(240,230,200,.4);
}

div.static h2 {
margin: 0;
}

div.static h3 {
font-size: 1.25em;
line-height: 1.4em;
font-weight: bold;
padding: 0;
margin: 1em 0 .5em 0;
color: rgba(120,60,164,.8);
border-top: 1px solid white;
}

div.static h3:first-child,
div.static figure + h3 {
margin-top: -.1em;
border-top: none;
}

div.static h2 + h3 {
margin-top: 8px;
padding-top: 0;
border-top: none;
}

div.static.sammlung h3 {
color: white;
}

div.static.sammlung .such h3 {
color: rgb(120,60,164);
}

div.static h4 {
font-weight: bold;
margin: 16px 0 4px 0;
color: rgba(120,60,164,.8);
}

div.static h5 {
font-style: italic;
margin: 8px 0 0 0;
color: rgba(120,60,164,.8);
}

div.static a {
color: black;
border-bottom-color: rgba(120,60,164,.8);
}

div.static a:hover {
color: rgba(120,60,164,.8);
border-bottom-color: transparent;
}

div.static div.hallo a {
color: white;
border-bottom-color: white;
}

div.static div.hallo a:hover {
color: white;
border-bottom-color: rgba(255,255,255,.333);
}

div.static p {
margin: 0 0 8px 0;
}

div.static ul li {
margin: 0 0 4px 0;
padding-left: 12px;
text-indent: -12px;
}

div.static ul li:before {
content: '› ';
display: block;
float: left;
width: 12px;
}

div.static.sammlung.such figure {
width: 33%;
min-width: 128px;
max-width: 256px;
float: left;
margin: 4px 16px 4px 0;
}

div.static figure img {
width: 100%;
}

div.static code {
display: inline-block;
font-family: monospace;
background: rgba(120,60,164,.1);
border-bottom: 1px solid darkgray;
padding: 2px 6px 0 6px;
}

footer ul li {
display: inline;
}

footer ul li + li:before {
content: ' | ';
}

body > section p + h2,
body > section ul + h2 {
margin: 16px 0 4px 0;
}

body > section div.rechts h3 {
font-weight: bold;
color: rgb(120,60,164);
}

body > section h2 a {
color: rgb(120,60,164);
background: rgb(240,230,200);
padding: .15em .33em;
margin: 0;
display: inline-block;
}

body > section h2 a:hover {
color: white;
background: rgb(120,60,164);
}

footer {
margin: 0;
padding: 1.5em 0;
}

footer div {
display: flex;
flex-flow: row wrap;
}

a.hannover {
display: flex;
padding: 0 0 0 16px;
margin: 0;
border: none;
}

a.hannover img {
margin: auto 0 0 0;
}

footer img {
max-width: 100%;
}

a.lkah {
display: flex;
flex-flow: row nowrap;
margin: 0 32px 0 auto;
padding: 0 0 0 24px;
border: none;
}

a.lkah img {
display: inline-block;
width: 56px;
margin: auto 8px 0 0;
}

a.lkah span {
color: black;
font-size: 16px;
line-height: 20px;
margin-top: auto;
}

a.lkah span span {
text-transform: uppercase;
letter-spacing: .025em;
}

footer p {
color: rgba(120,60,164,0.6);
width: 528px;
margin: 0 0 8px 0;
max-width: 640px;
}

footer * a {
color: rgb(120,60,164);
border-bottom: 1px solid rgb(160,160,160);
}

footer * a:hover {
color: Black;
border-bottom-color: rgb(120,60,164);
}

footer * a:active {
border-bottom-color: White;
}

body > section img.nichts {
position: absolute;
display: block;
z-index: 100;
}

body > section div.watermark {
position: absolute;
display: block;
z-index: 80;
}

div.vorschau {
width: 800px;
height: 600px;
background: rgba(0,0,0,0.2);
text-align: center;
}

.fotonav div.vorschau {
width: 100%;
height: 100%;
margin: 0;
}

ul.uebersicht div.vorschau {
margin: 0;
}

.fotonav li.jetzt div.vorschau {
background: rgba(0,0,0,0.4);
}

div.vorschau p {
line-height: 600px;
}

body > section img.foto,
canvas#vorschau,
div.vorschau {
display: inline-block;
vertical-align: top;
z-index: 10;
margin: 0 2em 2em 0;
flex: 0 1 auto;
object-fit: contain;
object-position: top left;
max-width: 100%;
}

ul.uebersicht li div.vorschau {
height: 128px;
width: 128px;
display: table-cell;
}

ul.uebersicht li div.vorschau p {
line-height: 96px;
}

body > section div.watermark p {
position: absolute;
bottom: 4px;
left: 4px;
background: White;
background: rgba(255,255,255,0.75);
font-size: 10px;
line-height: 12px;
padding: 0 4px 1px 4px;
color: black;
}

body > section div.rechts {
flex: 4 1 256px;
max-width: 40em;
margin: 0 0 2em 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
background: white;
color: black;
}

body > section div.rechts .text p,
body > section div.rechts .details p {
margin: 0 0 8px 0;
}

body > section div.rechts .details h4#kontakt + p {
display: inline;
}

body > section p.notify {
color: rgb(200,0,0);
margin: 0 0 12px 0;
}

body > section div.rechts li {
margin: 0 0 4px 0;
}

body > section div.rechts ul {
margin: 8px 0 8px 0;
}

body > section div.rechts h3:last-child {
margin: 0 0 4px 0;
}

body > section.detail div.rechts h2 {
color: rgb(120,60,164);
margin: 0;
}

body > section.detail div.rechts .teilen h2 {
text-transform: uppercase;
letter-spacing: .1em;
}

body > section div.rechts li h4 {
font-weight: bold;
display: inline;
}

body > section div.rechts li h3 + p {
display: inline;
}

body > section div.rechts li h3 + p:before {
content: ' ';
}

body > section p a,
body > section ul a,
body > section ul li div.provbox p a {
color: rgb(120,60,164);
border-bottom: 1px solid rgb(120,60,164);
}

body > section ul.uebersicht a {
border-bottom: none;
}

body > section p a:hover,
body > section ul a:hover,
body > section ul li div.provbox p a:hover {
border-bottom-color: transparent;
}

body > section p a:active,
body > section ul a:active,
body > section ul li div.provbox p a:active {
border-bottom-color: black;
}

div.provbox {
padding: .8em 1em 1em 1em;
margin: 1em 0;
background: rgba(120,60,164,.1);
width: 100%;
height: 100%;
box-sizing: border-box;
clear: both;
float: left;
}

div.provbox.prov {

}

ul.filter div.provbox {
margin-top: 0;
}

div.provbox img {
width: 96px;
height: 96px;
margin: 0 .75em .75em 0;
float: left;
}

div.provbox h2 {
font-weight: bold;
margin: 0;
color: rgb(120,60,164);
}

div.provbox p {
color: black;
margin: 0;
}

div.provbox p.prov,
div.provbox p.prov + h2 {
margin: 0;
}

div.provbox button {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
background: White;
color: rgb(120,60,164);
padding: 3px 8px 4px 8px;
margin: .5em 0;
border: none;
display: block;
cursor: pointer;
}

div.provbox button:hover {
background: rgb(120,60,164);
color: White;
}

div.info {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(50,50,50,0.9);
cursor: pointer;
}

div.info div {
position: relative;
max-width: 480px;
padding: 16px;
margin: 10% auto;
background: White;
color: black; 
}

div.info div:after {
position: absolute;
content: '×';
background: rgb(120,60,164);
color: White;
font-size: 16px;
line-height: 22px;
font-weight: bold;
text-align: center;
top: -12px;
right: -12px;
width: 24px;
height: 24px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

div.info div img {
margin: 4px 12px 8px 4px;
float: left;
width: 160px;
height: 160px;
}

div.info p {
margin: 0 0 8px 0;
}

div.info a {
color: rgb(120,60,164);
}

div.info a:hover {
color: black;
border-bottom: 1px solid rgb(120,60,164);
}

p.info {
color: rgb(128,128,128);
}

div.versteckt {
display: none;
}

body > section ul li div.provbox h2 a {
display: inline-block;
margin: 4px 0!important;
}

body > section ul li div.provbox p a {
padding: 0;
background: transparent;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
font-weight: normal;
}

body > section ul li div.provbox p a:hover {
background: transparent;
box-shadow: none;
-webkit-box-shadow: none;
}

body > section ul li div.provbox p a:active {
color: black;
}

div#map {
display: none;
}

.js div#map {
display: block;
margin: 0 auto;
padding: 0;
height: 400px;
}

.js div#map.karte {
height: 640px;
}

/* ↓ Based on https://beyondtellerrand.com/photos/ CSS by Bastian Allgeier */

ul.uebersicht {
--row-height: 20vh;
--max-row-height: 256px;
--gutter: 1.15em .5em;
display: flex;
flex-wrap: wrap;
margin: -.5em;
width: calc(100% + 1em);
padding: 1em 0 0 0;
}

ul.filter.box::after,
ul.uebersicht::after,
ul.uebersicht::after {
  content: '';
  flex: 4 4 25%;
}

ul.uebersicht li {
position: relative;
--ratio: calc(var(--w) / var(--h));
/* flex-grow: calc(var(--ratio) * 100); */
flex-grow: 1;
flex-basis: calc(var(--ratio) * var(--row-height));
margin: var(--gutter);
min-width: var(--row-height);
background: rgb(120,60,164);
}

ul.uebersicht li:first-of-type:last-of-type {
flex: 1 1 auto;
min-width: auto;
}

/* 
ul.uebersicht li p {
position: absolute;
bottom: .5em;
left: .5em;
}
 */
 
ul.uebersicht li > p {
color: white;
padding: .5em;
}

ul.uebersicht li a p {
font-size: .875em;
color: rgba(0,0,0,.4);
background: transparent;
padding: .15em 0 0 0;
}

ul.uebersicht li a:hover p {
color: black;
background: rgba(255,255,255,.8);
}

ul.uebersicht li a img {
display: block;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
max-height: var(--max-row-height);
object-fit: cover;
box-shadow: 0 0 .333em 0 rgba(0,0,0,.2);
}

ul.uebersicht li a:hover img {
filter: contrast(120%);
opacity: .8;
box-shadow: 0 0 .5em 0 black;
}

div.filter {
float: left;
}

div.sort {
float: right;
text-align: left;
}

body > section ul.filter {
padding: .5em 0 1em 0;
display: flex;
flex-flow: row wrap;
}

body > section ul.filter.stichwort {
display: block;
background: White;
margin: .5em 0 0 0;
padding: .5em .5em 0 0;
}

body > section ul.filter.stichwort ul.filter {
padding: 0;
}

body > section ul.filter.box li {
margin: 0 8px 8px 0;
flex: 1 1 360px;
}


body > section ul.filter.stichwort li {
display: inline-block;
margin: 0 .5em .5em 0;
}

body > section ul.filter.orte a {
border-radius: 0;
}

body > section ul.filter.orte li.stadt a {
color: rgb(120,60,164);
background: rgba(120,60,164,.025);
}

body > section ul.filter.orte li.stadt a:hover {
color: white;
background: rgb(120,60,164);
}

body > section ul.filter.orte a:after {
content: 'î—¡';
margin: 0;
transform: translate(.25em,.15em);
}

body > section div.filter ul.filter li,
body > section div.sort ul.filter li,
body > section li.region ul.filter li,
body > section ul.filter li.stadt {
flex: 0 1 auto;
margin-bottom: .5em;
}

body > section div.filter ul.filter li,
body > section li.region ul.filter li,
body > section ul.filter li.stadt,
body > section div.sort ul.filter li:not(:last-of-type) {
margin-right: .5em;
}

body > section ul.filter li.staat {
flex: 0 0 100%;
}

body > section ul.filter li.region {
flex: 0 0 100%;
}

body > section ul.filter li.staat h3 {
text-transform: uppercase;
letter-spacing: .1em;
padding: 0 0 .75em 0;
margin: 1em .5em .25em 0;
border-bottom: .15em solid rgba(120,60,164,.8);
}

body > section ul.filter li.region h4 {
margin: 0;
}

body > section ul.filter li.staat h3 a,
body > section ul.filter li.region h4 a {
color: rgb(120,60,164);
background: rgba(240,230,200,.6);
box-shadow: none;
padding-right: .3em;
}

body > section ul.filter li.staat h3 a:hover,
body > section ul.filter li.region h4 a:hover {
color: white;
background: rgb(120,60,164);
}

body > section ul.filter li.region > ul.filter {
padding: .25em 0 .25em 0;
border-bottom: .075em solid rgba(120,60,164,.5);
margin: 0 0 1em 0;
}

body > section ul.filter li.stadt.mit,
body > section ul.filter li.stadt.mit + li.ortsteil,
body > section ul.filter li.ortsteil + li.ortsteil {
margin-right: 0;
}

body > section ul.filter li.ortsteil.letzter,
body > section ul.filter li.stadt.mit + li.ortsteil.letzter,
body > section ul.filter li.ortsteil + li.ortsteil.letzter {
margin-right: 8px;
}

body > section ul.filter li.ortsteil a {
font-weight: normal;
}

body > section ul.filter.stichwort button {
font-weight: bold;
color: rgb(120,60,164);
background: rgba(120,60,164,.2);
border: none;
border-radius: 50%;
width: 1.2em;
height: 1.2em;
line-height: 1em;
vertical-align: top;
margin: .333em;
cursor: pointer;
}

body > section ul.filter.stichwort button:hover {
color: white;
background: rgb(120,60,164);
}

body > section ul.filter.stichwort button:active {
color: white;
background: rgb(40,140,0);
}

body > section ul.filter li a,
body > section ul.filter li span,
a.zurueck,
body > section ul li div.provbox h2 a,
a.kartenknopf,
a.indexknopf,
.knopf,
form.fedit input[type="submit"],
ul.filter select {
display: inline-block;
color: white;
background: rgb(120,60,164);
font-weight: bold;
line-height: 1.2em;
padding: .25em .5em;
border: none;
border-radius: 2px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

body > section ul.filter.stichwort li a {
white-space: break-spaces;
}

body > section div.sort ul.filter li a,
body > section div.sort ul.filter li span {
margin: 0;
}

a.inaktiv {
pointer-events: none;
}

ul.filter select {
font-family: inherit;
padding: .25em 1em .25em .5em;
margin: 0;
}

div.sort ul.filter select {
padding-right: 1.5em;
}

a.kartenknopf,
header a.indexknopf {
background: rgb(120,60,164);
color: White;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

body > section a.indexknopf,
body > section a.zurueck {
margin: 0 .75em 0 0;
}

body > section.karte a.zurueck {
margin: 0 .75em .75em 0;
}

body > section div.static a.indexknopf {
color: white;
margin: 1em 0 0 0;
}

body > section div.static a.indexknopf:hover {
color: White;
}

body > section a.indexknopf + p {
margin-top: 24px;
}

body > section ul.filter li a:hover,
body > section ul.filter li span,
a.zurueck:hover,
body > section ul li div.provbox h2 a:hover,
.knopf:hover,
body > section a.indexknopf:hover,
form.fedit input[type="submit"]:hover,
ul.filter select:hover {
color: rgb(120,60,164);
background: rgba(120,60,164,.2);
box-shadow: 0 0 .5em 0 rgba(0,0,0,0.25);
cursor: pointer;
}

a.kartenknopf:hover,
header a.indexknopf:hover {
color: rgb(120,60,164);
background: rgba(120,60,164,.2);
}

body > section ul.filter li a:active,
a.zurueck:active,
body > section ul li div.provbox h2 a:active {
background: black;
color: White;
-webkit-box-shadow: none;
box-shadow: none;
}

.knopf,
form.fedit input[type="submit"] {
display: inline-block;
background: rgb(120,60,164);
color: White;
margin-bottom: 16px;
cursor: pointer;
}

form.fedit input[type="submit"].knopf:hover {
background: rgba(120,60,164,0.8);
}

body > section ul.filter li span {
position: relative;
}

body > section ul.filter li span:after {
top: 100%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-top-color: White;
border-width: 8px;
left: 50%;
margin-left: -8px;
}

a.zurueck {

}

div.rechts ul.fotonav {
margin: 0 0 16px 0;
display: flex;
flex-flow: row wrap;
}

div.rechts ul.fotonav li,
div.rechts ul.fotonav li a {
width: 80px;
height: 80px;
}

div.rechts ul.fotonav li a {
display: block;
border: none;
background: rgb(120,60,164);
position: relative;
}

div.rechts ul.fotonav li.jetzt {
background: rgb(120,60,164);
}

div.rechts ul.fotonav li.jetzt img {
border-radius: 4px;
opacity: .8;
}

div.rechts ul.fotonav li a:hover img {
opacity: .8;
box-shadow: 0 0 16px 0 rgba(0,0,0,.25);
}

p.bildnavpfeil {
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 72px;
line-height: 80px;
font-weight: bold;
width: 80px;
height: 80px;
color: White;
text-align: center;
padding: 0;
}

p.bildnavpfeil:hover {
color: rgb(120,60,164);
}

div.rechts ul.fotonav li.jetzt {
margin: 0 8px;
}

div.rechts ul.fotonav li span,
div.rechts ul.fotonav li img {
display: block;
width: 80px;
height: 80px;
}

div.rechts ul.fotonav li span {
background: rgb(216,204,191);
background: rgba(120,60,164,0.25);
text-align: center;
line-height: 78px;
}

ul.pagination {
display: inline-block;
margin: 16px 0;
}

ul.pagination li {
display: inline;
}

ul.pagination li a {
display: inline-block;
color: rgb(120,60,164);
background: rgb(240,230,200);
padding: 5px 10px 5px 10px;
margin: 0 8px 8px 0;
border-bottom: none;
}

ul.pagination li a:hover {
border-bottom: none;
background: rgb(120,60,164);
color: White;
}

ul.pagination li.disabled a {
background: transparent;
color: rgba(0,0,0,0.6);
cursor: default;
}

ul.pagination li.disabled a.pagination-previous,
ul.pagination li.disabled a.pagination-next {
display: none;
}

ul.pagination li.selected a {
background: rgb(120,60,164);
color: White;
font-weight: bold;
cursor: default;
}

ul.pagination li.ellipsis {
display: inline;
padding: 2px 6px;
margin: 0 8px 0 0;
cursor: default;
}

a.pop {
width: 160px;
}

canvas p {
margin: 16px;
}

.js canvas p.nojs {display: none;}
canvas p.nojs {display: block;}

.teilen {
display: block;
background-color: rgba(120,60,164,.1);
padding: .5em .75em;
}

body > section div.rechts .teilen li + li {
margin: .5em 0 0 0;
}

body > section div.rechts li.social {
display: inline-block;
vertical-align: top;
margin: 8px 8px 0 0;
}

body > section div.rechts li.social a {
font-size: 0;
line-height: 0;
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: rgba(120,60,164,.5);
border: none;
}

body > section div.rechts li.social a:hover {
background-color: white;
border: none;
}

li.social a svg {
fill: white;
}

li.social a:hover svg {
fill: rgba(120,60,164,.8);
}


/* Tooltips */

body .ui-tooltip {
background: white;
box-shadow: 0 0 24px 0 rgba(0,0,0,0.3);
max-width: 80vw;
padding: .2em .4em;
position: absolute;
left: .6em;
z-index: 9999;
}

body .ui-menu .ui-state-focus,
body .ui-menu .ui-state-active {
margin: 0;
background: white;
color: black;
font-weight: bold;
}

/* Leaflet */
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	display: block;
  margin: 0;
  width: 100%;
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable,
.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable,
.leaflet-dragging .leaflet-interactive {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
display: block;
padding: 0;
color: rgb(120,60,164);
}
.leaflet-container a:hover {
color: white;
background: rgb(120,60,164);
}

.leaflet-container a:hover img {
opacity: .8;
}

.leaflet-container a span {
padding: .5em;
display: block;
}

.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}


/* general typography */
.leaflet-container {
	font: 12px/1.5 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Roboto', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	display: inline;
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 0;
	text-align: left;
	border-radius: 3px;
	}
.leaflet-popup-content {
	/* margin: 13px 19px; */
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 4px;
	right: 3px;
	padding: 0;
	text-align: center;
	width: 20px;
	height: 20px;
	font: 18px/20px 'Roboto', Tahoma, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: white;
	background: rgb(120,60,164);
	border-radius: 50%;
	z-index: 500;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: rgb(120,60,164);
	background: white;
	}
.leaflet-popup:hover .leaflet-popup-tip {
	background: rgb(120,60,164);
}


.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}

/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}




/* MarkerCluster */
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Roboto", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}

.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in;
	-o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
	transition: transform 0.2s ease-out, opacity 0.2s ease-in;
	}
	
/*! jQuery UI - v1.12.1 - 2016-12-06
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}


/* Autocomplete */

ul.ui-autocomplete {
position: relative;
padding: 8px;
background: rgb(120,60,164);
background: rgba(120,60,164,0.95);
z-index: 99999;
-webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 24px 0 rgba(0,0,0,0.2);
width: 258px;
color: White;
box-sizing: border-box;
}

ul.ui-autocomplete li {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0px;
padding: 2px 8px 4px 8px;
cursor: default;
display: block;
overflow: hidden;
}

ul.ui-autocomplete li.ui-state-focus {
background-color: White;
color: rgb(120,60,164);
margin: 0;
}






/* Displays unter 1184px */
@media only screen and (max-width: 1183px) {
  
    
  footer div.zeitsprung {
  float: none;
  margin: 16px 0 8px 0;
  }
  
  h3#hinweis.knopf {
  display: block;
  }
  
  section div.rechts > div:first-of-type {
  margin-right: 32px;
  }
  
}






/* Displays unter 1024px */
@media only screen and (max-width: 1024px) {

  footer div {
	flex-flow: column;
	}
	
	a.lkah {
	margin-left: -4px;
	padding: 16px 0;
	}
	
	a.hannover {
	padding: 16px 0;
	}

}




/* Displays unter 864px */
@media only screen and (max-width: 864px) {
  
  a.home span {
  font-size: 1.1em;
  }
  
  canvas#vorschau {

  }
  
  footer p {
  width: auto;
  }
  
  section {
  padding-bottom: 8px;
  clear: both;
  }

  section img.nichts,
  section div.watermark {
  width: 400px;
  }
  
  div.filter,
  div.sort {
  width: 100%;
  float: none;
  }

	div.such figure {
	width: 25vw;
	}

	div.such figure:after {
	font-size: 25vw;
	width: 25vw;
	height: 25vw;
	line-height: 25vw;
	}

}

/* Displays unter 720px */
@media only screen and (max-width: 720px) {

	footer div > * {
	flex: 0 0 100%;
	}
	
	a.hannover {
	padding: 1em 0 0 0;
	margin: 0;
	}

}


/* Displays unter 568px iPhone quer */
@media only screen and (max-width: 568px) {
  
  header {
  flex-flow: row wrap;
  padding: 1em 1em .5em 1em;
  }
  
  header h1 {
  margin: 0 0 .5em 0;
  }
  
  header a.home img {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	margin-bottom: .2em;
	}
  
  footer div {
  padding: 0 1em;
  }
  
  header div.rechts {
  flex: 0 0 100%;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  padding: 0;
	}
	
  header div.rechts > * {
  flex: 0 1 100%;
  margin: 0 0 .5em 0;
  }

  header div.rechts form.suchfeld {
  
  }
  
  header div.rechts a.kartenknopf {
  
  }
  
  header a.indexknopf {
  
  }
  
  div.static.sammlung div {
	flex: 0 1 100%;
	}
  
  body > section {
  padding: 1em;
  position: relative;
  }
  
  body > section.detail {
  padding: .5em 1em 1em 1em;
  }
  
  body > section.karte {
	padding: 1em;
	}
  
  body > section a.zurueck {
  position: absolute;
  top: 16px;
  left: 16px;
  }
  
  body > section a.zurueck:first-child {
  position: relative;
  top: 0;
  left: 0;
  }
  
  body > section hr {
  margin: 16px 0;
  }
  
  div.static.sammlung,
  div.static.sammlung.such {
  width: 100%;
  margin: 0 0 16px 0;
  }

  .js div#map.karte,
  .js div#map {
  height: 480px;
  margin: 0 2em 0 0;
  border-right: 1px solid rgba(0,0,0,0.8);
  }
  
}



/* Displays bis 400px */
@media only screen and (max-width: 400px) {
  

  
}