/* cmsms stylesheet: w3-css-base modified: Dienstag, 29. Oktober 2019 23:53:41 */
/* W3PRO.CSS 4.12 November 2018 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Arial,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}

.w3-serif{font-family:serif}

.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}
.w3-imagefit {width:100%;height:auto}
img{vertical-align:middle}
a{color:inherit}

.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-topbar-3{border-top:3px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* cmsms stylesheet: w3-css-colors modified: Dienstag, 29. Oktober 2019 13:33:58 */
/* Colors */

.w3-amber,
.w3-hover-amber:hover {
    color: #000!important;
    background-color: #ffc107!important
}

.w3-aqua,
.w3-hover-aqua:hover {
    color: #000!important;
    background-color: #00ffff!important
}

.w3-blue,
.w3-hover-blue:hover {
    color: #fff!important;
    background-color: #2196F3!important
}

.w3-light-blue,
.w3-hover-light-blue:hover {
    color: #000!important;
    background-color: #87CEEB!important
}

.w3-brown,
.w3-hover-brown:hover {
    color: #fff!important;
    background-color: #795548!important
}

.w3-cyan,
.w3-hover-cyan:hover {
    color: #000!important;
    background-color: #00bcd4!important
}

.w3-blue-grey,
.w3-hover-blue-grey:hover,
.w3-blue-gray,
.w3-hover-blue-gray:hover {
    color: #fff!important;
    background-color: #607d8b!important
}

.w3-green,
.w3-hover-green:hover {
    color: #fff!important;
    background-color: #4CAF50!important
}

.w3-light-green,
.w3-hover-light-green:hover {
    color: #000!important;
    background-color: #8bc34a!important
}

.w3-indigo,
.w3-hover-indigo:hover {
    color: #fff!important;
    background-color: #3f51b5!important
}

.w3-khaki,
.w3-hover-khaki:hover {
    color: #000!important;
    background-color: #f0e68c!important
}

.w3-lime,
.w3-hover-lime:hover {
    color: #000!important;
    background-color: #cddc39!important
}

.w3-orange,
.w3-hover-orange:hover {
    color: #000!important;
    background-color: #ff9800!important
}

.w3-deep-orange,
.w3-hover-deep-orange:hover {
    color: #fff!important;
    background-color: #ff5722!important
}

.w3-pink,
.w3-hover-pink:hover {
    color: #fff!important;
    background-color: #e91e63!important
}

.w3-purple,
.w3-hover-purple:hover {
    color: #fff!important;
    background-color: #9c27b0!important
}

.w3-deep-purple,
.w3-hover-deep-purple:hover {
    color: #fff!important;
    background-color: #673ab7!important
}

.w3-red,
.w3-hover-red:hover {
    color: #fff!important;
    background-color: #f44336!important
}

.w3-sand,
.w3-hover-sand:hover {
    color: #000!important;
    background-color: #fdf5e6!important
}

.w3-teal,
.w3-hover-teal:hover {
    color: #fff!important;
    background-color: #009688!important
}

.w3-yellow,
.w3-hover-yellow:hover {
    color: #000!important;
    background-color: #ffeb3b!important
}

.w3-white,
.w3-hover-white:hover {
    color: #000!important;
    background-color: #fff!important
}

.w3-black,
.w3-hover-black:hover {
    color: #fff!important;
    background-color: #000!important
}

.w3-grey,
.w3-hover-grey:hover,
.w3-gray,
.w3-hover-gray:hover {
    color: #000!important;
    background-color: #9e9e9e!important
}

.w3-light-grey,
.w3-hover-light-grey:hover,
.w3-light-gray,
.w3-hover-light-gray:hover {
    color: #000!important;
    background-color: #f1f1f1!important
}

.w3-dark-grey,
.w3-hover-dark-grey:hover,
.w3-dark-gray,
.w3-hover-dark-gray:hover {
    color: #fff!important;
    background-color: #616161!important
}

.w3-pale-red,
.w3-hover-pale-red:hover {
    color: #000!important;
    background-color: #ffdddd!important
}

.w3-pale-green,
.w3-hover-pale-green:hover {
    color: #000!important;
    background-color: #ddffdd!important
}

.w3-pale-yellow,
.w3-hover-pale-yellow:hover {
    color: #000!important;
    background-color: #ffffcc!important
}

.w3-pale-blue,
.w3-hover-pale-blue:hover {
    color: #000!important;
    background-color: #ddffff!important
}

.w3-text-amber,
.w3-hover-text-amber:hover {
    color: #ffc107!important
}

.w3-text-aqua,
.w3-hover-text-aqua:hover {
    color: #00ffff!important
}

.w3-text-blue,
.w3-hover-text-blue:hover {
    color: #2196F3!important
}

.w3-text-light-blue,
.w3-hover-text-light-blue:hover {
    color: #87CEEB!important
}

.w3-text-brown,
.w3-hover-text-brown:hover {
    color: #795548!important
}

.w3-text-cyan,
.w3-hover-text-cyan:hover {
    color: #00bcd4!important
}

.w3-text-blue-grey,
.w3-hover-text-blue-grey:hover,
.w3-text-blue-gray,
.w3-hover-text-blue-gray:hover {
    color: #607d8b!important
}

.w3-text-green,
.w3-hover-text-green:hover {
    color: #4CAF50!important
}

.w3-text-light-green,
.w3-hover-text-light-green:hover {
    color: #8bc34a!important
}

.w3-text-indigo,
.w3-hover-text-indigo:hover {
    color: #3f51b5!important
}

.w3-text-khaki,
.w3-hover-text-khaki:hover {
    color: #b4aa50!important
}

.w3-text-lime,
.w3-hover-text-lime:hover {
    color: #cddc39!important
}

