body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/* Schriftarten */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'),
			 url('../../files/uk/layout/fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../../files/uk/layout/fonts/lato-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: local('Lato Italic'), local('Lato-Italic'),
			 url('../../files/uk/layout/fonts/lato-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../../files/uk/layout/fonts/lato-v17-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'),
			 url('../../files/uk/layout/fonts/lato-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../../files/uk/layout/fonts/lato-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 700;
	src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
			 url('../../files/uk/layout/fonts/lato-v17-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../../files/uk/layout/fonts/lato-v17-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Generelles */
body {
	--blue:     #1071B6;
	--darkblue: #174F80;
	--green:    #A0C738;
	--grey:     #EDEDED;

	font-family: Lato, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	overflow-x: hidden;
}
* {
	box-sizing: border-box;
	outline: none;
}

/* Topline */
.topline {
	padding: 50px 0; 
}
	.logo {
		margin-right: 100px;
	}
	.navs {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		overflow: visible;
	}
		.misc-nav {
			display: flex;
			justify-content: flex-end;
			flex-wrap: wrap;
		}
			.misc-nav > :not(:first-child) {
				margin-left: 2em;
			}
			.login {
				background: url(/files/uk/layout/img/header-footer/icon-anmelden.png) 3px center / auto 100% no-repeat, var(--darkblue);
				padding: 0 1em 0 3em;
				border-radius: 4px;
			}
				.login a {
					color: white;
				}
			.mod_search {
				position: relative;
			}
				.mod_search form,
				.mod_search .widget {
					margin: 0;
				}
				.mod_search form,
				.mod_search .formbody,
				.mod_search .widget-text,
				.mod_search input,
				.mod_search input:focus
				.mod_search input:active {
					height: 100%;
				}
				.mod_search input,
				.mod_search input:focus,
				.mod_search input:active {
					border: 2px solid var(--darkblue);
				}
					.mod_search input::-webkit-search-cancel-button {
						display: none;
					}
				.mod_search input[type="radio"] {
					height: auto;
					vertical-align: text-bottom;
				}
				.mod_search .widget-submit {
					position: absolute;
					top: 0;
					right: 0;
					height: 100%;
				}
					.mod_search button {
						display: inline-block;
						width: 38px;
						height: 100%;
						padding: 0;
						border: none;
						background: url(/files/uk/layout/img/header-footer/icon-lupe.png) calc(100% - 7px) center / auto 80% no-repeat;
						color: transparent;
						overflow: hidden;
					}
					.mod_search button:hover {
						background-position: calc(100% - 7px) center !important;
					}
			.zoom {
				display: flex;
			}
				.zoom > * {
					display: flex;
					align-items: center;
				}
				.zoom > :not(:first-child) {
					margin-left: 0.5em;
				}
		.main-nav {
			width: 100%;
			max-width: 600px;
			margin-left: auto;
			overflow: visible;
		}
			.main-nav .level_1 {
				display: flex;
				position: relative; /* für .submenu-right */
				justify-content: space-between;
			}
				.main-nav a,
				.main-nav strong.active {
					color: var(--blue);
				}
				.main-nav .level_1 > li {
					position: relative;
					margin-left: 1em;
					padding-bottom: 0.5em;
					min-height: 2em; /* = Zeilenhöhe + padding-bottom (für Einklappanimation Untermenü) */
					transition: padding-bottom 0s 0.3s;
				}
					.main-nav .level_1 > li > .submenu-trigger {
						display: none;
						width: 1em;
						text-align: center;
						font-size: 1.5em;
						line-height: 1;
						vertical-align: -.125em;
						user-select: none;
					}
					.main-nav a.spenden,
					.main-nav strong.active.spenden {
						color: var(--green);
					}
					.main-nav a.submenu::after,
					.main-nav strong.submenu::after {
						content: "›";
						display: inline-block;
						margin-left: 0.5em;
						transform: rotateZ(90deg) translateX(2px);
						font-size: 1.25em;
						font-weight: normal;
						line-height: 0;
					}
					.main-nav .level_2 {
						position: absolute;
						top: 2em; /* = Zeilenhöhe + padding-bottom des umgebenden <li>s */
						left: 0;
						padding: 10px;
						z-index: 2; /* vor der Spenden-Flag */
						border-top: 3px solid var(--green);
						background: white;
						visibility: hidden;
						opacity: 0;
						transition: opacity 0.3s;
					}
					.main-nav .level_1 > li:hover .level_2 {
						visibility: visible;
						opacity: 1;
					}
						.main-nav .level_2 > li {
							white-space: nowrap;
							margin: 10px;
						}
				.main-nav .level_1 > li.submenu-open {
					padding-bottom: 0;
					transition: none;
				}
				.main-nav .level_1 > li.submenu-right {
					position: static;
				}
					.main-nav .level_1 > li.submenu-right .level_2 {
						left: unset;
						right: 0;
					}
	.hamburger {
		position: absolute;
		top: 30px;
		right: 30px;
		z-index: 2;
		display: none;
	}
		.hamburger-inner,
		.hamburger-inner::before,
		.hamburger-inner::after {
			background: var(--blue) !important;
			transition-duration: 0.3s !important;
		}

/* Artikel und Inhalte */
.mod_article {
	padding: 60px 0;
	background: var(--grey);
}
	.inner {
		width: 90%;
		max-width: 1300px;
		margin: 0 auto;
		display: flex;
	}
	.mod_article .inner {
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}
		.mod_article .inner > * {
			width: 100%;
		}
		.mod_article .inner > :not(.column):not(.joined):not(.ce_headline):not(.ce_image):not(.ce_hyperlink):not(.mod_newslist):not(.mod_newsreader),
		.mod_article .inner > .column       > *,
		.mod_article .inner   .joined       > *,
		.mod_article .inner > .mod_newsreader > .layout_full > :not(.ce_headline):not(.ce_image):not(.ce_hyperlink):not(.ce_slick-slider),
		.mod_article .inner > .ce_headline.white {
			padding: 60px 80px;
			background: white;
		}
		.mod_article .inner > :not(.column):not(.ce_headline),
		.mod_article .inner > .ce_headline.white,
		.mod_article .inner > .column > *,
		.mod_article .inner > .mod_newslist > *,
		.mod_article .inner > .mod_newsreader > .layout_full > :not(.ce_headline) {
			margin-bottom: 1rem;
		}
		.mod_article .inner .joined > :nth-child(even) {
			background: var(--grey);
		}
main > .mod_article:last-child {
	padding-bottom: 120px;
}

/* Header-Artikel */
#header .topline + .mod_article {
	padding-top: 1rem;
}
	#header .mod_article .inner {
		position: relative;
	}
		#header .mod_article h2 {
			width: auto;
			position: absolute;
			bottom: 0;
			left: 0;
			margin: 0;
			padding: 25px 50px;
			background: white;
			color: var(--blue);
		}
		#header .mod_article .ce_image {
			margin: 0;
		}

