@charset "UTF-8";
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:block}[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Font Slick */
@font-face
{font-family:"slick";
src:url(../fonts/slick.eot);src:url(../fonts/slick.eot?#iefix) format("embedded-opentype"),
url(../fonts/slick.woff) format("woff"),url(../fonts/slick.ttf) format("truetype"),
url(../fonts/slick.svg#slick) format("svg");font-weight:normal;font-style:normal}
.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:none}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25}
.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}[dir="rtl"] .slick-prev{left:auto;right:-25px}
.slick-prev:before{content:"←"}[dir="rtl"] .slick-prev:before{content:"→"}
.slick-next{right:-25px}[dir="rtl"] .slick-next{left:-25px;right:auto}
.slick-next:before{content:"→"}[dir="rtl"] .slick-next:before{content:"←"}
.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:black;opacity:0.75}


/* Font Awesome mit Spezialfeatures */
@font-face
{font-family:'FontAwesome';
/* src:url(../fonts/fontawesome-webfont.eot?v=4.4.0);
src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"),
url(../fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2"),
url(../fonts/fontawesome-webfont.woff?v=4.4.0) format("woff");*/
src:url(../fonts/fontawesome-webfont.ttf) format("truetype");
/*src:url(../fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype");
src:url(../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");*/
/*src: local('FontAwesome'), 
      url(/Library/fonts/fontawesome.ttf) format('truetype');*/
font-weight:normal;font-style:normal
}