.w3-text-orange,
.w3-hover-text-orange:hover {
    color: #ff9800!important
}

.w3-text-deep-orange,
.w3-hover-text-deep-orange:hover {
    color: #ff5722!important
}

.w3-text-pink,
.w3-hover-text-pink:hover {
    color: #e91e63!important
}

.w3-text-purple,
.w3-hover-text-purple:hover {
    color: #9c27b0!important
}

.w3-text-deep-purple,
.w3-hover-text-deep-purple:hover {
    color: #673ab7!important
}

.w3-text-red,
.w3-hover-text-red:hover {
    color: #f44336!important
}

.w3-text-sand,
.w3-hover-text-sand:hover {
    color: #fdf5e6!important
}

.w3-text-teal,
.w3-hover-text-teal:hover {
    color: #009688!important
}

.w3-text-yellow,
.w3-hover-text-yellow:hover {
    color: #d2be0e!important
}

.w3-text-white,
.w3-hover-text-white:hover {
    color: #fff!important
}

.w3-text-black,
.w3-hover-text-black:hover {
    color: #000!important
}

.w3-text-grey,
.w3-hover-text-grey:hover,
.w3-text-gray,
.w3-hover-text-gray:hover {
    color: #757575!important
}

.w3-text-light-grey,
.w3-hover-text-light-grey:hover,
.w3-text-light-gray,
.w3-hover-text-light-gray:hover {
    color: #f1f1f1!important
}

.w3-text-dark-grey,
.w3-hover-text-dark-grey:hover,
.w3-text-dark-gray,
.w3-hover-text-dark-gray:hover {
    color: #3a3a3a!important
}

.w3-border-amber,
.w3-hover-border-amber:hover {
    border-color: #ffc107!important
}

.w3-border-aqua,
.w3-hover-border-aqua:hover {
    border-color: #00ffff!important
}

.w3-border-blue,
.w3-hover-border-blue:hover {
    border-color: #2196F3!important
}

.w3-border-light-blue,
.w3-hover-border-light-blue:hover {
    border-color: #87CEEB!important
}

.w3-border-brown,
.w3-hover-border-brown:hover {
    border-color: #795548!important
}

.w3-border-cyan,
.w3-hover-border-cyan:hover {
    border-color: #00bcd4!important
}

.w3-border-blue-grey,
.w3-hover-border-blue-grey:hover,
.w3-border-blue-gray,
.w3-hover-border-blue-gray:hover {
    border-color: #607d8b!important
}

.w3-border-green,
.w3-hover-border-green:hover {
    border-color: #4CAF50!important
}

.w3-border-light-green,
.w3-hover-border-light-green:hover {
    border-color: #8bc34a!important
}

.w3-border-indigo,
.w3-hover-border-indigo:hover {
    border-color: #3f51b5!important
}

.w3-border-khaki,
.w3-hover-border-khaki:hover {
    border-color: #f0e68c!important
}

.w3-border-lime,
.w3-hover-border-lime:hover {
    border-color: #cddc39!important
}

.w3-border-orange,
.w3-hover-border-orange:hover {
    border-color: #ff9800!important
}

.w3-border-deep-orange,
.w3-hover-border-deep-orange:hover {
    border-color: #ff5722!important
}

.w3-border-pink,
.w3-hover-border-pink:hover {
    border-color: #e91e63!important
}

.w3-border-purple,
.w3-hover-border-purple:hover {
    border-color: #9c27b0!important
}

.w3-border-deep-purple,
.w3-hover-border-deep-purple:hover {
    border-color: #673ab7!important
}

.w3-border-red,
.w3-hover-border-red:hover {
    border-color: #f44336!important
}

.w3-border-sand,
.w3-hover-border-sand:hover {
    border-color: #fdf5e6!important
}

.w3-border-teal,
.w3-hover-border-teal:hover {
    border-color: #009688!important
}

.w3-border-yellow,
.w3-hover-border-yellow:hover {
    border-color: #ffeb3b!important
}

.w3-border-white,
.w3-hover-border-white:hover {
    border-color: #fff!important
}

.w3-border-black,
.w3-hover-border-black:hover {
    border-color: #000!important
}

.w3-border-grey,
.w3-hover-border-grey:hover,
.w3-border-gray,
.w3-hover-border-gray:hover {
    border-color: #9e9e9e!important
}

.w3-border-light-grey,
.w3-hover-border-light-grey:hover,
.w3-border-light-gray,
.w3-hover-border-light-gray:hover {
    border-color: #f1f1f1!important
}

.w3-border-dark-grey,
.w3-hover-border-dark-grey:hover,
.w3-border-dark-gray,
.w3-hover-border-dark-gray:hover {
    border-color: #616161!important
}

.w3-border-pale-red,
.w3-hover-border-pale-red:hover {
    border-color: #ffe7e7!important
}

.w3-border-pale-green,
.w3-hover-border-pale-green:hover {
    border-color: #e7ffe7!important
}

.w3-border-pale-yellow,
.w3-hover-border-pale-yellow:hover {
    border-color: #ffffcc!important
}

.w3-border-pale-blue,
.w3-hover-border-pale-blue:hover {
    border-color: #e7ffff!important
}
/* cmsms stylesheet: w3-layout modified: Samstag, 23. Mai 2020 23:18:44 */
/* custom styles */

html, body {
    scroll-behavior: smooth;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
    max-width: 1020px;
    margin: auto;
}

/* LANGUAGE UMSCHALTER */

.de_en {
    display: inline;
    text-transform: uppercase;
}


.de_en .lang_link > a {
    margin-right: 0 !important;
}

.de_en .active {
    text-decoration: underline;
    color: black;
}