/* Gruppierungen (Accordion-Wrapper) */
.mod_article div.ce_accordion:not(.column):not(.joined) {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
	.mod_article div.ce_accordion:not(.column):not(.joined) > * {
		width: 100%;
	}
	.mod_article div.ce_accordion:not(.column):not(.joined) > .ce_hyperlink:last-child {
		align-self: flex-end;
	}
div.ce_accordion.column {
	display: flex;
	flex-direction: column;
}
	div.ce_accordion.column > :last-child {
		flex: 1;
	}

/* Slider */
.slick-slider.slick-slider {
	display: flex;
	align-items: center;
}
	.slick-prev,
	.slick-next {
		width: 40px;
		height: 40px;
		flex-shrink: 0;
		border: none;
		outline: none;
		color: transparent;
		overflow: hidden;
		cursor: pointer;
	}
	.slick-prev {
		margin-right: 3%;
		background: url(/files/uk/layout/img/slider-links.png) center / auto 100% no-repeat;
	}
	.slick-next {
		margin-left: 3%;
		background: url(/files/uk/layout/img/slider-rechts.png) center / auto 100% no-repeat;
	}
	.slick-list {
		flex-grow: 1;
	}
		.slick-track.slick-track {
			display: flex;
			align-items: center;
		}
			.slick-slide > :not([class]) {
				display: flex;
				justify-content: space-between;
			}
				.slick-slide > :not([class]) > * {
					width: 48.5% !important; /* = (100% - 3%)/2 */
				}
					.slick-slide img {
						width: 100%;
					}
			.slick-slide > :not(:last-child) {
				margin-bottom: 1em;
			}
			.slick-slider .ce_hyperlink {
				margin-top: 1em !important;
				text-align: center !important;
			}
				.slick-slider .hyperlink_txt {
					width: 80%;
				}

/* Galerien */
.ce_gallery ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.ce_gallery li {
		width: 48.5%;
		margin-bottom: 1em;
	}
		.ce_gallery img {
			width: 100%;
		}

/* Akkordeon-Elemente */
section.ce_accordion {
	padding: 0 !important;
	background: none !important;
}
section.ce_accordion:not(.no-trigger) {
	margin-bottom: 6px !important;
}
	.ui-accordion-header {
		padding: 30px 80px;
		font-size: 1.5em;
		background: var(--darkblue);
		color: white;
		transition: background-color 0.5s;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
	}
	.ce_accordion:not(.no-trigger) .ui-accordion-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}
		.ui-accordion-header::before {
			content: "";
			display: inline-block;
			width: 50px;
			height: 50px;
			margin-right: 1em;
			vertical-align: middle;
			background: url(/files/uk/layout/img/meilenstein.png) center / auto 100% no-repeat;
		}
		.ce_accordion:not(.no-trigger) .ui-accordion-header::after {
			content: "";
			display: inline-block;
			width: 2em;
			height: 2em;
			margin-left: auto;
			background: url(/files/uk/layout/img/arrow-down.png) center / auto 100% no-repeat;
			transition: transform 0.5s;
		}
	.ui-accordion-header-active {
		background: var(--green);
	}
		.ui-accordion-header-active::after {
			transform: rotateZ(180deg);
		}
	.ui-accordion-content {
		padding: 60px 80px;
		background: white;
	}
		.ui-accordion-content > * {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		.ce_accordion.no-trigger:nth-of-type(even) .ui-accordion-content > * {
			flex-direction: row-reverse;
		}

/* Farben */
.blue {
	background: var(--blue) !important;
}
.green {
	background: var(--green) !important;
}
.darkblue {
	background: var(--darkblue) !important;
	color: white;
}
	.darkblue h3 {
		color: white;
	}
/* .white {
	background: white !important;
} */
.mod_article.half-blue {
	background: linear-gradient(var(--grey) 50%, var(--blue) 50%);
}
.mod_article.half-green {
	background: linear-gradient(var(--grey) 50%, var(--green) 50%);
}
.mod_article.blue + .mod_article.half-blue {
	background: linear-gradient(var(--blue) 70%, var(--grey) 30%);
}
.mod_article.green + .mod_article.half-green {
	background: linear-gradient(var(--green) 70%, var(--grey) 30%);
}

/* Breiten */
.w50 {
	width: 49.5% !important; /* = (100% - 1%)/2 */
}
.mod_article div.ce_accordion:not(.column):not(.joined) .w50,
.ui-accordion-content .w50 {
	width: 47% !important;
}
.w33 {
	width: 32.7% !important; /* = (100% - 2%)/3 */
}
.w30 {
	width: 31% !important; /* = ??? */
}

/* Zentrierung */
.center {
	text-align: center !important;
	justify-content: center !important;
}

/* Überschriften */
h2 {
	font-size: 54px;
	line-height: 1.333; /* hier 72px */
	font-weight: bold;
	margin: 0 70px 0.5em;
	color: white;
}
h2.white {
	margin: 0;
	color: var(--blue);
}
.mod_article:not([class*=green]):not([class*=blue]) > .inner > .ce_headline {
	color: var(--blue);
}
.mod_article .inner > :not(.column):not(.mod_newsreader) h2,
.mod_article .inner > .column > * h2 {
	margin-left: 0;
	margin-right: 0;
	color: var(--blue);
	width: 100%;
}
h3,
h4 {
	font-weight: bold;
	color: var(--darkblue);
}
h3:first-child,
h4:first-child {
	margin-top: 0;
}

/* Links */
a {
	text-decoration: none;
	color: var(--blue);
	cursor: pointer;
}
main :not(.blue):not(.darkblue):not(.green):not(.white) > .hyperlink_txt {
	display: inline-block;
	padding: 20px 40px;
	font-weight: bold;
	background: var(--darkblue);
	color: white;
}
.mod_article .inner > .ce_hyperlink {
	background: none;
	font-size: 1.5em;
	text-align: center;
}
	.mod_article .inner > .ce_hyperlink a {
		padding: 30px 120px 30px 55px !important;
		background: url(/files/uk/layout/img/unikero-head-xs.png) calc(100% - 40px) center / auto 4rem no-repeat, white !important;
		color: var(--darkblue) !important;
	}
.mod_article .inner > .ce_hyperlink:not(#spenden-flag) a::before,
.mod_article .inner > .column > .ce_hyperlink a::before {
	background: var(--darkblue);
}
.mod_article .ce_hyperlink a,
main button[type="submit"] {
	position: relative;
	z-index: 0;
}
	.mod_article .ce_hyperlink a::before /*? ,
	.mod_article .ce_hyperlink a::after */,
	main button[type="submit"]::before /*? ,
	main button[type="submit"]::after */ {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mod_article .ce_hyperlink a::before,
	main button[type="submit"]::before {
		background: white;
		opacity: 0;
		transform: scale(.5);
		transition: all 0.3s;
		z-index: -1;
	}
	.mod_article .ce_hyperlink a:hover::before,
	main button[type="submit"]:hover::before {
		opacity: .1;
		transform: none;
	}
.mod_article .inner > :not(.column) .ce_hyperlink:not(.left),
.mod_article .inner >  .column > *  .ce_hyperlink:not(.left) {
	text-align: right;
}
	.mod_article .inner > :not(.column) .ce_hyperlink a,
	.mod_article .inner >  .column > *  .ce_hyperlink a {
		text-align: center;
	}
.mod_article .inner > :not(.column) .ce_hyperlink:not(:first-child),
.mod_article .inner >  .column > *  .ce_hyperlink:not(:first-child) {
	margin-top: 2em;
}
.ce_hyperlink.blue,
.ce_hyperlink.darkblue,
.ce_hyperlink.green,
.ce_hyperlink.white {
	padding: 0 !important;
}
	.blue     > .hyperlink_txt,
	.darkblue > .hyperlink_txt,
	.green    > .hyperlink_txt,
	.white    > .hyperlink_txt {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 30px 40px;
		text-align: center;
		font-size: 1.25em;
		font-weight: bold;
	}
	.blue     > .hyperlink_txt,
	.darkblue > .hyperlink_txt,
	.green    > .hyperlink_txt {
		color: white;
	}
	.white > .hyperlink_txt {
		color: var(--darkblue);
	}

/* Bilder */
.ce_image {
	display: flex;
	flex-direction: column;
}
	.ce_image img {
		width: 100%;
	}
figure {
	line-height: 0;
}
.ce_text > figure:not(:last-child) {
	margin-bottom: 2em;
}
.ce_text > figure:not(:first-child) {
	margin-top: 2em;
}

/* Formulare */
main input[type],
main textarea {
	padding: 4px 8px;
	border-radius: 0;
}
main label {
	line-height: 1;
}
main button[type="submit"] {
	margin: 1em 0;
	padding: 20px 40px;
	border: none;
	border-radius: 0;
	font-size: inherit;
	font-weight: bold;
	background: var(--green);
	color: white;
}

/* News */
.mod_newslist,
.mod_newsreader > .layout_full {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
	.mod_newslist .joined {
		display: flex;
		flex-direction: column;
	}
		.mod_newslist .joined > :not(:last-child) {
			flex: 1;
			align-content: flex-start;
		}
	.pagination {
		width: 100%;
		margin: 0 auto;
		padding: 30px 80px;
		background: white;
		text-align: center;
	}
		.pagination p {
			margin: 0;
		}
		.pagination ul {
			font-size: 1.5em;
			font-weight: bold;
		}
			.pagination li {
				display: inline-block;
				vertical-align: top;
			}
			.pagination .first,
			.pagination .previous,
			.pagination .next,
			.pagination .last {
				font-size: 1.25em;
				line-height: 0.8;
				font-weight: normal;
			}
				.pagination a,
				.pagination strong {
					padding: 0 5px;
					font-size: 1em;
					vertical-align: top;
				}
	.mod_newsreader > .layout_full > * {
		width: 100%;
	}
	.mod_newsreader .ce_image {
		margin-left: auto;
		margin-right: auto;
	}
	.mod_newsreader > .layout_full.w50-image > .ce_image:nth-child(2) {
		width: 50% !important;
	}
	.mod_newsreader .ce_text:not(:last-child) > :last-child > p:last-child {
		margin-bottom: 0;
	}
	.mod_newsreader .iframe-wrapper {
		position: relative;
		width: 100%;
		height: 0;
		padding: 0 0 56.25% !important; /* 56.25% = 1 / (16/9) */
		background: none !important;
	}
		.mod_newsreader .iframe-wrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
	.mod_newsreader .back {
		padding: 0 !important;
		margin-left: auto;
		margin-top: 0 !important;
	}
		.mod_newsreader .back a {
			font-size: 1.5em;
		}
	.mod_newsreader p.back {
		display: none;
	}

/* Listen */
ul {
	margin: 0;
}
.ce_text ul {
	padding-left: 1em;
}
	.ce_text li {
		list-style-type: square;
	}
		.ce_text li::marker {
			color: var(--darkblue);
		}

/* Absätze */
p:last-child {
	margin-bottom: 0;
}
.ce_text:not(:last-child) > :last-child > p:last-child {
	margin-bottom: 1rem;
}

/* Unterstützer-Artikel */
.unterstuetzer .ce_text {
	display: none;
}
body.informieren .unterstuetzer .ce_text {
	display: block;
}
.unterstuetzer .ce_slick-slider {
	background: none !important;
	padding: 0 !important;
}
	.unterstuetzer .slick-list .slick-slide {
		height: 200px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
		.unterstuetzer .slick-slide figure {
			width: 100px;
			height: 100px;
			margin: 0 auto;
			padding: 10px;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			justify-content: center;
			background: white;
			box-shadow: 0 0 20px #ccc;
			transition: width 0.3s, height 0.3s;
		}
		/*.unterstuetzer .ce_slick-slider.waterwheel .slick-slide figure,
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active figure {
			width: 70px;
			height: 70px;
		}
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active figure,
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active figure {
			width: 80px;
			height: 80px;
		}
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active figure,
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active figure {
			width: 90px;
			height: 90px;
		}
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active ~ .slick-active figure {
			width: 100px;
			height: 100px;
		}*/
		.unterstuetzer .ce_slick-slider.waterwheel .slick-slide figure,
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active figure {
			width: 80px;
			height: 80px;
		}
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active figure,
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active ~ .slick-active ~ .slick-active figure {
			width: 90px;
			height: 90px;
		}
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active figure,
		.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active ~ .slick-active figure {
			width: 100px;
			height: 100px;
		}

/* Bottomline */
.bottomline {
	padding: 120px 0;
	line-height: 2;
}
	.bottomline .inner {
	display: flex;
	justify-content: space-between;
	}
		.bottomline a {
			color: black;
		}
		.bottomline .inner > :first-child > * > :last-child {
			margin: 0;
		}
		.bottomline .inner > :nth-child(2) {
			text-align: center;
			font-size: 1.5em;
			line-height: 1.5;
		}
		.bottomline .inner > :last-child {
			display: flex;
		}
			.bottomline .inner > :last-child > :first-child {
				padding-right:3em;
			}
		.bottomline .facebook {
			margin-top: 4px;
		}


/* Individuelle Styling-Regeln: */

/* Startseite: Überschrift „Mit dir wird’s noch besser!“ */
#mitdirwirdsnochbesser {
	background: url(/files/uk/layout/img/unikero-head.png) calc(100% - 40px) center / auto 140px no-repeat, white;
	width: auto;
	padding-right: 200px;
}

/* Startseite: grüner Block mit Button „zu allen News“ */
#article-19 .inner > :last-child {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* Startseite: Shop */
#shop .ce_text > h3 {
	margin-bottom: calc(12px - 1.5em); /* = normaler margin-bottom - Zeilenhöhe */
	min-height: 4.5em; /* = Höhe dreier Zeilen */
}
#shop .auctions,
#shop .auction {
	padding: 30px 40px;
}
	#shop .auction .ce_hyperlink {
		text-align: center;
	}
		#shop .auction .hyperlink_txt {
			width: 80%;
		}