.fa
{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg
{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}
.fa-2x
{font-size:2em}
.fa-3x
{font-size:3em}
.fa-4x
{font-size:4em}
.fa-5x
{font-size:5em}
.fa-fw
{width:1.28571429em;text-align:center}
.fa-ul
{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul>li
{position:relative}
.fa-li
{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}
.fa-li.fa-lg
{left:-1.85714286em}
.fa-border
{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}
.fa-pull-left
{float:left}
.fa-pull-right
{float:right}
.fa.fa-pull-left
{margin-right:.3em}
.fa.fa-pull-right
{margin-left:.3em}
.pull-right
{float:right}
.pull-left
{float:left}
.fa.pull-left
{margin-right:.3em}
.fa.pull-right
{margin-left:.3em}
.fa-spin
{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa a
{text-decoration:none}
.fa-colorchange
{color:#999}


.fa-pulse
{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin
{0%
{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%
{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin
{0%
{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%
{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}

.fa-rotate-90
{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180
{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270
{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal
{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical
{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical
{filter:none}

.fa-stack
{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x
{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x
{line-height:inherit}
.fa-stack-2x
{font-size:2em}
.fa-inverse
{color:#fff}
.fa-folder-open:before
{content:"\f07c"}
.fa-close:before,
.fa-Bontepike:before
{content:"\f00d"}
.fa-bars:before
{content:"\f0c9"}
.fa-chevron-up:before
{content:"\f077"}
.fa-fbook_q:before
{content:"\f230"}
.fa-insta:before
{content:"\f16d"}



body
{-webkit-backface-visibility:hidden}

.animated
{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.animated.infinite
{animation-iteration-count:infinite}

.animated.hinge
{-webkit-animation-duration:2s;animation-duration:2s}

.animated.bounceIn,.animated.bounceOut
{-webkit-animation-duration:0.75s;animation-duration:0.75s}

.animated.flipOutX,.animated.flipOutY
{-webkit-animation-duration:0.75s;animation-duration:0.75s}@-webkit-keyframes fadeIn
{0%
{opacity:0}100%
{opacity:1}}@keyframes fadeIn
{0%
{opacity:0}100%
{opacity:1}}

.fadeIn
{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut
{0%
{opacity:1}100%
{opacity:0}}
@keyframes fadeOut
{0%
{opacity:1}100%
{opacity:0}}

.fadeOut
{-webkit-animation-name:fadeOut;animation-name:fadeOut
}*
{padding:0;margin:0}

html
{width:100%;height:100%}

@font-face
{
font-family:'PxGrotesk';
src:url('../fonts/PxGrotesk-Bold.otf') format('opentype');
src: local('Px Grotesk'), 
      url('/Users/hauffen/Library/Fonts/PxGrotesk-Bold.otf') format('opentype');
font-weight:bold;font-style:normal }


@font-face
{
font-family:'futurabold';
src:url('../fonts/futurbtbol-webfont.ttf') format("truetype");
src:url('../fonts/futurbtbol-webfont.woff') format("woff");
/*src:url('/fonts/futurbtbol-webfont.eot') format("embedded-opentype");*/
src: local('futura bold'),
     url(/Library/Fonts/futurbtbol-webfont.ttf) format('truetype');
font-weight:normal;font-style:normal }


/* Font Octoville */
@font-face
{font-family:'Octoville';
src:url('../fonts/octoville.ttf') format("truetype");
src:url('/fonts/octoville-webfont.woff') format("woff");
src: local('Octoville'), 
      url(/fonts/octoville.ttf) format('truetype');
font-weight:normal;font-style:normal}

.liquid-container>.liquid-child,.liquid-container
{
transform:initial;overflow:initial}
.liquid-animating
{
overflow:hidden}
html,button,input,select,
textarea
{
color:#222}
body
{font-size:1em;line-height:1.4}
::-moz-selection
{background:#b3d4fc;text-shadow:none}
::selection
{background:#b3d4fc;text-shadow:none}
hr
{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

img
{vertical-align:middle}
fieldset
{border:0;margin:0;padding:0}

textarea
{resize:vertical}
.chromeframe
{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}
.ir
{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before
{content:"";display:block;width:0;height:100%}
.hidden
{display:none!important;visibility:hidden}
.visuallyhidden
{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus
{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible
{visibility:hidden}
.clearfix:before,
.clearfix:after
{content:" ";display:table}
.clearfix:after
{clear:both}
.clearfix
{*zoom:1}

@media print
{*
{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited
{text-decoration:underline}

a[href]:after
{content:" (" attr(href) ")"}
abbr[title]:after
{content:" (" attr(title) ")"}

.ir a:after,a[href^="javascript:"]:after,
a[href^="#"]:after
{content:""}

pre,blockquote
{border:1px solid #999;page-break-inside:avoid}
thead
{display:table-header-group}
tr,img
{page-break-inside:avoid}
img
{max-width:100%!important}
@page
{margin:0.5cm}
p,h2,h3
{orphans:3;widows:3}
h2,h3
{page-break-after:avoid
}}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary
{display:block}audio,canvas,video
{display:inline-block;*display:inline;*zoom:1}
audio:not([controls])
{display:none;height:0}
[hidden]
{display:none}
html
{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
-ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None; } 
// mh: eingefügt User kann keinen Text auswählen
html,button,input,select,textarea
{font-family:sans-serif}
body
{margin:0}
a:focus
{outline:thin dotted}
a:active,a:hover
{outline:0}
h1
{font-size:2em;margin:0}
h2
{font-size:1.5em;margin:0}
h3
{font-size:1.17em;margin:0}
h4
{font-size:1em;margin:0}
h5
{font-size:0.83em;margin:0}
h6
{font-size:0.67em;margin:0}
abbr[title]
{border-bottom:1px dotted}
b,strong
{font-weight:bold}
blockquote
{margin:1em 40px}
dfn
{font-style:italic}
mark
{background:#ff0;color:#000}
p,pre
{margin:1em 0;
-ms-user-select: text;
-moz-user-select: text;
-webkit-user-select: text;}
// mh: für Textpassagen wird das Auswählen von Text erlaubt
code,kbd,pre,samp
{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre
{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q
{quotes:none}
q:before,q:after
{content:'';content:none}
small
{font-size:80%}
sub,sup
{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup
{top:-0.5em}
sub
{bottom:-0.25em}dl,menu,ol,ul
{margin:1em 0}dd
{margin:0 0 0 40px}menu,ol,ul
{padding:0 0 0 0}nav ul,nav ol
{list-style:none;list-style-image:none}img
{border:0;-ms-interpolation-mode:bicubic}svg:not(:root)
{overflow:hidden}figure
{margin:0}form
{margin:0}fieldset
{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend
{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea
{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input
{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]
{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]
{cursor:default}input[type="checkbox"],
input[type="radio"]
{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]
{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner
{border:0;padding:0}
textarea
{overflow:auto;vertical-align:top}
table
{border-collapse:collapse;border-spacing:0}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,
td
{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,
object
{display:block}
a img
{border:0}
figure
{position:relative}
figure img
{width:100%}


body
{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.details .address
{font-size:1.3125em;line-height:1.4;color:#231f20;font-weight:normal;margin-bottom:1em}::-moz-selection
{color:#000;background:white;text-shadow:none}::selection
{color:white;background:#000;text-shadow:none}

header
/* mh: margin-bottom geändert von 4em auf 2em*/
{width:100%;float:left;display:block;margin-bottom:2em}
header,header *
{box-sizing:border-box}

header .header__row
{padding:20px;width:100%;float:left;margin-left:0;margin-right:0;position:relative;display:none}
@media all and (min-width:768px){header .header__row{display:block}}

header .header__row .header__menu-left
{width:49.15254%;float:left;margin-right:1.69492%}
@media all and (min-width:768px){
header .header__row .header__menu-left
{width:32.20339%;float:left;margin-right:1.69492%}}

header .header__row .header__menu-right
{width:49.15254%;float:right;margin-right:0}
@media all and (min-width:768px)
{header .header__row .header__menu-right{margin-left:8.47458%;width:23.72881%;float:right;margin-right:0}}

header .header__logo
{display:none;text-align:center;
-ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None; }
@media all and (min-width:768px)
{header .header__logo
{display:inline;width:32.20339%;float:left;margin-right:1.69492%;
/*mh: hiermit wird das "logo" fixiert und nach vorne gestellt*/
position:fixed;z-index:10  
}}

header .header__logo.mobile
{display:block;margin-left:25.42373%;width:49.15254%;float:left;margin-right:1.69492%;margin-right:25.42373%}
@media all and (min-width:768px)
{header .header__logo.mobile
{display:none}}

header .header__logo a.fLeft
{text-transform:uppercase}
header .header__top
{width:100%;float:left;margin-left:0;margin-right:0;padding:20px;position:relative}
header .header__top .header__top__hamburger
{width:32.20339%;float:left;margin-right:1.69492%}
@media all and (min-width:768px){
header .header__top .header__top__hamburger
{display:none}}

header .header__top .header__top__newsletter
{display:none}
@media all and (min-width:768px)
{header .header__top .header__top__newsletter
{width:32.20339%;float:left;margin-right:1.69492%;display:block}}
header .header__top .header__top__language
{width:98.20339%;float:right;margin-right:8.69492%;text-align:right;margin-top:-10px;margin-bottom:-10px}
header .header__top .header__top__search
{margin-left:8.47458%;width:23.72881%;float:right;margin-right:0}
header .header__top .header__top__search .search
{text-align:right;float:right;width:100%}
.search input
{width:100%;border-width:1px;border-style:solid;height:17px;font-family:'futurabold',Futura,Verdana,Arial,Helvetica,sans-serif;font-weight:normal;}


/* mh: colWrapper masonry */
.colWrapper
{box-sizing:border-box;width:24%;float:left}

.colWrapper.masonry_container
{width:calc(93.10345%);margin-left:3.44828%;margin-right:3.44828%}
@media all and (min-width:768px){
.colWrapper.masonry_container
{width:calc(96.61017%);margin-left:1.69492%;margin-right:1.69492%}}

.colWrapper.singleColBig
{width:calc(93.10345%);margin-left:3.44828%;margin-right:3.44828%;margin-top:-3.5em}
@media all and (min-width:768px)
{.colWrapper.singleColBig
{margin-left:25.42373%;width:49.15254%;float:left;margin-right:1.69492%;margin-right:25.42373%}}

.colWrapper.singleColBig.singleColBigger
{width:calc(93.10345%);margin-left:3.44828%;margin-right:3.44828%}
@media all and (min-width:768px)
{.colWrapper.singleColBig.singleColBigger
{width:100%;float:left;margin-left:0;margin-right:0}}

.colWrapper.singleColBig.singleColBigger nav
{width:100%;margin:0 auto}
.colWrapper.singleColBig .image
{width:100%}
.colWrapper.singleColBig .image img
{width:auto;max-width:100%;height:auto}
.colWrapper.singleColBig .conCol
{margin-bottom:15px}

.colWrapper.singleColBig h2
{font-size:10vw;line-height:.97em;margin-bottom:1.0em}
@media all and (min-width:380px)
{.colWrapper.singleColBig h2
{font-size:30px;margin-bottom:1.5em}}
@media all and (min-width:768px)
{.colWrapper.singleColBig h2
{font-size:42px;line-height:.1em;margin-bottom:1.45em}}

.colWrapper.singleColBig .mediumFont
{font-size:36px}
.colWrapper.oneColMax
{width:220px;margin:auto;float:none}
.colWrapper.first
{margin-left:0}
.colWrapper .inner
{width:100%;text-align:center}
.colWrapper p
{margin-bottom:10px}
.colWrapper p.rowbyrow
{margin-bottom:2px}
.colWrapper .subCol1.first
{margin-left:0}
.colWrapper.oneColMaxBig
{width:450px;margin:auto;float:none}
.colWrapper.oneColMaxBig h2
{margin-top:40px}
.colWrapper.sidebar img
{max-width:70%}

.item
{width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;margin-bottom:3.44828%}
@media all and (min-width:600px)
{.item
{width:48.27586%;margin-bottom:3.44828%}}
@media all and (min-width:768px)
{.item
{width:32.20339%;padding:1.69492%;margin-bottom:1.69492%}}

.item h3
{text-align:center;margin-bottom:1.25em}
.item .image
{text-align:center;width:75%;margin-left:12.5%}
.item .image.landscape img
{width:100%}


/* mh: Category Überschriften */
.item .category
{
font-family:"Octoville",Futura,Verdana,Arial,Helvetica,sans-serif;font-size:42px;line-height:38px;text-transform:none;font-weight:normal;color:#000;text-align:center;line-height:38px;margin-bottom:10px}
@media all and (min-width:768px)
{
.item .category
{font-size:32px}}

@media all and (min-width:1024px)
{
.item .category
{font-size:42px}} /*mh: Normalfall Überschrift Newseintrag*/

.item.agenda .category,
.item.news h2
{font-family:'futurabold',Futura,Verdana,Arial,Helvetica,sans-serif;font-size:14px;text-transform:none;font-weight:normal;text-align:center;line-height:1;margin-bottom:1.25em}

.item.agenda .event
{float:left;width:50%;text-align:center;margin-bottom:1.25em;padding:1.69492%}

.item.agenda .event .date
{font-family:"Octoville";font-size:29px;line-height:28px;/*text-transform:uppercase;*/color:#000;text-align:center;margin-bottom:10px}

.item.agenda .event .category
/*{text-transform:uppercase}*/

.item.agenda .category
{margin-bottom:0}

.item h2 a
{color:black}

.item h2.large
{margin-bottom:10px}

.item .conCol,
.item h2
{padding-left:10px}

.item.news .date
{margin-top:-1em;text-align:center;margin-bottom:1em}


/* mh: neues Item-Matrixelement 4,3,2,1 */
.item.matrixelement
{width:90%;margin-left:5%;margin-bottom:3.45%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
@media all and (min-width:600px){.item.matrixelement{width:46.276%;margin-left:1.3%;margin-bottom:3.45%}}
@media all and (min-width:768px){.item.matrixelement{width:31.7%;padding:0.1%;margin-left:0%;margin-bottom:0%}}
@media all and (min-width:1020px){.item.matrixelement{width:23.7%;padding:0.1%;margin-left:0%;margin-bottom:0%}}


.item.matrixelement .image
{text-align:center;width:100%;margin-left:0%;margin-right:0%}


.gutter
{width:5%;
float:left}
@media all and (min-width:600px)
{.gutter
{width:3.44828%;
margin-bottom:3.44828%}}
@media all and (min-width:768px)
{.gutter
{width:1.69492%}}


.three-columns
{
width:calc(93.10345%);margin-left:3.44828%;margin-right:3.44828%}
@media all and (min-width:768px)
{.three-columns
{width:calc(96.61017%);margin-left:1.69492%;margin-right:1.69492%}}

.three-columns .three-columns__sidebar
{width:100%;float:left;margin-left:0;margin-right:0}
@media all and (min-width:768px)
{
.three-columns .three-columns__sidebar
{width:23.72881%;float:left;margin-right:1.69492%}
.three-columns .three-columns__sidebar.last
{width:23.72881%;float:right;margin-right:0}
}

.three-columns .three-columns__sidebar .side-item
{margin-bottom:2.5em}
.three-columns .three-columns__sidebar .side-item h3
{/*text-transform:uppercase;*/text-align:center;margin-bottom:10px;float:left;width:100%}
.three-columns .three-columns__sidebar .side-item p.center
{text-align:center;float:left;width:100%}
.three-columns .three-columns__sidebar .side-item .title
{/*text-transform:uppercase*/}
.three-columns .three-columns__sidebar .side-item .title .side-item__image-link
{display:block;float:left;width:100%;position:relative;margin-bottom:.1rem;margin-top:.1rem}
.three-columns .three-columns__sidebar .side-item__image-link
{display:block;float:left;width:100%;position:relative;text-align:center;margin:1rem 0 2rem 0}
.three-columns .three-columns__sidebar .side-item__image-link img
{width:75%}

/* sonderfall show_text_item */
.three-columns .three-columns__sidebar.with_img
{margin-top:-35px;width:100%}
@media all and (min-width:768px)
{
.three-columns .three-columns__sidebar.with_img
{margin-left:10px;margin-top:40px;width:22%}
}

.three-columns .three-columns__main
{width:100%;float:left;margin-left:0;margin-right:0}
@media all and (min-width:768px)
{
.three-columns .three-columns__main
{width:49.15254%;float:left;margin-right:1.69492%}
}

.three-columns .three-columns__main .subtitle
{text-align:center;margin-bottom:1rem}
.three-columns .three-columns__main .image
{width:100%;text-align:center;display:inline-block;margin-bottom:2em;vertical-align:top}
.three-columns .three-columns__main .image img
{width:80%;height:auto}
.three-columns .three-columns__main .all-images
{margin-top:3em;width:100%;float:left;display:block}


/* sonderfall show_text_item */
.three-columns .three-columns__main.with_img
.three-columns .three-columns__main.no_img
{width:100%;}
@media all and (min-width:768px)
{
.three-columns .three-columns__main.with_img
{width:56%;}
.three-columns .three-columns__main.no_img
{width:65%;}
}



/* mh: single1-page mit breiterem mittelteil auch für Listenansicht */
.three-columns .three-columns_side_small
{width:100%;float:left;margin-left:0;margin-right:0}
@media all and (min-width:768px)
{
.three-columns .three-columns_side_small
{width:14.72881%;float:left;margin-right:1.69492%}
.three-columns .three-columns_side_small.last
{width:14.72881%;float:right;margin-right:0}
.three-columns .three-columns_side_small.text_search
{width:15%;float:right;margin-right:0}
}

.three-columns .three-columns_side_small .side-item
{margin-bottom:2.5em}
.three-columns .three-columns_side_small .side-item h3
{/*text-transform:uppercase;*/text-align:center;margin-bottom:10px;float:left;width:100%}
.three-columns .three-columns_side_small .side-item p.center
{text-align:center;float:left;width:100%}
.three-columns .three-columns_side_small .side-item .title
{/*text-transform:uppercase;*/}
.three-columns .three-columns_side_small .side-item .title .side-item__image-link
{display:block;float:left;width:100%;position:relative;margin-bottom:1rem;margin-top:1rem}
.three-columns .three-columns_side_small .side-item__image-link
{display:block;float:left;width:100%;position:relative;text-align:center;margin:1rem 0 2rem 0}
.three-columns .three-columns_side_small .side-item__image-link img
{width:75%}

/* Main Bigger */
.three-columns .three-columns_main_bigger
{width:100%;float:left;margin-left:0;margin-right:0}
@media all and (min-width:768px)
{
.three-columns .three-columns_main_bigger
{width:65%;float:left;margin-right:1.3%}
}
.three-columns .three-columns_main_bigger .subtitle
{text-align:center;margin-bottom:1rem}
.three-columns .three-columns_main_bigger .image
{width:100%;text-align:center;display:inline-block;margin-bottom:2em;vertical-align:top}
.three-columns .three-columns_main_bigger .image img
{width:80%;height:auto}
.three-columns .three-columns_main_bigger .all-images
{margin-top:3em;width:100%;float:left;display:block}

.three-columns .three-columns_main_bigger .project-container {
border-top: solid;border-top-color: #0000ff;border-top-width: 1px;
width: 100%;clear: both;letter-spacing: 0.2px;}

.three-columns .three-columns_main_bigger .project-container3 {
width: 100%;clear: both;padding-top: 2px;padding-left: 0px;padding-bottom: 50px;}

.three-columns .three-columns_main_bigger .top-col1 {display:none;float: left;width: 45%;padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;padding-left: 0px;}
.three-columns .three-columns_main_bigger .top-col2 {display:none;float: left;width: 30%;padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;padding-left: 10px;}
.three-columns .three-columns_main_bigger .top-col3 {display:none;float: left;width: 15%;padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;padding-left: 10px;}
.three-columns .three-columns_main_bigger .top-col4 {display:none;float: right;width: 8%;padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;padding-left: 10px;}

.three-columns .three-columns_main_bigger .one-col {clear:both;float: left;padding-left: 10px;width: 8%;}
.three-columns .three-columns_main_bigger .four-col1 {clear:both;width: 100%;padding-top: 5px;padding-bottom: 00px;margin-bottom: 5px;padding-left: 0px;}
.three-columns .three-columns_main_bigger .four-col2 {clear:both;width: 100%;padding-top: 10px;padding-bottom: 00px;margin-bottom: 5px;padding-left: 0px;}
.three-columns .three-columns_main_bigger .four-col3 {clear:both;width: 100%;padding-top: 0px;padding-bottom: 00px;margin-bottom: 5px;padding-left: 0px;}
.three-columns .three-columns_main_bigger .four-col4 {clear:both;width: 100%;padding-top: 0px;padding-bottom: 00px;margin-bottom: 10px;padding-left: 0px;}
.three-columns .three-columns_main_bigger .three-col1{clear:both;width: 100%;padding-top: 0px;padding-bottom: 00px;margin-bottom: 10px;padding-left: 0px;}
.three-columns .three-columns_main_bigger .three-col3{clear:both;width: 100%;padding-top: 0px;padding-bottom: 00px;margin-bottom: 0px;padding-left: 0px;}

.three-columns .three-columns_main_bigger .expirePart {padding-left: 00px;}
.three-columns .three-columns_main_bigger .collapsePart {padding-left: 00px;}
.three-columns .three-columns_main_bigger .collapser {background: none;padding-left: 0px;cursor: pointer;}
.three-columns .three-columns_main_bigger .panel {width: 100%;padding-left: 0px;padding-bottom: 10px;clear:both;}

@media all and (min-width:768px){
.three-columns .three-columns_main_bigger .four-col1 {clear:none;float: left;width: 45%;padding-top: 10px;padding-bottom: 0px;margin-bottom: 10px;padding-left: 0px;}
.three-columns .three-columns_main_bigger .four-col2 {clear:none;float: left;width: 30%;padding-top: 10px;padding-bottom: 0px;margin-bottom: 10px;padding-left: 10px;}
.three-columns .three-columns_main_bigger .four-col3 {clear:none;float: left;width: 15%;padding-top: 10px;padding-bottom: 0px;margin-bottom: 10px;padding-left: 10px;}
.three-columns .three-columns_main_bigger .four-col4 {clear:none;float: right;width:  8%;padding-top: 10px;padding-bottom: 0px;margin-bottom: 10px;padding-left: 10px;}
.three-columns .three-columns_main_bigger .three-col1 {clear:none;float: left;width: 75%;padding-top: 10px;padding-bottom: 0px;margin-bottom: 10px;padding-left: 0px;}
.three-columns .three-columns_main_bigger .three-col3 {clear:none;float: left;width: 25%;padding-top: 10px;padding-bottom: 0px;margin-bottom: 10px;padding-left: 30px;}
.three-columns .three-columns_main_bigger .top-col1,
.three-columns .three-columns_main_bigger .top-col2,
.three-columns .three-columns_main_bigger .top-col3,
.three-columns .three-columns_main_bigger .top-col4 {display:block;}
}

/* mh: hier stehen die Farben! body [1] */
body.color1,.color1 a,.subcolor1,.color1 .news.item h2 a,.color1 .item.agenda .category,body.color1 .date,body.color1 .fa-colorchange
{color:#042}
.color1 .col1 input,.color1 .header__top__search .search input,.color1 .newsletter-signup .inner input[type=text]
{border:1px solid #042}
.color1 a:hover,body.color1 a.logo:hover,body.color1 li.active a, body.color1 .mh-nav a.active,body.color1 .language a.active, body.color1 .lan a.active,body.color1 .fa-colorchange a.active
{color:#093}

body.color2,.color2 a,.subcolor2,.color2 .news.item h2 a,.color2 .item.agenda .category,body.color2 .fa-colorchange
{color:#044}
.color2 .col1 input,.color2 .header__top__search .search input,.color2 .newsletter-signup .inner input[type=text]
{border:1px solid #044}
.color2 a:hover,body.color2 a.logo:hover,body.color2 li.active a,body.color2 .mh-nav a.active,body.color2 .language a.active,body.color2 .lan a.active,body.color2 .fa-colorchange a.active
{color:#099}

body.color3,.color3 a,.subcolor3,.color3 .news.item h2 a,.color3 .item.agenda .category,body.color3 .fa-colorchange
{color:#840}
.color3 .col1 input,.color3 .header__top__search .search input,.color3 .newsletter-signup .inner input[type=text]
{border:1px solid #840}
.color3 a:hover,body.color3 a.logo:hover,body.color3 li.active a,body.color3 .mh-nav a.active,body.color3 .language a.active,body.color3 .lan a.active,body.color3 .fa-colorchange a.active
{color:#f90}

body.color4,.color4 a,.subcolor4,.color4 .news.item h2 a,.color4 .item.agenda .category,body.color4 .fa-colorchange
{color:#204}
.color4 .col1 input,.color4 .header__top__search .search input,.color4 .newsletter-signup .inner input[type=text]
{border:1px solid #204}
.color4 a:hover,body.color4 a.logo:hover,body.color4 li.active a,body.color4 mh-nav a.active,body.color4 .language a.active,body.color4 .lan a.active,body.color4 .fa-colorchange a.active
{color:#609}

body.color5,.color5 a,.subcolor5,.color5 .news.item h2 a,.color5 .item.agenda .category,body.color5 .fa-colorchange
{color:#026}
.color5 .col1 input,.color5 .header__top__search .search input,.color5 .newsletter-signup .inner input[type=text]
{border:1px solid #026}
.color5 a:hover,body.color5 a.logo:hover,body.color5 li.active a,body.color5 .mh-nav a.active,body.color5 .language a.active,body.color5 .lan a.active,body.color5 .fa-colorchange a.active
{color:#06c}

body.color6,.color6 a,.subcolor6,.color6 .news.item h2 a,.color6 .item.agenda .category,body.color6 .fa-colorchange
{color:#602}
.color6 .col1 input,.color6 .header__top__search .search input,.color6 .newsletter-signup .inner input[type=text]
{border:1px solid #602}
.color6 a:hover,body.color6 a.logo:hover,body.color6 li.active a,body.color6 .mh-nav a.active,body.color6 .language a.active,body.color6 .lan a.active,body.color6 .fa-colorchange a.active
{color:#f06}

/* Farben weiter */

body.color2 footer .color1
{background-color:#099}
body.color4 footer .color1
{background-color:#609}
body.color3 footer .color1
{background-color:#f90}
body.color5 footer .color1
{background-color:#06c}
body.color6 footer .color1
{background-color:#f06}
/* mh: weggelassen (Logo schwarz, wenn nicht angewählt): body.color1 a.logo,body.color2 a.logo,body.color4 a.logo,body.color3 a.logo,body.color5 a.logo,body.color6 a.logo
{color:black}*/

body.color1 .three-columns .three-columns_main_bigger .project-container {border-top-color: #042}
body.color2 .three-columns .three-columns_main_bigger .project-container {border-top-color: #099}
body.color4 .three-columns .three-columns_main_bigger .project-container {border-top-color: #609}
body.color3 .three-columns .three-columns_main_bigger .project-container {border-top-color: #f90}
body.color5 .three-columns .three-columns_main_bigger .project-container {border-top-color: #06c}
body.color6 .three-columns .three-columns_main_bigger .project-container {border-top-color: #f06}



/* mh: navigation */
nav.mh-nav
{display:block;float:right;position:relative;width:100%}
nav.mh-nav a .subtitle
{max-width:80%;display:block}
nav.mh-nav .sub-menu
{background-color:white;display:none;z-index:2}

@media all and (min-width:768px)
{nav.mh-nav .sub-menu
{position:absolute;top:1rem}}

@media all and (min-width:1024px)
{nav.mh-nav .sub-menu
{position:absolute;left:100px;top:-0.25rem;padding:0.25rem}}

nav.mh-nav.is-visible a .subtitle
{display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
nav.mh-nav.is-visible .sub-menu
{display:block}
nav.mh-nav.is-visible .sub-menu li
{padding:0.25rem;padding-left:0}

@media all and (min-width:768px)
{nav.mh-nav:hover a .subtitle
{display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
nav.mh-nav:hover .sub-menu
{display:block}
nav.mh-nav:hover .sub-menu li
{padding:0.25rem;padding-left:0}}


nav.main-menu li
{padding:0.25rem}
nav.main-menu li a
{text-transform:uppercase}
nav.main-menu .main-menu__item
{position:relative;
background-color:white}
nav.main-menu .main-menu__item>.sub-menu
{position:absolute;
left:100px;
top:-0.25rem;
padding:0.25rem;
background-color:white;
display:none;
z-index:2}
nav.main-menu .main-menu__item.is-visible>.sub-menu
{display:block}
@media all and (min-width:768px)
{nav.main-menu .main-menu__item:hover>.sub-menu
{display:block}}nav.main-menu .main-menu__item select.news-menu
{padding:0.25rem;
font-size:12px;
font-family:'14';
-webkit-appearance:none;
-moz-appearance:none;
background:transparent;
border-width:1px;
border-style:solid;
background-image:url(../pics/updown.svg);
background-repeat:no-repeat;
background-position:100% 50%;
border-radius:0}


/* mh: Farben weiter (das sind nur die kleinen Pfeile im News-Menü) */
body.color2 nav.main-menu .main-menu__item select.news-menu
{background-image:url(/site/templates/images/updown-color2.svg);border-color:#099;color:#099}
body.color4 nav.main-menu .main-menu__item select.news-menu
{background-image:url(/site/templates/images/updown-color4.svg);border-color:#609;color:#609}
body.color5 nav.main-menu .main-menu__item select.news-menu
{background-image:url(/site/templates/images/updown-color5.svg);border-color:#06c;color:#06c}
body.color3 nav.main-menu .main-menu__item select.news-menu
{background-image:url(/site/templates/images/updown-color3.svg);border-color:#f90;color:#f90}
body.color6 nav.main-menu .main-menu__item select.news-menu
{background-image:url(/site/templates/images/updown-color6.svg);border-color:#f06;color:#f06}
body.color1 nav.main-menu .main-menu__item select.news-menu
{background-image:url(/site/templates/images/updown-color1.svg);border-color:#093;color:#093}


nav.pagination
{margin:0 auto;text-align:center;width:auto}
nav.pagination div
{display:inline-block;
margin:0.2em; /*war: 0,25em*/
font-family:Octoville;
font-size:12px;
line-height:0;
/*text-transform:uppercase;*/color:#000;text-align:center;}
nav.pagination div a
{text-decoration:none;border:none}
nav.pagination .prev-page,nav.pagination .next-page
{font-size:60;}
nav.pagination .prev-page,nav.pagination .prev-page a,nav.pagination .next-page,nav.pagination .next-page a,nav.pagination .centre-text
{font-size:60px;color:#000}

.hamburger-menu__open span,.hamburger-menu__close span
{cursor:pointer}
nav.hamburger-menu
{display:block;
top:-100vh;
position:fixed;
z-index:1000;
background:white;
left:0;
height:100vh;
width:100vw;
padding:20px;
overflow-y:auto;
-webkit-transition:top 0.15s ease-out;
-moz-transition:top 0.15s ease-out;
-o-transition:top 0.15s ease-out;
transition:top 0.15s ease-out}
nav.hamburger-menu,nav.hamburger-menu *{box-sizing:border-box}
nav.hamburger-menu.is-visible{top:0}

@media all and (min-width:768px){nav.hamburger-menu{display:none}}
nav.hamburger-menu .hamburger-menu__close
{width:32.20339%;
float:left;
margin-right:1.69492%}
nav.hamburger-menu .hamburger-menu__menu
{width:100%;
float:left;
margin-left:0;
margin-right:0;
margin-bottom:2rem}
nav.hamburger-menu .hamburger-menu__menu nav,nav.hamburger-menu .hamburger-menu__menu.newsletter-btn
{font-size:16px;
margin-bottom:2rem}
nav.hamburger-menu .hamburger-menu__menu nav.main-menu li,nav.hamburger-menu .hamburger-menu__menu nav.mh-nav li
{padding-left:0}
nav.hamburger-menu .hamburger-menu__menu nav.main-menu li a,nav.hamburger-menu .hamburger-menu__menu nav.mh-nav li a
{text-transform:uppercase}
nav.hamburger-menu .hamburger-menu__menu nav.main-menu .main-menu__item>.sub-menu,nav.hamburger-menu .hamburger-menu__menu nav.main-menu.mh-nav>.sub-menu,nav.hamburger-menu .hamburger-menu__menu nav.mh-nav .main-menu__item>.sub-menu,nav.hamburger-menu .hamburger-menu__menu nav.mh-nav.mh-nav>.sub-menu
{border-left:2px solid #093;
position:relative;
left:0;
z-index:2;
padding:0;
padding-left:0.5rem;
margin-top:0.5rem}
nav.hamburger-menu .hamburger-menu__menu nav.main-menu.mh-nav.is-visible .subtitle,nav.hamburger-menu .hamburger-menu__menu nav.mh-nav.mh-nav.is-visible .subtitle
{display:none}

@media all and (min-width:768px)
{nav.hamburger-menu .hamburger-menu__menu nav.main-menu.mh-nav:hover .subtitle,nav.hamburger-menu .hamburger-menu__menu nav.mh-nav.mh-nav:hover .subtitle
{display:none}}

footer
{box-sizing:border-box;padding:3vw;display:table!important;width:100%;position:relative}

footer 
/* mh: die beiden Objekte unten als farbgefüllte rahmen 
        border-radius:22px ergibt Kreise 
        margin:0  11px bestimmt Abstand der beiden voneinander
        display:none (vorher: inline-block)*/
.color1
{background:#093;display:none;width:22px;height:22px;margin:0 11px;border-radius:22px}
footer .block
{display:none;width:22px;height:22px;margin:0 11px;border-radius:22px;background:#231f20}
@media all and (min-width:768px)
{footer
{padding:20px}}

/* mh: Einstellungen für die Polygon-Einlage */
footer .footer__balls-row .footer_polygon_solo
{display:table-row;width:100%;}
@media all and (min-width:768px)
{footer .footer__balls-row .footer_polygon_solo .canvas
{display:none}}

footer .footer__balls-row .balls .footer_polygon_solo .canvas, .footer_polygon .canvas
{display:table-cell;text-align:center;padding:20px;width:100%}

footer .footer__row 
{display:table-row;width:100%;height:10px}

footer .footer__row .address, footer .footer__row .balls  .footer_polygon .canvas, footer .footer__row .social
{height:100%;vertical-align:bottom;box-sizing:border-box;display:block;float:none}

.footer_polygon .canvas
{width:200px;height:80px;margin-left:1px}

footer .footer__row .address img, footer .footer__row .balls img, footer .footer__row .social img
{width:20px;height:10px;margin-left:5px}
@media all and (min-width:768px)
{footer .footer__row .address,footer .footer__row .balls .footer_polygon,footer .footer__row .social
{display:table-cell}
footer .footer__row .address img,footer .footer__row .balls .footer_polygon img,footer .footer__row .social img 
{width:15px;height:15px}}

footer .footer__row .address 
{width:50%;float:left}
@media all and (min-width:768px)
{footer .footer__row .address 
{float:none;width:13%}}

footer .footer__row .social 
{text-align:right;width:50%;float:right}
@media all and (min-width:768px)
{footer .footer__row .social 
{float:none;width:13%}}

footer .footer__row .balls .canvas .footer_polygon .canvas
{display:none;text-align:center}
@media all and (min-width:768px)
{footer .footer__row .balls .footer_polygon
{display:table-cell;width:33%}}


#editpage
{position:fixed;bottom:20px;right:20px}
header,section,footer,nav
{display:block}
body
{color:#093;font-size:12px;font-family:'futurabold',Futura,Verdana,Arial,Helvetica,sans-serif;font-weight:normal;}
em
{font-style:italic}
a
{color:#093;text-decoration:none}
a:hover
{color:#063}
a.active
{color:#000}

.mainWrapper
{width:100%;max-width:1310px;display:block;margin:auto}

.mainWrapper,.mainWrapper *
{box-sizing:border-box}

.mainWrapper section.masonry
{width:100%;float:left}

.fLeft
{float:left}
.fRight
{float:right}
.clear
{clear:both}
.lan
{width:50px;text-align:center;margin:auto;display:block}
.social
{float:left;text-align:left;margin:auto;}
.social a
{display:inline-block;height:30px}
.social a.t
{background-position:-19px 0}
.col1
{float:left;width:290px;text-align:left;position:absolute;top:20px}
.col1 input
{width:95%;border:1px solid #093}
.col3 input
{width:95%;border:1px solid #093}
.col3
{float:right;text-align:left;width:290px;position:absolute;top:20px;right:0}
.col3 ul
{float:right}

/*mh: Logo: hier könnte man eine kleinere Darstellung machen, evtl. auch speziell für Single-Seiten*/
.logo
{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#000;
display:inline-block;font-family:"Octoville",Futura,Verdana,Arial,Helvetica,sans-serif;font-size:14vw;line-height:0.7em;margin:auto;text-align:center;text-transform:uppercase;width:auto}
@media all and (min-width:380px)
{.logo
{font-size:5em;line-height:1.01em;opacity:0.75}} /*mh: Fontsize Logo normalfall oben stehen die "font-size:15vw" für die schmaleren Displays*/

.conCol.center
{text-align:center}

.underline
{text-decoration:underline}
h2
{font-family:"Octoville";font-size:32px;line-height:38px;/*text-transform:uppercase;*/font-weight:normal;color:#000;text-align:center;margin-bottom:10px}

@media all and (min-width:380px)
{h2
{font-size:42px}}
h2 a
{color:black}

.mediumFont
{font-family:"Octoville";font-size:30px;text-transform:uppercase;color:#000;text-align:center;margin-bottom:1.25em}

.agenda .subCol1
{width:139px;text-align:center;margin-left:12px;float:left}

.subcolor2
{color:#063}

.heroImg
{margin-bottom:10px}

.conCol
{text-align:left}

.conCol.images img
{display:inline-block;width:44%;margin-left:1%;float:left}

.conCol.images:first-child img
{margin-left:0}

.paging a
{display:inline-block;margin:0 3px}

.searchResults p
{margin-bottom:5px}

.left
{text-align:left}

.overview_home .colWrapper a img.heroImg
{}

.overview_home .colWrapper .image
{text-align:center}

.overview_home .colWrapper .image img
{max-width:70%}

.mobileDrop
{display:none}
span.uppercase
{text-transform:uppercase}

.related-result .category-title
{font-family:"Octoville";font-size:32px;line-height:38px;text-transform:uppercase;font-weight:normal;color:#000;text-align:center;line-height:38px;margin-bottom:10px}
@media all and (min-width:380px)
{.related-result .category-title
{font-size:42px}}

.page-news .related
{text-transform:uppercase}

.page-related h3,.page-related-category h3,.page-search h3
{text-transform:uppercase;text-align:center}

.page-related .results,.page-related-category .results
{text-align:center}

.singleColBig .image,.colWrapper .subtitle
{text-align:center}

.all-images
{margin-top:3em;width:100%;float:left;display:block}

.all-images .image
{width:50%;text-align:center;display:inline-block;margin-bottom:2em;vertical-align:top}

.all-images .image img
{width:80%;height:auto}

.related
{}

.page-page h3.parent
{font-family:'"Octoville"';text-transform:uppercase;font-size:62px;line-height:.97em;color:black;text-align:center;margin-bottom:0.2em}
h2.has_parent
{font-size:32px;line-height:38px}

@media all and (min-width:380px)
{h2.has_parent
{font-size:42px}}

h1
{font-family:"Octoville";font-size:32px;line-height:38px;text-transform:uppercase;font-weight:normal;color:#000;text-align:center;line-height:38px;margin-bottom:10px}
@media all and (min-width:380px)
{h1
{font-size:42px}}

.related-result
{margin-bottom:2.5em}

.related-result .category-title
{text-align:center}

.related-result h4
{text-align:center;margin-bottom:1.25em}

.related-wrapper .results,.related-wrapper .summary
{text-align:center;max-width:250px;width:100%;margin:0 auto 1.25em}

.related-list
{margin-top:2.5em}

.related-result .image.landscape img
{width:100%}

.all-images .image .caption
{display:inline-block;text-align:left;width:80%}

.index-char
{text-align:center;text-transform:uppercase;font-family:'"Octoville"';font-size:30px;color:black;margin-top:1em}

.all-names,.all-years
{width:60%;margin:0 auto}

.all-names .index,.all-years .index
{text-align:center;text-transform:uppercase}

.all-names .index ul li
{display:inline-block;padding-left:.1em;padding-right:.1em;cursor:pointer}

.all-years .index ul li
{display:inline-block;padding-left:.1em;padding-right:.1em;cursor:pointer;padding:0}

.all-names .index .title,.all-years .index .title
{color:black}

.newsletter-btn
{text-transform:uppercase;cursor:pointer}

.newsletter-signup
{
display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#787878;background-color:rgba(120,120,120,0.5)}

.newsletter-signup,.newsletter-signup *
{
box-sizing:border-box}

.newsletter-signup .inner
{
background-color:white;position:absolute;width:500px;max-width:90vw;height:auto;max-height:90vh;overflow-y:auto;left:50%;top:50%;margin:0;padding:5vw;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.newsletter-signup .inner h3
{
color:black;font-family:"Octoville";text-transform:uppercase;font-size:32px;line-height:.97em;text-align:center}@media all and (min-width:768px)
{
.newsletter-signup .inner h3
{
font-size:62px}}

.newsletter-signup .inner h4
{
text-align:center;margin-bottom:1.25em}

.newsletter-signup .inner .text
{
margin-bottom:1.25em}

.newsletter-signup .inner input[type=text]
{
border:1px solid;height:17px;font-family:'futurabold',Futura,Verdana,Arial,Helvetica,sans-serif;font-weight:normal;}

.newsletter-signup .inner .name
{
margin-bottom:1.25em}

.newsletter-signup .inner .first_name,.newsletter-signup .inner .last_name
{
float:left;width:35%;margin-bottom:1.25em}

.newsletter-signup .inner .first_name
{
margin-right:3%}

.newsletter-signup .inner .email
{
float:left;width:73%}

.newsletter-signup .inner .first_name input,.newsletter-signup .inner .last_name input,.newsletter-signup .inner .email input
{width:100%}

.page-content a
{border-bottom:1px solid}
.page-content .image a
{border:0}
.page-content a:hover
{border-bottom:0}
.page-content .fa a
{border-bottom:0px}

.responsive-wrapper
{position:relative;margin:0 auto;height:auto}
.responsive-image
{position:relative;height:0;margin-bottom:10px}

.page-search section
{position:relative}
.search-by-category
{position:absolute;right:4%;top:0;width:24%;text-align:center}
.search-by-category form
{display:inline-block}
.search-by-category h3
{text-align:left;margin-bottom:0.3em;text-transform:none}
.related-result .image
{text-align:center;width:75%;margin-left:12.5%}

.item.particpant h3
{text-transform:uppercase;margin-top:1em}
.item.particpant h4
{text-align:center}
.item.all-participants
{padding-left:0;padding-right:0}
.item.all-participants h3
{margin-bottom:0}
.item.all-participants h3 a
{text-decoration:underline}

/**
 * mh: Canvas Processing
 */

canvas {
margin: 20 auto; 
display: table; 
vertical-align: center; 
text-align: center;
} 

/**
 * mh: Top-Link (back-to-top / scroll)
*/

.back-to-top {
 //background:white;
 position: fixed;
 bottom:60px;
 right:20px;
 padding:1em;
}



/**
 * mh: .pswp wurde nur anders formatiert
 */
 .pswp
{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:none}
.pswp *
{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img
{max-width:none}
.pswp--animate_opacity
{opacity:0.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1)}
.pswp--open
{display:block}
.pswp--zoom-allowed .pswp__img
{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img
{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img
{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg
{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap
{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap
{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img
{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap
{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(0.4,0,0.22,1);transition:transform 333ms cubic-bezier(0.4,0,0.22,1)}
.pswp__bg
{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap
{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap
{-webkit-backface-visibility:hidden}
.pswp__item
{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img
{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder
{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank
{background:#222}
.pswp--ie .pswp__img
{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg
{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a
{color:#CCC;text-decoration:underline}
.pswp__button
{width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:0.75;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover
{opacity:1}
.pswp__button:active
{outline:none;opacity:0.9}
.pswp__button::-moz-focus-inner
{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close
{opacity:1}
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before
{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJgggo=) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx)
{.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before
{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+Cg==)}
.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right
{background:none}}
.pswp__button--close
{background-position:0 -44px}
.pswp__button--share
{background-position:-44px -44px}
.pswp__button--fs
{display:none}
.pswp--supports-fs .pswp__button--fs
{display:block}
.pswp--fs .pswp__button--fs
{background-position:-44px 0}
.pswp__button--zoom
{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom
{display:block}
.pswp--zoomed-in .pswp__button--zoom
{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right
{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right
{background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}
.pswp__button--arrow--left
{left:0}
.pswp__button--arrow--right
{right:0}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before
{content:'';top:35px;background-color:rgba(0,0,0,0.3);height:30px;width:32px;position:absolute}
.pswp__button--arrow--left:before
{left:6px;background-position:-138px -44px}
.pswp__button--arrow--right:before
{right:6px;background-position:-94px -44px}
.pswp__counter,.pswp__share-modal
{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal
{display:block;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden
{display:none}
.pswp__share-tooltip
{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a
{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover
{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child
{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child
{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in
{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip
{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.pswp--touch .pswp__share-tooltip a
{padding:16px 12px}a.pswp__share--facebook:before
{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover
{background:#3E5C9A;color:#FFF}a.pswp__share--facebook:hover:before
{border-bottom-color:#3E5C9A}a.pswp__share--twitter:hover
{background:#55ACEE;color:#FFF}a.pswp__share--pinterest:hover
{background:#CCC;color:#CE272D}a.pswp__share--download:hover
{background:#DDD}

.pswp__counter
{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:0.75;padding:0 10px}
.pswp__caption
{position:absolute;left:0;bottom:30;width:100%;min-height:44px;color:white;}
.pswp__caption small
{font-size:10px;color:#BBB}
.pswp__caption__center
{text-align:center;max-width:820px;margin:-20 -20;font-size:13px;padding:-40px;line-height:20px;color:#333}
.pswp__caption--empty
{display:none}
.pswp__caption--fake
{visibility:hidden}
.pswp__preloader
{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn
{width:20px;height:20px;margin:12px}
.pswp__preloader--active
{opacity:1}
.pswp__preloader--active .pswp__preloader__icn
{background:url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADsK) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active
{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn
{-webkit-animation:clockwise 500ms linear infinite;animation:clockwise 500ms linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut
{-webkit-animation:donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite;animation:donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn
{background:none;opacity:0.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut
{position:relative;width:7px;height:14px;overflow:hidden}

.pswp--css_animation .pswp__preloader__donut
{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0}
@media screen and (max-width:1024px)
{.pswp__preloader
{position:relative;left:auto;top:auto;margin:0;float:right}}

@-webkit-keyframes clockwise
{0%
{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%
{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@keyframes clockwise
{0%
{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%
{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes donut-rotate
{0%
{-webkit-transform:rotate(0);transform:rotate(0)}
50%
{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%
{-webkit-transform:rotate(0);transform:rotate(0)}}
@keyframes donut-rotate
{0%
{-webkit-transform:rotate(0);transform:rotate(0)}
50%
{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%
{-webkit-transform:rotate(0);transform:rotate(0)}}

.pswp__ui
{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar
{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right
{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right
{visibility:visible}
.pswp__top-bar,.pswp__caption
{background-color:rgba(0,0,0,0.5)}
.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption
{background-color:rgba(0,0,0,0.3)}
.pswp__ui--idle .pswp__top-bar
{opacity:0}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right
{opacity:0}
.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right
{opacity:0.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter
{display:none}
.pswp__element--disabled
{display:none!important}
.pswp--minimal--dark .pswp__top-bar
{background:none}