.de_en_switch {
background: lightgray;
}


/* scroll to top button */

#topBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 1000;
border: none;
outline: none;
background: #f9eb3c;
color: black;
cursor: pointer;
padding: 0px;
border-radius: 0px;
font-size: 35px;
font-weight: lighter;
width: 50px;
height: 36px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}

#topBtn::before {
content: "";
position: absolute;
right: 0;
top: -40px;
width: 0;
height: 0;
z-index: 1000;
border-top: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 15px solid #f9eb3c;
border-left: 25px solid transparent;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}

#topBtn-Outline {
display: none;
height: 40px;
width: 56px;
z-index: 1000;
background-color: black;
position: fixed;
bottom: 27px;
right: 27px;
}

#topBtn-Outline::before {
content: "";
position: absolute;
right: 0;
top: -33px;
width: 0;
height: 0;
z-index: 1000;
border-top: 16px solid transparent;
border-right: 28px solid transparent;
border-bottom: 17px solid black;
border-left: 28px solid transparent;
}


.uparrow {
    background: transparent;
    width: 0;
    display: block;
    margin: auto;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #000;
    border-left: 10px solid transparent;
    top: -13px;
    position: relative;
}

.uparrow::before {
    background: transparent;
    width: 0;
    display: block;
    margin: auto;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #f9eb3c;
    border-left: 10px solid transparent;
    top: -9px;
    position: absolute;
    content: '';
    left: -10px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#topBtn:hover {
	background-color: lightgrey;
}

.uparrow:hover::before,  #topBtn:hover .uparrow::before {
	border-bottom: 15px solid lightgrey;
}

 #topBtn:hover::before {
	border-bottom: 15px solid lightgrey;
}


/* scroll to top button */


header.header {
    position: relative;
}

/* logo */

h1.logo {
    height: 142px;
    width: 142px;
    background-color: transparent;
    right: 10px;
    top: 20px;
    position: absolute;
    background-image: url(../../uploads/layout_img/festivalLogo.svg);
    background-size: contain;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    z-index: 100;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 100;
}

h1.logo:hover {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.logo > a {
    border: 0 none;
    color: transparent;
    display: block;
    font-size: 0;
    height: 142px;
    width: 142px;
}


@media only screen and (max-width: 600px) {
    
    h1.logo {
    height: 0;
    width: 0;
    }
    
}



hr {
margin: 30px 0;
border: 0;
border-top: 3px solid black;
}

.headlines {
    margin-top: 30px;
    margin-bottom: 25px;
}

.main_content {
    margin-top: 10px;
}


img.left {
    float: left;
    padding-right: 15px;
}

img.right {
    float: left;
    padding-left: 15px;
}


/* leaflet infobox fix */

.leaflet-popup-content {
    width: 220px !important;
}

/* ----------------- */

/* #navigation - nav_level1 */

.nav_level1 ul,
.nav_level1 li,
.nav_level2 ul,
.nav_level2 li {
    margin: 0;
    padding: 0
}

.nav_level1 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 39px;
}

.nav_level1 ul {
    display: inline;
}

.nav_level1 a:link,
.nav_level1 a:visited {
    color: black;
    text-decoration: none;
    margin-right: 1.25em;
}

.nav_level1 li,
.nav_level2 li {
    display: inline-block;
}

.nav_level1 a:hover,
.nav_level1 a:active,
.nav_level1 li.menuactive {
    text-decoration: underline;
}


/* #navigation - nav_level1 */

.nav_level2 {
    font-size: 23px;
    font-weight: bold;
    margin-top: 54px;
    margin-bottom: 9px;
    color: #333;
}

.nav_level2 li {
    margin-bottom: 15px;
}

.menuactive > span,
.filter.active,
.nav_level2 a:hover,
.nav_level1 a:hover,
.filter:hover {
    padding: 0 0 0px;
}

.nav_level2 a:link,
.nav_level2 a:visited,
.nav_level3 a:link,
.nav_level3 a:visited {
    text-decoration: none;
    margin-right: 20px;
}

.nav_level2 a:hover,
.nav_level2 a:active,
.nav_level3 a:hover,
.nav_level3 a:active,
a.selected,
.nav_level2 li.menuactive a.menuactive {
    color: black;
    text-decoration: underline;
}

.nav_level2 li li {
    font-size: 18px;
}



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

.nav_level1 {
    margin-top: 5px;
}

.nav_level2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

}


/* filter menu // nav_level3 */

/* hide target elements for filtering 
#mixitContainer .mix {
	display: none; 
}
*/


.nav_level3{
	font-size: 20px;
	font-weight: bold;
	margin-top: 0rem;
	margin-bottom: 30px;
	height: 30px;
}


.filter {
	cursor: pointer;
	display: inline-block;
	margin-right: 0.75em;
}

.filter.active, .filter:hover  {
	text-decoration: underline;
}

/* filter menu // */


/* STADTTEILFILTER */
div.stadtteilliste > ul.stadtteilfilter > li > ul > li.filter {
	
}

.stadtteilliste {
    position: relative;
    display: inline-block;
}

.stadtteilfilter {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 0 0 0 0;
	z-index: 1;
}

.stadtteilliste:hover .stadtteilfilter {
    display: block;
}

.stadtteilfilter > .filter {
    font-size: 14px;
    margin: 0;
    padding: 2px 5px;
    width: 100%;
    text-decoration: none;
}

.stadtteilfilter > .filter:hover {
color: #fff;
background-color: black;
}

.stadtteilfilter > .filter.active {

    font-size: 14px;
    margin: 0;
    padding:  2px 5px;
color: #f9eb3c;
background-color: black;
}

/* STADTTEILFILTER // */


/* Rasteransicht 2020
	================================================== */	