#shop .auction.w33,
#shop .auction.w50 {
	display: inline-block;
	position: relative;
	padding-bottom: calc(2em + 62px + 30px); /* = margin-top Button + Höhe Button + margin-bottom Element */
}
	#shop .auction.w33 .ce_hyperlink,
	#shop .auction.w50 .ce_hyperlink {
		position: absolute;
		bottom: 30px;
		left: 0;
		right: 0;
	}

/* Projekte: Slider unter AktionWunschzettel */
#aktionwunschzettel .slick-slide > * > * {
	width: 45% !important;
}
#aktionwunschzettel .slick-slide > :not(:last-child) {
	margin-bottom: 3em;
}
#aktionwunschzettel .slick-slider .ce_hyperlink {
	margin-top: 0 !important;
}
	#aktionwunschzettel .slick-slider .hyperlink_txt {
		width: 100% !important;
	}

/* Projekte: Sporty-Logo */
#sporty-logo {
	justify-content: center;
}

/* Projekte: Buttons „so war 2019“ und „so wird 2020“ */
#so-war  .hyperlink_txt,
#so-wird .hyperlink_txt {
	flex-direction: column;
	font-size: 2em;
	line-height: 1;
}
	#so-war  .hyperlink_txt span,
	#so-wird .hyperlink_txt span {
		font-size: 2em;
		margin-right: -20px;
	}
		#so-war  .hyperlink_txt span::after,
		#so-wird .hyperlink_txt span::after {
			content: "›";
			margin-left: 10px;
			font-size: 1.25em;
			font-weight: normal;
			line-height: 0;
		}
