@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@-webkit-viewport{width:device-width}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}@font-face{font-family:Calluna-Regular;src:url(fonts/Calluna-Regular-webfont.woff) format("woff")}.jspContainer{overflow:hidden;position:relative;width:90%;max-width:560px}@media only screen and (max-width:560px){.jspContainer{width:100%!important}}.jspPane{position:absolute;padding:10px 20px!important;max-width:560px}@media only screen and (max-width:560px){.jspPane{width:100%!important}}.jspVerticalBar{position:absolute;top:0;right:0;width:7px;height:100%;background:red}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#fff;position:relative}.jspDrag{background:#102045;position:relative;top:0;left:0;cursor:pointer;min-height:50px}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:none}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}.venobox{text-decoration:none;display:inline-block;margin:0 10px 10px 0}.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-box-sizing:border-box;box-sizing:border-box}.vbox-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:5;-webkit-transform:translateZ(1000px);transform:translateZ(1000px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:rgba(99,110,189,.85)}.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:16px;padding:6px 40px;overflow:hidden;position:fixed;display:none;left:0;z-index:6}@media only screen and (max-width:840px){.vbox-title{padding:6px 10px;height:auto;max-height:80px}}.vbox-close{cursor:pointer;position:fixed;top:15px;right:25px;width:40px;height:40px;padding:6px;display:block;background-position:10px;font-size:24px;line-height:1;text-align:center;z-index:6;border:2px solid #fff;border-radius:40px;-webkit-transition:opacity .3s;transition:opacity .3s}.vbox-close:hover{opacity:.55}@media only screen and (max-width:840px){.vbox-close{right:10px;width:25px;height:25px;font-size:18px;padding:1px}}.vbox-num{left:0;display:block;line-height:28px;font-size:12px;padding:6px 10px;display:none}.vbox-next,.vbox-num,.vbox-prev{cursor:pointer;position:fixed;height:40px;overflow:hidden;z-index:6}.vbox-next,.vbox-prev{top:50%;margin-top:-15px;display:block;width:40px;border:2px solid #fff;border-radius:40px;-webkit-transition:opacity .3s;transition:opacity .3s}.vbox-next:hover,.vbox-prev:hover{opacity:.55}@media only screen and (max-width:840px){.vbox-next,.vbox-prev{display:none!important}}.vbox-next span,.vbox-prev span{position:relative;width:12px;height:12px;border:2px solid transparent;border-top-color:#fff;border-right-color:#fff;text-indent:-100px;position:absolute;top:12px;display:block}.vbox-prev{left:25px}.vbox-next{right:25px}.vbox-prev span{left:14px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vbox-next span{-webkit-transform:rotate(45deg);transform:rotate(45deg);right:14px}.vbox-inline{height:315px;max-width:560px!important;height:70vh;padding:10px;background:#fff;margin:0 auto;overflow:auto;text-align:left;padding:15px!important}.venoframe{max-width:100%;border:none;width:100%;height:260px;height:70vh}.venoframe.vbvid{height:188px}@media (min-width:768px){.vbox-inline,.venoframe{width:90%;height:360px;height:70vh}.venoframe.vbvid{width:640px;height:360px}}@media (min-width:992px){.vbox-inline,.venoframe{max-width:1200px;width:80%;height:540px;height:70vh}.venoframe.vbvid{width:960px;height:540px}}.vbox-open{overflow:hidden}.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:4;max-height:100%}.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;padding:20px 10px}.vbox-container img{max-width:100%;height:auto}.figlio{-webkit-box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial}img.figlio{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.vbox-content.swipe-left{margin-left:-200px!important}.vbox-content.swipe-right{margin-left:200px!important}.animated{webkit-transition:margin .3s ease-out;-webkit-transition:margin .3s ease-out;transition:margin .3s ease-out}.animate-in{opacity:1}.animate-out{opacity:0}.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation:a 1.2s infinite ease-in-out;animation:a 1.2s infinite ease-in-out}@-webkit-keyframes a{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}to{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes a{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}to{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:b 2s infinite ease-in-out;animation:b 2s infinite ease-in-out}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes b{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes b{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{width:50px;height:40px;text-align:center;font-size:10px;margin:40px auto}.sk-wave .sk-rect{background-color:#333;height:100%;width:4px;margin:0 1px;display:inline-block;-webkit-animation:c 1.2s infinite ease-in-out;animation:c 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes c{0%,40%,to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes c{0%,40%,to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-three-bounce{margin:40px auto;width:100px;text-align:center}.sk-three-bounce .sk-child{width:16px;height:16px;background-color:#333;border-radius:100%;margin:4px;display:inline-block;-webkit-animation:d 1.4s ease-in-out 0s infinite both;animation:d 1.4s ease-in-out 0s infinite both}.sk-cube-grid,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes d{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes d{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-spinner-pulse{background-color:#333;border-radius:100%;-webkit-animation:e 1s infinite ease-in-out;animation:e 1s infinite ease-in-out}@-webkit-keyframes e{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes e{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:f 1.3s infinite ease-in-out;animation:f 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes f{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes f{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:g 1.8s ease-in-out -1.8s infinite both;animation:g 1.8s ease-in-out -1.8s infinite both}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes g{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes g{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}body,html{height:100%;margin:0;padding:0}body{font-family:Calluna-Regular;color:#fff;height:100%;width:100%;overflow:hidden;font-size:14px;color:#102045}@media only screen and (max-width:560px){body{overflow:auto;background:url(img/bg_full_1.jpg)}}#wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}@media only screen and (max-width:560px){#wrapper{overflow:auto}}.container{max-width:560px;margin:0 auto}@media only screen and (max-width:560px){.container{max-width:90%;min-width:90%;width:90%}}h2{font-family:Arial;font-style:capitalize;text-transform:uppercase;line-height:1;margin-top:20px;margin-bottom:0;letter-spacing:3px;font-size:9px;color:#000}h1,h2,h3{font-weight:400;font-variant:normal}h1,h3{font-family:Calluna-Regular;font-style:normal;font-size:20px;color:#102045;line-height:25px}.section-title{display:none}@media only screen and (max-width:560px){.section-title{display:block;letter-spacing:.5px;font-size:26px;font-variant:small-caps;padding:5px 0}}a,p{font-size:100%;font-family:Calluna-Regular;color:#102045;line-height:22px}a{z-index:7;text-decoration:underline;font-variant:normal}img{border:none}#header{position:fixed;z-index:1;margin:0 auto;left:0;right:0;z-index:2}@media only screen and (max-width:560px){#header{position:static}}.logo{margin:20px 0}.logo .logo__img{margin:0 auto;display:block;width:150px;height:145px}@media only screen and (max-width:560px){.logo .logo__img{width:100px;margin:20px auto 0}}#nav{background-color:none;border-top-width:5px;margin:10px 0 0;border-top:1px solid #102045;padding:10px 0}#nav,#nav ul{text-align:center}#nav ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:560px){#nav ul{-ms-flex-pack:distribute;justify-content:space-around}}#nav li{font-family:Calluna-Regular;margin:0 10px}@media only screen and (max-width:560px){#nav li{line-height:2}}#nav li a{text-decoration:none;color:#102045;font-family:Calluna-Regular;font-size:22px}#nav .selected{color:#102045;border-bottom:4px solid #102045;padding-bottom:3px}@media only screen and (max-width:560px){#nav .selected{border-bottom:0;padding:10px}#nav .selected:before{content:"— "}}#nav .panel{letter-spacing:.5px;font-variant:small-caps}@media only screen and (max-width:560px){#nav{position:fixed;z-index:1;right:5%;bottom:25px;width:90%;max-width:400px;max-height:90%;-webkit-overflow-scrolling:touch;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;background-color:#fff;border:0}#nav ul{display:initial;text-align:left}#nav a{display:block;padding:10px;color:#fff}#nav a.is-selected span:last-child{color:#d88683}#nav.open{-webkit-transform:scale(1);transform:scale(1);border:8px solid #d2d3e7}#nav.open+.nav-trigger span{background-color:rgba(62,57,71,0)}#nav.open+.nav-trigger span:after,#nav.open+.nav-trigger span:before{background-color:#fff;height:3px;width:20px;border-radius:0;left:-8px}#nav.open+.nav-trigger span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:1px}#nav.open+.nav-trigger span:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);bottom:0}#nav li:last-child a{border-bottom:none}}.nav-trigger{display:none}@media only screen and (max-width:560px){.nav-trigger{display:block;z-index:3;position:fixed;bottom:25px;right:5%;height:44px;width:44px;background:#102045}.nav-trigger:hover{cursor:pointer}.nav-trigger span{position:absolute;height:4px;width:4px;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.nav-trigger span,.nav-trigger span:after,.nav-trigger span:before{background-color:#fff}.nav-trigger span:after{bottom:-9px}.nav-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap}.open+.nav-trigger span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:1px}.open+.nav-trigger span:after,.open+.nav-trigger span:before{background-color:#003553;height:3px;width:20px;border-radius:0;left:-8px}.nav-trigger span:before{top:-9px}.nav-trigger span:after,.nav-trigger span:before{content:"";height:100%;width:100%;position:absolute;left:0;background-color:inherit;border-radius:inherit}}.show-more{font-size:22px;text-align:center;width:100%;padding:10px;cursor:pointer}ul.list{padding:0;margin:0;line-height:1.5}ul.list li{display:inline}ul.list li:before{content:"•";margin:0 5px}.impressum p{color:#000}.impressum a,.impressum p{font-size:100%;font-family:Calluna-Regular;z-index:7;line-height:20px}.impressum a{color:#102045;font-variant:normal;text-decoration:underline}.box{position:relative;width:71px;height:71px;-webkit-box-shadow:0 5px 5px -5px #333;box-shadow:0 5px 5px -5px #333;opacity:.5;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.box:hover{opacity:1}#mask{width:500%;height:100%}@media only screen and (max-width:560px){#mask{width:100%;height:auto}}.content{height:360px;position:relative;background-color:#fff;outline:none;display:block;margin:235px 0 0;padding:10px 15px 15px 10px;overflow:auto}@media only screen and (max-width:560px){.content{height:auto;margin:50px 0;overflow:hidden;position:static;width:100%!important;border-top:5px solid #102045}}.item{width:20%;height:100%;float:left;overflow:hidden}@media only screen and (max-width:560px){.item{width:100%;float:none;height:auto}}.fullBg{position:absolute;top:0;overflow:hidden;min-height:100%;min-width:100%}@media only screen and (max-width:560px){.fullBg{display:none}}.text{font-size:100%;font-family:Calluna-Regular;z-index:7;line-height:22px;text-decoration:underline;font-variant:normal;color:#102045}.address{float:left}@media only screen and (max-width:560px){.address{float:none}}#mapviewer{position:relative;padding-top:30px;height:0;overflow:hidden;max-width:350px;margin-left:200px;margin-top:10px;height:175px}@media only screen and (max-width:560px){#mapviewer{padding-bottom:56.25%;margin:15px 0}}#mapviewer embed,#mapviewer iframe,#mapviewer object{position:absolute;top:0;left:0;width:100%;height:100%}#footer{position:fixed;height:35px;width:100%;bottom:0;left:0;text-align:center;bottom:20px}@media only screen and (max-width:560px){#footer{position:static}}#footer ul{padding:0;margin:0}#footer li{display:inline;letter-spacing:.5px;padding:0;color:#102045;font-family:Calluna-Regular;font-size:22px;margin:0 5px}#footer li a{font-variant:small-caps;text-decoration:none}#footer ul>div{display:none}#footer #liste ul{list-style-type:none;margin:0;padding-left:0}#footer #liste li{list-style-type:none;line-height:22px}#footer .first{margin-right:8px;font-variant:small-caps} .notice-badge {
  position: absolute;
  left: 75px;
  top: 95px;
  width: 120px;
  height: 120px;
  border-radius: 150px;
  box-shadow: 0 0 13px rgba(0, 0, 0, .08);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all .4s;
  background: #ff8f4e;
  transform: rotate(-10deg);
}

.notice-badge:hover {
  background: #ff714e;
  top: 80px;
}

.notice-badge__text {
  font-family: Arial;
  font-weight: 500;
  text-align: center;
  color: #000000;
}

/* hier müsste was anderes als 560px stehen */
/* also der punkt an dem es eben umschlagen soll */
@media only screen and (max-width:960px) {
/* hier geben wir dem header oben etwas platz genauso viel wie der button hoch ist */
  #header {
    padding-top: 50px;
  }

/* hier ist bei height die höhe festgelegt */
  .notice-badge {
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-radius: 0;
    transform: rotate(0deg);
  }

  .notice-badge:hover {
    top: 0;
  }
}