.marker-outline::before {
    background-color: transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid white;
    border-top: 18px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 100%;
    z-index: 2;
}
.marker-outline {
	background-color: white;
	height: 36px;
	position: absolute;
	width: 28px;
	/* postionierung der marker hier*/
	top: 104px;
	right: 0;
	z-index: 2;
}

.marker-outline.long{
		width:38px;
}

.marker:before{ 
content:""; 
position: absolute; 
right: 100%; 
top: 0; 
width: 0; 
height: 0; 
border-top: 13px solid transparent; 
border-right: 13px solid #f9eb3c; 
border-bottom: 13px solid transparent;
z-index: 2;
}

.marker{ 
width: 20px; 
height: 26px; 
background: #f9eb3c; 
position: absolute;
top: 5px;
right:5px;

font-family: Arial;
font-weight: bold;
font-size: 16px;
color: black;
line-height: 25px;
z-index: 2;
}

.marker.long{
	width:30px;
}


/* #event Styles Ausstellungsraster
================================================== */

.title {
    margin-bottom: 1em;
}

.title h2 {
	color: #f9eb3c;
}

.headlines.detailsite h2 {
	color: #f9eb3c;
	line-height: 1em;
}

.event {
	height: 270px;
	margin-top: 0 !important;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: transparent;
	position: relative;
}



.event img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}


section.event > a > div.rasterBild_3_2 {
    margin: 0 auto;
    width: 100%;
    height: 0;
    background-color: green;
    position: relative;
    padding-bottom: 64%;
    overflow: hidden;
}


.event h3.ausstellungstitel, .event h3.kuenstler {
	margin:0;
	padding:0;
	line-height:16px;
	font-size: 15px;
	color:black;
}


.event h3.ausstellungstitel {
	font-family: "Arial", sans-serif;
	margin-top: 10px;
	font-style: italic;
	text-transform: none;
}

.event h3.kuenstler {
	font-family: Arial, sans-serif;
	margin-top: 5px;
	color: black;
	text-transform: none;
	border-bottom: 1px solid black;
	margin: 0 20px 5px 20px;
	padding-bottom: 5px;
}

.event p.location, .event p.time{
	margin:0;
	text-align:center;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height:13px;
	letter-spacing: 0.03125em;
	text-transform:uppercase;
	color: black;
}

.event p.location {
	margin-top: 7px;
}


.eventliste li.event a h3 {
	color: black;
	}
	
.eventliste .event a h3 {
    color:black;
}

.event a:link, .event a:visited { 
	text-decoration: none;
	text-align: center;
}

.event a:hover h3, .event a:active h3 {
	text-decoration: underline;
}



/* Rasteransicht 2020 //
	================================================== */
	

/* Künstler liste
================================================== */
ul.kuenstler {
    margin: 0;
    padding: 0;
}

li.kuenstlerliste {
    list-style-type: none;
}

.kuenstlerliste {
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
}

.k_name {
    font-weight: bold;
    padding: 3px 10px;
    display: inline-block;
    font-size: 16px;
}

.k_location {
    margin-right: 10px;
    text-transform: uppercase;
}

.k_zeitraum {
    font-weight: bold;
}



li.kuenstlerliste .ausstellungsnummer_kliste {
width: 24px; 
height: 24px; 
background: white; 
position: relative;
font-size:16px;
line-height:25px;
font-family: Arial;
font-weight: bold;
color: black;
left: 0px;
position: relative;
top: 0px;
float:left;
text-align: right;
padding-right: 4px;
}

li.kuenstlerliste .ausstellungsnummer_kliste:before {
content:""; 
position: absolute; 
right: 100%; 
top: 0; 
width: 0; 
height: 0; 
border-top: 12px solid transparent; 
border-right: 12px solid white; 
border-bottom: 12px solid transparent; 
}


@media only screen and (max-width: 600px) {
   /* kuenstlerliste bei kleineren displays	*/
	
.kuenstlerliste {
    width: 100%;
    height: 100%;
    font-size: 14px;
    margin-bottom: 1em;
    margin-left: 1em;
}

.k_name, .k_location, .k_zeitraum {
	display: block;
	margin-left: 2em;
	padding: 3px 0;
	font-size: 16px;
}


li.kuenstlerliste .ausstellungsnummer_kliste {

}

li.kuenstlerliste .ausstellungsnummer_kliste:before {

}

}



/* Künstler liste //
================================================== */
	
	
/* Detailsseiten / detailseite
	================================================== */
.c_details {
    padding-right: 35px;
}

.ocstatus.offen {
    background: #f9eb3c;
}

p.ocstatus {
    padding: 10px 0 10px 3px;
}

p.ocstatus::before {
    content: "» ";
}

p.ocstatus::after {
    content: " «";
}

	
#ausstellungsnummer { 
width: 50px; 
height: 50px; 
position: relative;
font-size:24px;
line-height:52px;
font-family: Arial;
font-weight: bold;
color: black;
background: #f9eb3c; 
}

#ausstellungsnummer:before { 
content:""; 
position: absolute; 
right: 100%; 
top: 0; 
width: 0; 
height: 0; 
border-top: 25px solid transparent; 
border-bottom: 25px solid transparent; 
border-right: 25px solid #f9eb3c;
}

#ausstellungsnummer.thema {
    background-color: black;
    color: #f9eb3c;
}

#ausstellungsnummer.thema:before { 
content:""; 
position: absolute; 
right: 100%; 
top: 0; 
width: 0; 
height: 0; 
border-top: 25px solid transparent; 
border-right: 25px solid black; 
border-bottom: 25px solid transparent; 
}
	
.detailside {
	background-color:transparent;
	top: 0;
	position: relative;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	}