#so-war {
	flex: 1;
}
#so-wird > a {
	color: var(--darkblue);
}

/* Spenden: Header-Flag */
#spenden-flag {
	position: fixed;
	right: 0;
	width: auto;
	z-index: 1;
}
	#spenden-flag .hyperlink_txt {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 30px 40px !important;
		background: var(--darkblue) !important;
		color: white !important;
	}
		#spenden-flag .hyperlink_txt::after {
			content: "";
			display: inline-block;
			margin-top: 0.5em;
			width: 120px;
			height: 120px;
			background: url(/files/uk/layout/img/spenden-flag.png) center / 100% auto no-repeat;
		}

/* Spenden: schräger „coming soon“-Kasten */
div.ce_accordion.column {
	position: relative;
}
	.coming-soon {
		position: absolute;
		left: 20px;
		top: 30px;
		padding: 1em 1.5em !important;
		transform: rotateZ(-10deg);
		font-size: 2em;
		line-height: 1;
		font-weight: bold;
		background: url(/files/uk/layout/img/bg-coming-soon.png) center / 100% no-repeat !important;
		color: white;
	}
		.coming-soon p {
			margin: 0 !important;
		}

/* Spenden: Icons neben den Überschriften */
#geldspende              h2::after,
#wunschzettelpatenschaft h2::after,
#sponsoring              h2::after {
	content: "";
	display: inline-block;
	margin-left: 0.25em;
	width: 90px; /* = Bildbreite / Bildhöhe * Elementhöhe */
	height: 72px; /* = Zeilenhöhe Überschrift */
	vertical-align: middle;
	background: right center / auto 100% no-repeat;
}
#geldspende h2::after {
	background-image: url(/files/uk/layout/img/geldspende-blue.png);
}
#wunschzettelpatenschaft h2::after {
	background-image: url(/files/uk/layout/img/wunschzettel-blue.png);
}
#sponsoring h2::after {
	background-image: url(/files/uk/layout/img/sponsoring-blue.png);
}