.detailside hr, .detailside hr.blackthin {
	margin:  10px 0px; 
	height: 0;
	}

.detailside hr {
	border: solid black; 
	border-width: 0 0 0 0 ; 
	clear: both; 
	margin: 10px -10px 10px 0; 
	height: 2px;
	background-color: black;
	}
	
	
.detailside p {
	margin:0 0 0px 0;
	font-size: 15px;
	}
	
.detailside p strong {
    font-size: 16px;
}
	
.detailside p.weitererTermin {
	margin-bottom:8px;
}
	
.detailside h5 {
	font-size: 16px;
	text-transform: none;
	margin:0;
	padding:0;
	line-height: 16px;
	text-decoration: underline;
	color: black;
	margin-bottom: 8px;
	}
	
.seitennavigation {
	margin-top: 0em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}


.prev-button > a, .next-button > a, .uebersicht > a {
    text-decoration: none;
}

.prev-button > a:hover, .next-button > a:hover, .uebersicht > a:hover {
    text-decoration: underline;
}
	
.next-button {
    float: left;
    width: 30%;
    text-align: right;
}

.prev-button {
    float: left;
    width: 30%;
}

.uebersicht {
	 width: 30%;
	 text-align: center;
	 float: left;
}



@media only screen and (max-width: 1040px) {
	
	.seitennavigation {
	margin-top: 1em;
	font-family: Arial, sans-serif;
	}

}


@media only screen and (max-width: 767px) {
	
	.detailside {
	right: 0px;
	}

	.prev-button, .next-button, .uebersicht {
		width: auto;
	}

	.uebersicht {
	margin: 0 1em;
	}

}

	

/* Detailsseiten 2020 //
	================================================== */

/* Socialmedialinks
================================================== */

#socialmedialinks {
    display: inline;
    margin-left: 23px;
    position: absolute;
    z-index: 1;
    background-color: transparent;
}


ul#socialmedialinks li {
    width: 25px;
    height: 25px;
    margin-right: 7px;
    transition: all .1s ease-out;
}

ul#socialmedialinks li:hover {
    /* matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()) */
    transform: matrix(1.3, 0, 0, 1.3, 0, 0);
}

ul#socialmedialinks a {
    text-indent: 999em;
}

a#fblink, a#twlink, a#instalink {
height: 25px;
width: 25px;
display:block;
background-image: url("../../uploads/layout_img/socialmedia.svg");
background-size: cover;
}

a#twlink{
background-position: 50%;
}

a#instalink {
    background-position: 100%;
}


@media only screen and (max-width: 600px) {
   /* socialmedialinks bei kleineren displays	*/
   #socialmedialinks {
   display: none;
   }
	   
}


/* #Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}

h1 {
    /* hyphens */
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

h1 {
    font-size: 65px;
    line-height: 1.2;
    letter-spacing: 0px;
    text-decoration: underline;
}

h2 {
    font-size: 28px;
    line-height: 1.25;
    letter-spacing: 0px;
    margin-bottom: 0;
margin-top: 20px;
}

h2.subheadline {
    font-size: 36px;
margin-top: 0;
}

h3 {
text-transform: uppercase;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 1px;
    margin-bottom: 0;
margin-top: 20px;
}

h4 {
    
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.35;
    margin-bottom: 0;
margin-top: 20px;
}

h5 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0px;
}

h6 {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.0625em;
    margin-bottom: 10px;
    text-decoration: underline;
    text-transform: uppercase;
}

.uppercase {
text-transform: uppercase;
}

.main_content h3 {
    margin: 20px 0 0 0;
}

.main_content p {
    margin: 0 0 1em 0;
}

@media only screen and (max-width: 600px) {
   /* headlines bei kleineren displays	*/
   
h1 {
    font-size: 40px;
}

h2 {
    font-size: 28px;
}

h2.subheadline {
    font-size: 24px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 18px;
}
   
   
}


/* contentImg eingefügt per template */
.container.contentImg {
    margin-bottom: 20px;
}
/* contentImg // */

/* Thunbnailliste */

.ThumbnailListe {
position: relative;
margin-bottom: 3em;
}

.detaillink {
    font-size: 40px;
    line-height: 40px;
    display: block;
    text-decoration: none;
    padding: 0;
    margin: 0;
position: absolute;
bottom: 0;
right: -10px;
}

.detaillink:hover {
text-decoration: underline;
}



@media (max-width:600px){

.textblock {
margin-top: 0.5em;
}

}

/* Thunbnailliste // */

/* rasteroverlay text */

.text {
    font-size: 16px;
}

@media (min-width:601px){

.container {
    position: relative;
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: RGBA(255,255,255,0.75);
background-color: #ffeb3b;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
z-index: 10;
}

.container:hover .overlay {
    height: 100%;
}

.text {
    color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
}

@media (max-width:600px){
figure.rasterBild_3_2, figure.rasterBild_1_1 {
padding-bottom: 0 !important;
    margin: 0 auto;
    width: 100%;
    height: auto !important;
    background-color: lightgrey;
    position: relative;
}

section.rasterOverlay figcaption.BU_base {
top:0;
}
}

@media (min-width: 601px) and (max-width: 892px)  {

.text {
font-size: 13px;
}

}


/* rasteroverlay text // */


/* rasteroverlay zweizeilig */

.raster_subheadline {
    display: block;
    margin-top: -6px;
    height: 18px;
    font-size: 12px;
    text-transform: uppercase;
}

/* rasteroverlay zweizeilig // */

p.linkbottom {
    margin: 0;
    padding: 0;
}

.linkbottom {
    display: block;
    height: auto;
}

section.ThumbnailListe p.linkbottom {
    margin: 0;
    padding: 0;
    bottom: 0;
    position: absolute;
    display: block;
    background: lightgrey;
    width: 100%;
    height: 0;
    margin-bottom: 0px;
}

.linkLabel {
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 28px;
}

.linkPfeile {
    font-size: 40px;
    position: relative;
    float: right;
    text-decoration: none;
    line-height: 22px;
}


/* rasterBild mit Text */

figure.rasterBild, figure.rasterBild_3_2, figure.rasterBild_4_3, figure.rasterBild_1_1 {
    margin: 0 auto;
    width: 100%;
    height: 0;
    background-color: lightgrey;
    position: relative;
}

figure.rasterBild_3_2 {
    padding-bottom: 66.9%;
}

figure.rasterBild_4_3 {
    padding-bottom: 75%;
}

figure.rasterBild_1_1 {
    padding-bottom: 100%;
}

figure.BU {
position: relative;
}

.BU_base,
p.BU_base {
    position: absolute;

    left: 4px;
    bottom: 0px;
    font-size: 10px;
    text-shadow: 1px 1px 1px #000;
    color: white;
    margin: 0;
z-index: 1;
}

/* Bild Text 3 Spalten */

.text_link p {
    height: 66px;
    overflow: hidden;
}

/* Bild Text 3 Spalten // */

/* showcase */

section.showcase {
    margin-bottom: 20px;
}

/* showcase // */

/* edition ################### */
.edition section {
    margin: 20px 0
}

section figure {
margin:0;
}

.edition_text {
    background: #fafafa;
color:black;
margin-bottom: 30px;
padding: 20px;
box-shadow: 0px 5px 5px #ddd inset;
}

.imgsize {
display: inline-block;
}


.linkextern {
    display: block;
    margin-top: 3em;
font-size: smaller;
}

div.edition h3 {
margin-top: 0;
margin-bottom: 1em;
}

.zeilekaufen {
    margin-top: 1em;
    display: block;
}

.kaufen {
    margin-left: 2em;
}

/* rasteroverlay text // */
/* edition // */

/* Photobox */

.photobox {
    border: 3px solid;
    margin-bottom: 16px;
    background-color: transparent;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

.boxsize {
width: 100%;
float: left;
}

@media (min-width:601px){

.boxsize {
width: 48%;
margin-right: 2%;
}

.photobox {
height: 300px;
}

}

figure.photobox figcaption {
font-size: 12px;
}

/* Photobox // */
	

/* toggleswitch
================================================== */

.toggleswitch {
    background: lightgray none repeat scroll 0 0;
    border-radius: 5px;
    color: black;
    cursor: pointer;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 1em;
    padding: 10px;
    position: relative;
}

.toggleswitch::before {
    content: "+";
font-size: 35px;
    float: left;
    margin-right: 0.25em;
transition: transform 0.3s;
line-height: 21px;
}

.toggleswitch.plus::before {
    content: "+";
    float: left;
    margin-right: 0.25em;
transform: rotate(135deg);
}

.toggle {
    background: #f5f5f5 none repeat scroll 0 0;
    margin: 0;
    padding: 10px;
border-radius: 0 0 5px 5px;
}

.toggle.zeigen {
display: block !important;
}

.toggleswitch.plus {
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
}


/* toggleswitch //
=============================================== */



/* partnerdarstellung
=============================================== */

.partner h3 {
    margin-top: 100px;
}

/* partnerdarstellung //
=============================================== */
/* cmsms stylesheet: w3-formbuilder modified: Sonntag, 17. Mai 2020 00:26:29 */
/* skeleton*/

form {
	font-family: arial, sans-serif;
	}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 0px;
  border: 0px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 0px solid #D1D1D1;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 0px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: 0.8rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* skeleton // */


/* abweichende styles  */
span.seitenzaehler {
    width: 100%;
    background: #ddd;
    display: block;
    text-align: center;
    margin: 1rem 0;
    padding: 10px;
	color: black;
}

select {
    border-radius:0px;
    border: solid 0px #000;
    font-size: 16px;
	padding: 6px 4px;
}

legend, label {
	font-size: 18px;
}

legend {
	position: relative;
	top: 20px;
	margin-bottom: 1em;
	padding: 0 5px;
	
	background: none repeat scroll 0 0 white;
	color: #000;
	width: auto;

}


input, textarea, fieldset {
	border: 0px solid #999;
	border-radius: 0px;
	font-size: 16px;
	padding: 10px;
	font-family: Arial, sans-serif;
}

textarea {
	height: 15em;
}

fieldset {
    border: 0px solid #000;
    border-radius: 0;
    font-size: 16px;
    padding: 20px;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select ,
.button, button, input[type="submit"], input[type="reset"], input[type="button"]
{
    width: 100% ;
    font-size: 16px;
    margin:0 0 10px 0;
}


input#title {
    clear: both;
}


.fbr_helptext {
    background-color: lightgrey;
    border-radius: 5px;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 0 5px;
    padding: 10px;
    position: absolute;
    width: 200px;
}

.fb_invalid {
	color:red;
}

.required.fb_invalid > input, .required.fb_invalid > select {
    border: 0px solid red;
}

.required::before {
	height: 0;
    content: "*";
    font-size: 36px;
    position: relative;
    top: -17px;
    left: -17px;
    float: left;
}

.error_message {
    background-color: red;
    border-radius: 0px;
    color: white;
    padding: 1em;
}

.error_message ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.danger > textarea {
	border: 3px solid red;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.errortooltip {
    width: 100%;
    font-size: 0;
    margin: 0;
    position: relative;
    top: -6px;
    padding: 0;
}

.errortooltiptext {
	visibility: visible;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	font-size: 15px;
	position: relative;
	top: 0px;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.errortooltip:hover .errortooltiptext {
    visibility: visible;
}

/* Tooltip container // */


.cms_submit.fbsubmit_prev, .cms_submit.fbsubmit_next, .cms_submit.fbsubmit {
	float: left;
	width: 48%;
	background-color: white;
	margin-right: 0;
	margin-left: 0;
	font-family: Arial, sans-serif;
}

.cms_submit.fbsubmit_prev { float: left; }
.cms_submit.fbsubmit_next, .cms_submit.fbsubmit { float: right; }



.cms_submit.fbsubmit_prev:hover, .cms_submit.fbsubmit_next:hover, .cms_submit.fbsubmit:hover {
    background: #ffeb3b;
    color: black;
}

.fehler-meldung {
    display:none;
}


/* anmeldeformular festival 2018 */
#endtermin_day, #starttermin_day, #vernissage_datum_day, #extraTermin_day, #extraTermin2_day, #extraTermin3_day, #oeffnungszeit_von_hour, #oeffnungszeit_von_min, #oeffnungszeit_bis_hour, #oeffnungszeit_bis_min, #vernissage_uhrzeit_hour, #vernissage_uhrzeit_min, #vernissage_uhrzeit_ende_hour, #vernissage_uhrzeit_ende_min, #extraZeit_hour, #extraZeit_ende_hour, #extraZeit2_hour, #extraZeit2_ende_hour, #extraZeit3_hour, #extraZeit3_ende_hour, #extraZeit_min, #extraZeit2_min, #extraZeit3_min, #extraZeit_ende_min, #extraZeit2_ende_min, #extraZeit3_ende_min {
    width: 4em;
	float: left;
	margin-right: 0.5em;
}

#endtermin_month, #starttermin_month, #vernissage_datum_month, #extraTermin_month, #extraTermin2_month, #extraTermin3_month  {
    width: 9em;
	float: left;
	margin-right: 0.5em;
}

#endtermin_year, #starttermin_year, #vernissage_datum_year, #extraTermin_year, #extraTermin2_year, #extraTermin3_year  {
    width: 5.5em;
}


.uhrzeit {
	float: left;
	margin-right: 1em;
}

#bild01, #bild02, #bild03, #bild04, #bild05, #bild06 {
    margin-left: 0px;
    margin-bottom: 5px;
width: 90%;
} 