/* Spenden: kleine Bildstrecke unter „Geldspende“ */
#geldspende-ablauf .ce_image {
	width: auto;
}

/* Suchseite */
body.suche main .inner {
	display: block;
}
	body.suche main .widget-submit {
		position: static;
	}
		body.suche main .widget-submit .submit {
			width: auto;
		}
	body.suche .radio_container {
		margin-top: 0.5em;
	}
		body.suche .radio_container > span {
			display: block;
		}
	body.suche main .mod_search > .first,
	body.suche main .mod_search > .first ~ * {
		margin-top: 2em;
	}
		body.suche .highlight {
			position: relative;
			background: none;
			z-index: 0;
		}
			body.suche .highlight::after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				display: inline-block;
				width: 100%;
				height: 100%;
				background: var(--green);
				opacity: 0.5;
				z-index: -1;
			}


/* Medienabfragen */

@media (max-width: 1751px) {

	/* Spenden: Header-Flag */
	#spenden-flag {
		transform: rotateZ(90deg) translateX(200px);
		transform-origin: top right;
	}
		#spenden-flag .hyperlink_txt {
			flex-direction: row;
			padding: 10px 10px 10px 20px !important;
			font-size: .75em;
		}
			#spenden-flag .hyperlink_txt::after {
				transform: rotateZ(-90deg);
				width: 40px;
				height: 40px;
				margin-left: 10px;
			}
}