.extraTermin {
	padding-top: 0em;
}

.extraTermin > input, select#menge_freiexemplare {
    float: left;
    width: 100%;
}

.entry2016 input, .entry2016 textarea, .entry2016 fieldset > fieldset, .entry2016 select  {
    width: 100%;
}


.bildupload-feld, .email_hinweis {
    font-size:12px;
    line-height: 17px;
}

.bildupload-feld p {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 20px;
}

.bild_auswahl label {
    font-weight: normal;
    padding: 0;
    width: 100%;
    font-size: 16px;
    margin: 0;
}

.bild_auswahl > a {
    /* float: none; */
    /* position: relative; */
    /* top: -55px; */
    /* right: -0px; */
}


.copyright > input {
	max-width: 90%;
	font-size: 12px;
	margin: 0;
	padding: 2px;
}

fieldset .copyright {
    margin-top: 0px;
    color: black;
}

.checkbox_label > label, clear_checkbox > label {
	padding-top: 0;
}

.checkbox_label, clear_checkbox {
    clear: both;
}

input[type="checkbox"] {
	width: 20px;
	float: left;
	margin-bottom: 0.5em;
	margin-top: 5px;
	margin-right: 10px;
}


input[type="checkbox"] + label {
    display: inline;
    font-size: 16px;
    font-weight: normal;
}

input[type="file"] {
	background-color: white;
}


.checkboxGruppe > div {
    clear: both;
}

.EintragsID {
    background-color: #fff;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    margin-top: 8px;
    padding: 10px;
    margin-bottom: 1rem;
}

.EintragsID > label {
    float: left;
    font-size: 20px;
    margin-right: 5px;
}


#lieferadresse, #vernissage_hinweis {
	display:none;
}

#vernissage_hinweis {
background-color: red;
color: white;
}




fieldset {
	background-color: #ddd;
	border: 0;
}

fieldset fieldset {
	background-color: #eee;
clear: both;
}

.clear_checkbox {
    clear: both;
    margin: 10px 0 0 0;
}

.static-text {
	background-color: red;
	padding: 10px;
}
/* cmsms stylesheet: w3-stellarNav modified: Sonntag, 17. Mai 2020 00:20:02 */
/*
 * Stellarnav.js 2.5.0
 * Responsive, lightweight, multi-level dropdown menu.
 * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com
 * Released under the MIT license
 */
/* all nav */
.stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal; }
.stellarnav ul { margin: 0; padding: 0; text-align: left; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 5px; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a { padding: 0px; display: block; text-decoration: none; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

/* main level */
.stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li:hover { 
display: inline-block; 
background-color: transparent; 
}

.stellarnav > ul > li > a { padding: 0; }

/* first level dd */
.stellarnav ul ul { 
top: auto; 
width: auto; 
position: absolute; 
z-index: 9900; 
text-align: left; 
display: none; 
background-color: white;
box-shadow: 0 5px 5px rgb(0,0,0,0.5);
width: 300px;
left: 0;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
}

.stellarnav li li {
display: block;
background-color: white;
 }

.stellarnav li li:hover, .stellarnav li li.menuactive {
display: block;
background-color: #ffeb3b;
 }

/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 6px; }

/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 220px; }

/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }

/* general styling */

/*dropdown indikator*/
.stellarnav li.has-sub > a:after { 
content: ''; 
margin-left: 6px; 
border-left: 6px solid transparent; 
border-right: 6px solid transparent; 
border-top: 6px solid black; 
display: inline-block;
background-color: transparent;
}