@media (max-width: 1370px) {

	/* Spenden: Header-Flag */
	#spenden-flag .hyperlink_txt {
		padding: 5px 10px !important;
	}
		#spenden-flag .hyperlink_txt::after {
			display: none;
		}
}

@media (max-width: 1200px) {

	/* Header-Artikel */
	#header .mod_article .ce_image {
		flex-direction: column-reverse;
	}
		#header .mod_article h2 {
			position: static;
			margin-top: 1rem;
		}
			#header .mod_article h2 br {
				display: none;
			}

	/* Breiten */
	.w33, .w30 {
		width: 100% !important;
		max-width: 700px;
		margin: 0 auto;
	}
	.w30 {
		margin-bottom: 2em;
	}

	/* halbbreite Galerien */
	.ce_gallery.w50 li {
		width: 100%;
	}

	/* Projekte: Slider unter AktionWunschzettel */
	#aktionwunschzettel .slick-slide > * > * {
		width: 100% !important;
	}

	/* Projekte: Buttons „so war 2019“ und „so wird 2020“ */
	#so-war-so-wird {
		flex-direction: row;
		justify-content: space-between;
	}
		#so-war,
		#so-wird {
			width: 48.5%;
			flex: 0 auto;
		}
}

@media (max-width: 1024px) {

	/* Startseite: Unterstützer-Slider */
	.unterstuetzer .ce_slick-slider.waterwheel .slick-slide figure,
	.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active ~ .slick-active figure {
		width: 80px;
		height: 80px;
	}
	.unterstuetzer .ce_slick-slider.waterwheel .slick-active ~ .slick-active figure {
		width: 100px;
		height: 100px;
	}
}

@media (max-width: 1100px) {
	
	/* Anpassungen für mobiles Menü */
	body {
		transition: transform 0.3s;
	}
		body::after {
			content: "";
			display: inline-block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: black;
			z-index: 1;
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.3s, visibility 0.3s;
		}
	body.nav-open {
		transform: translateX(-300px);
		position: relative;
		overflow: hidden;
	}
		body.nav-open::after {
			visibility: visible;
			opacity: .75;
			transition: opacity 0.3s;
		}
	.topline > .inner {
		flex-direction: column;
		align-items: center;
	}
		.logo {
			margin: 0 0 2em 0;
		}
		.misc-nav {
			justify-content: center;
		}
			.misc-nav > * {
				margin: 0 0.5em 0.5em 0.5em !important;
			}
		.main-nav {
			position: fixed; /* Mit position: absolute; bleibt in Chrome das Menü beim Neuladen der Seite offen. */
			top: 0;
			right: -300px;
			width: 300px;
			padding: 30px 40px;
			background: white;
		}
			.main-nav .level_1 {
				flex-direction: column;
			}
				.main-nav .level_1 > li {
					margin-left: 0;
				}
					.main-nav .level_1 > li > .submenu-trigger {
						display: inline-block;
					}
					.main-nav .level_2 {
						position: static;
						visibility: visible;
						opacity: 1;
						overflow: hidden;
						padding: 0;
						border: none;
						max-height: 0;
						transition: max-height 0.3s;
					}
						.main-nav .level_2 > li {
							white-space: normal;
							margin-left: 2.5em; /* = Breite .submenu-trigger + 1em */
						/*? line-height: 1; */
						}
							.main-nav a.submenu::after,
							.main-nav strong.submenu::after {
								display: none;
							}
					.main-nav .level_1 > li.submenu-open .level_2 {
						max-height: calc(4*(10px + 2*1.5em) + 10px); /* = Höhe von 4 zweizeiligen Listeneinträgen = 4 * (Margin oben + 2*Zeilenhöhe) + Margin unten */
					}
		.hamburger {
			display: inline-block;
		}
		.hamburger:hover,
		.hamburger.is-active:hover {
			opacity: 1;
		}
}