.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 0px; }

.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }

.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }

.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; 
text-transform: uppercase; 
text-decoration: none; 

}

.stellarnav .dd-toggle { 
display: none; 
position: absolute; 
top: 0; 
right: 0; 
padding: 0; 
width: 48px; 
height: 48px; 
text-align: center;
z-index: 9999;
border: 0;
}

.stellarnav.desktop li.has-sub a { 
padding-right: 0px;
}

.stellarnav.desktop.hide-arrows li.has-sub a { 
padding-right: 15px;
}

.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }

.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }

/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */

.stellarnav a.dd-toggle .icon-plus { 
box-sizing: border-box;
transition: transform 0.3s;
width: 22px; 
height: 100%; 
position: relative; 
vertical-align: middle; 
display: inline-block; 
}

.stellarnav a.dd-toggle .icon-plus:before { 
content: ''; 
display: block; 
width: 20px; 
height: 0px; 
border-bottom: solid 4px #333; 
position: absolute; 
top: 50%; 
transform: rotate(90deg); 
transition: width 0.3s; 
}

.stellarnav a.dd-toggle .icon-plus:after { 
content: ''; 
display: block; 
width: 20px; 
height: 0px; 
top: 50%; 
border-bottom: solid 4px #333; 
position: absolute; 
}

.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; }

.stellarnav .icon-close { 
box-sizing: border-box; 
width: 20px; 
height: 20px; 
position: relative; 
display: inline-block; 
margin-right: 5px;
}

.stellarnav .icon-close:before { 
content: ''; 
display: block; 
width: 20px; 
height: 0px; 
border-bottom: solid 4px #000; 
position: absolute; 
top: 50%; 
transform: rotate(45deg); 
}

.stellarnav .icon-close:after { 
content: '';
display: block;
width: 20px;
height: 0px;
top: 50%; 
border-bottom: solid 4px #000;
position: absolute; 
transform: rotate(-45deg); 

}
.stellarnav.light .icon-close:before { border-color: #000; }
.stellarnav.light .icon-close:after { border-color: #000; }
.stellarnav.dark .icon-close:before { border-color: #FFF; }
.stellarnav.dark .icon-close:after { border-color: #FFF; }

/* mobile nav */
ul.mainmenu { 
z-index: 999;
}

.stellarnav.mobile li.menudepth1 a {
    font-size: 16px;
    padding: 5px;
}

.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 0px; 
box-sizing: border-box;
}

.stellarnav .menu-toggle span.bars { 
display: inline-block; 
margin-right: 7px; 
position: relative; 
top: 2px;
left: 5px;
}

.stellarnav .menu-toggle span.bars span { 
display: block; 
width: 20px; 
height: 3px; 
border-radius: 6px; 
background-color: #777; 
margin: 0 0 3px; 

}
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background-color: #000; }
.stellarnav.dark .menu-toggle span.bars span { background-color: #FFF; }

.stellarnav.mobile { 
position: static; 
padding: 10px 0px;
background-color: lightgray !important;
}
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { 
background-color: lightgray !important;
}
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }

.stellarnav.mobile > ul > li > a { 
padding: 5px;
}

.stellarnav.mobile ul { background-color: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }

.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { 
display: inline-block; 
}

.stellarnav.mobile .menu-toggle {
width: 100%;
}

.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background-color: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background-color: rgba(0, 0, 0, 1); }
.stellarnav.mobile.dark ul ul { background-color: rgba(255, 255, 255, .08); }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }

/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.stellarnav.mobile.right > ul {
right: 0; 
box-shadow: 0px 0px 5px black;
}

.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { 
display: inline-block; 
text-align: right;
background-color: darkgray;
padding: 10px 15px;

}

.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */

/* mega dd */
.stellarnav.desktop li.mega ul ul { background-color: transparent; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */


/* Fallback for slow javascript load */
@media only screen and (max-width : 768px) {
	.stellarnav { overflow: hidden; display: block; }
	.stellarnav ul { position: relative; display: none; }
}

/* mobile nav */
@media only screen and (max-width : 420px) {
	.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }
}
/* cmsms stylesheet: w3-responsiveSlides modified: Samstag, 23. Mai 2020 13:51:26 */
/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  }

/* This is for responsive container with specified aspect ratio */

.aspect-ratio-3-2 {
	position: relative;
	padding-bottom: 66.66%;
	}
	
/* This is the key part - position and fit the image to the container */
.fit-img {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	float: none !important;
	}

.fit-img-q {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	height: auto;
	float: none !important;
	}

.fit-img-h {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: auto;
	max-height: 100%;
	float: none !important;
	}

/*     */

.rslides_tabs {
    font-size: 20px;
    list-style: none outside none;
    margin: 0;
    padding: 15px 0 0px;
    text-align: left;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 17px;
  height: auto;
  background: transparent;
  display: inline;
  text-decoration: none;
  font-family: Arial;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background-color: black;
  color: #fff;
  /*font-weight: bold;*/
  text-decoration: none;
  font-family: Arial;
  }
  
  section.bilderCarousel {
    margin-bottom: 20px;
}
/* cmsms stylesheet: leaflet modified: Donnerstag, 21. Mai 2020 16:11:23 */
/* 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 {
	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 {
	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 {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	text-decoration: none;
	}
.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 "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 'Lucida Console', 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.html);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.html);
	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 {
	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: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	font-size: 14px;
	}
.leaflet-popup-content p {
	margin: 5px 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: 0;
	right: 0;
	padding: 4px 0 0 0;
	text-align: center;
	width: 40px;
	height: 40px;
	font: 24px/24px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.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)";
	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;
	}