@media (max-width: 980px) {

	/* Breiten */
	.w50,
	.mod_article div.ce_accordion:not(.column):not(.joined) .w50,
	.ui-accordion-content .w50 {
		width: 100% !important;
	}
	.w50:not(:last-child),
	.mod_article div.ce_accordion:not(.column):not(.joined) .w50:not(:last-child),
	.ui-accordion-content .w50:not(:last-child) {
		margin-bottom: 2em;
	}
	.ce_image.w50 {
		max-width: 500px;
		margin: 0 auto;
	}

	/* halbbreite Galerien */
	.ce_gallery.w50 li {
		width: 48.5%;
	}

	/* Bottomline */
	.bottomline .inner {
		flex-direction: column;
	}
		.bottomline .inner > * {
			align-self: center;
		}
		.bottomline .inner > :not(:last-child) {
			margin-bottom: 3rem;
		}

	/* Startseite: Shop */
	#shop .auction:not(.w33) {
		max-width: 700px;
		margin-left:  auto;
		margin-right: auto;
	}

	/* Projekte: Slider unter AktionWunschzettel */
	#aktionwunschzettel .slick-slide > * > * {
		width: 45% !important;
	}
}

@media (max-width: 740px) {

	/* Spenden: Header-Flag */
	#spenden-flag {
		display: none;
	}
}

@media (max-width: 700px) {

	/* Artikel und Inhalte */
	.mod_article .inner > :not(.column):not(.joined):not(.ce_headline):not(.ce_image):not(.ce_hyperlink):not(.mod_newslist):not(.mod_newsreader),
	.mod_article .inner > .column       > *,
	.mod_article .inner   .joined       > *,
	.mod_article .inner > .mod_newsreader > .layout_full > :not(.ce_headline):not(.ce_image):not(.ce_hyperlink):not(.ce_slick-slider),
	.mod_article .inner > .ce_headline.white {
		padding: 30px 40px;
	}

	/* Überschriften */
	h2 {
		font-size: 2em;
		margin: 0 30px 0.5em;
	}

	/* halbbreite Galerien */
	.ce_gallery.w50 li {
		width: 100%;
	}

	/* Startseite: Mit dir wird’s noch besser */
	#mitdirwirdsnochbesser {
		padding-right: 135px;
		background-size: auto 75px;
	}

	/* Projekte: Slider unter AktionWunschzettel */
	#aktionwunschzettel .slick-slide > * > * {
		width: 100% !important;
	}

	/* Projekte: Buttons „so war 2019“ und „so wird 2020“ */
	#so-war-so-wird {
		flex-direction: column;
	}
		#so-war,
		#so-wird {
			width: 100%;
		}
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    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;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}

.slick-container{visibility:hidden}.slick-initialized{visibility:visible}