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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*No IE-support*/
.no-support{
  overflow: hidden;
  height: 100vh;
  -ms-scroll-limit: 0 0 0 0;
  -ms-overflow-style: none;
 }

 .no-support:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(18, 21, 23, 0.9);
  z-index: 999999;
 }

 .ie-error{
  position: absolute;
  top: 25px;
  z-index: 999999;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%;
 }

 .ie-error > div{
  color: #FFF;
  width: 100%;
  pointer-events: auto;
  background-color: #000;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0;
  max-width: 500px;
  text-align: center;
  padding: 25px;
  font-size: 24px;
 }

 .ie-error > div a{
  display: block;
  text-align: center;
  margin: 25px;
 }

/*Allgemeines*/
html{
  overflow-x: hidden;
  padding-bottom: 0px;
  height: auto;
  min-height: auto;
}

body {
  font-family: Segoe UI, helvetica, arial;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  background-color: #000;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 16px;
  max-width: 1920px;
  margin: auto;
}

.d-none-important{
  display: none !important;
}

button{
  font-family: Segoe UI, helvetica, arial;
}

.widget.error{
  border: 1px solid #394348;
  border-radius: 5px;
  padding: 5px;
}

.widget.error p.error{
  color: #394348;
  margin-top: 0;
}

/*Inputs, Checkboxes*/
/*Checkbox etc.*/
.formbody{
  position: relative;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  min-width: 175px;
  background-color:white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.235' height='6.996' viewBox='0 0 12.235 6.996'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M12.307,16.133l4.626-4.63a.871.871,0,0,1,1.235,0,.882.882,0,0,1,0,1.239l-5.242,5.246a.873.873,0,0,1-1.206.025L6.442,12.746a.875.875,0,0,1,1.235-1.239Z' transform='translate(-6.188 -11.246)' fill='%23394348'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding: .75em 1em .5em 1em;
  color: #394348;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
select::-ms-expand {
  display:none;
}

option {
    background: #fff;
    border-top: 1px solid #444;
    padding: .3em 1em .3em 1em;
}
/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 16px;
  width: 100%
} 

/*Navigation*/
#header{
  background-color: #009FE3;
  width: 100%;
  position: fixed;
  z-index: 2100;
}

#header *{
  color: #FFF;
  overflow: visible;
}

#header > .inside{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

/* Footer */
#footer{
  position: relative;
  padding-bottom: 25px;
  padding-top: 40px;
}

#footer h2{
  color: #009FE3;
}

#footer .inside{
  display: flex;
  justify-content: space-around;
  margin: 0 30px;
}

#footer .inside > div:last-child{
  justify-content: flex-end;
}

#footer .image_container img{
  object-fit: contain;
}
#footer .block{
  overflow: visible;
}
#footer .content-image, #footer .text_anschrift,
#footer .text_oeffnung{
  padding-right: 20px;
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#footer .footerlogo img{
  object-fit: contain;
  max-height: 150px;
  padding: 20px 0;
}
#footer .content-text{
  display: flex;
  margin-bottom: 20px;
}
#footer .content-text h3{
  color: #009FE3;
  font-size: 20px;
}
#footer .telefon{
  
}
#footer .footertext{
  padding-left: 20px;
}
#footer p{
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 5px;
}
#footer h3{
  margin-top: 0;
}
.footerinfo {
  display: flex;
  justify-content: space-around;

}
.footerinfo .content-text {
  padding-left: 40px;
}

/*Hauptteil*/
#main>.inside{
  min-height: 0px;
  display: flex;
  flex-direction: column;
}

p {
  font-size: 16px;
  margin: 0;
  margin-bottom: 30px;
}
#headerimage {
  padding-top: 53px;
}
.headerimage {
  width: 100%;
  height: calc(100vh - 53px);
}
.headerimage figure {
  height: 100%;
}
.headerimage img {
  display: block;
  width: 100%;
  min-height: 500px;
  height: 100%;
  object-fit: cover;
}
#article-1{
  display: flex;
  align-items: center;
  justify-content: center;
}
.startseite .headerlogo {
  left: auto;
  right: auto;
  max-width: 600px;
  top: auto;
}
.startseite .headerimage img{
  height: calc(100vh - 53px);
  object-position: 10%;
}
.headerlogo {
  align-items: center;
  position: absolute;
  max-width: 250px;
  left: 5%;
  top: 5%;
}
.image_odd{
  width: calc(100% / 2);
  float: left;
  position: relative;
  height: 50vw;
}
.image_even{
  width: calc(100% / 2);
  position: relative;
  float: right;
  height: 50vw;
}
.image_odd figure,
.image_even figure {
  height: 100%;
}
.image_odd figure img,
.image_even figure img {
  height: 100%;
}

.text_odd{
  width: calc(100% / 2);
  height: 50vw;
  min-height: 50vw;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text_even{
  width: calc(100% / 2);
  height: 50vw;
  min-height: 50vw;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text_odd img, .text_even img{
  width: 100%;
}
.text_odd .content-image, .text_even .content-image {
  overflow: visible;
  margin-top: -60px;
  margin-bottom: -50px;
}
.text_odd h2, .text_even h2{
  color: #009FE3;
  margin: 0 17.5%;
  font-size: 24px;
  text-align: center;
}
.text_odd .content-text, .text_even .content-text{
  margin: 0 17.5%;
  text-align: center;
}
.text_odd a, .text_even a{
  background-color: #009FE3;
  border: none;
  border-radius: 42px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  padding: 10px 20px;
  font-weight: bold;
}
.text_odd a:hover, .text_even a:hover{
  background-color: #FFF;
  border: 1px solid #009FE3;
  color: #009FE3;
}
.image_container img{
  object-fit: cover;
  height: 100%;
  display: block;
}
#article-16 .content-text{
  padding-top: 20px;
}
.banner{
  background-color: #009FE3;
  width: 100%;
  text-align: center;
  padding: 50px 0;
  float: left;
}
.banner h2{
  font-size: 30px;
  margin: 0;
}
.banner h3 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 40px;
}
.banner a{
  background-color: #A4A5A8;
  border: 1px solid #FFF;
  border-radius: 42px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  padding: 10px 20px;
  font-weight: bold;
}
.banner a:hover{
  background-color: #FFF;
  border: 1px solid #009FE3;
  color: #009FE3;
}
.mod_navigation{
  width: 100%;
}
.mod_navigation ul{
  display:flex;
  justify-content: space-evenly;
}
.mod_navigation li{
  display: block;
}
a {
  text-decoration: none;
  color: #FFF;
}
.unternavigation p {
  margin-bottom: 0;
  font-weight: bold;
}

.unternavigation{
  display: flex;
  align-items: center;
  height: 60px;
  justify-content: space-around;
}
.kontaktinfo{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kontaktinfo h3{
  color:#009FE3;
  margin-bottom: 35px;
}
.kontaktinfo p {
  margin-bottom: 15px;
}
#article-17 .text_odd{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.telefon{
  background-image: url("https://www.bmt-peiting.de/files/bilder/icons/Icon_Telefon.png");
  background-repeat: no-repeat;
  padding-left: 40px;
}
.fax{
  background-image: url("https://www.bmt-peiting.de/files/bilder/icons/Icon_Fax.png");
  background-repeat: no-repeat;
  padding-left: 40px;
}
.mail{
  background-image: url("https://www.bmt-peiting.de/files/bilder/icons/Icon_Mail.png");
  background-repeat: no-repeat;
  padding-left: 40px;
}
.slider{
  animation: movetext 4s linear;
  animation-delay: -2s;
  -webkit-animation: movetext 4s linear;
  -webkit-animation-delay: -2s;
  height: auto;
  position: absolute;
  top: 40%;
}
.slideheading {
  background-color: #FFF;
  color: #009FE3;
  padding: 10px 20px;
  font-size: 50px;
  margin: 0;
  margin-left: 10%;
  width: fit-content;
}
@keyframes movetext{
  from{
      left: -100%;
  }
  to{
      left: 0%;
  }
}
@-webkit-keyframes movetext{
  from{
    left: -100%;
}
to{
    left: 0%;
}
}
.slidetext {
  background-color: #FFF;
  color: #A4A5A8;
  padding: 20px;
  margin-left: 20%;
  margin-top: 30px;
  width: 600px;
}
.slidetext p {
  margin: 0;
}
.logo{
  margin: 1em;
}
.fertigung_text {
  overflow: hidden;
  cursor: pointer;
}
.fertigung_text .content-image {
  height: 100%;
}
.fertigung_text .content-image img {
  object-fit: cover;
}
.text_hover{
  opacity: 0;
  background-color: rgb(0 159 227 / 80%);
  color: #FFF;
  position:absolute;
  top: 0;
  width: 50vw;
  height: 50vw;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.text_hover:hover {
  opacity: 1;
}
.text_hover a {
  background-color: #FFF;
    border: none;
    border-radius: 42px;
    text-align: center;
    text-decoration: none;
    color: #009FE3;
    padding: 10px 20px;
    font-weight: bold;
}
.mapLeaflet {
  display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
#map-cookie {
  cursor: pointer;
  position: absolute;
  width: 50%;
  height: 50vw;
  right: 0;
  z-index: 1500;
  background-color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
#article-19 {
  height: calc(100vh - 53px - 190px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#article-21, #article-22, #article-18 {
  padding: 50px 10%;
}
#header  .logo img {
  height: 30px;
  object-fit: contain;
  object-position: left;
}
.ce_accordionSingle .ui-accordion-header {
  background-color: #009FE3;
  padding: 20px;
  border-radius: 42px;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
}
.ce_accordionSingle .ui-state-active.ui-accordion-header .ui-icon {
  transform: rotateX(0deg)
}
.ce_accordionSingle .ui-accordion-header .ui-icon {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Ccircle id='Ellipse_2' data-name='Ellipse 2' cx='35' cy='35' r='35' fill='%23fff'/%3E%3Cpath id='Pfad_1338' data-name='Pfad 1338' d='M4436,579.334l10-10,10,10' transform='translate(-4411 -540.333)' fill='none' stroke='%23009fe3' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/svg%3E");
  height: 30px;
  width: 30px;
  position:absolute;
  right: calc(5vw + 25px);
  transform: rotateX(180deg);
}
.ce_form {
  margin-bottom: 50px;
  width: 90vw;
  padding-left: 5vw;
  padding-right: 5vw;
}
.ce_form .formbody {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.ce_form .widget ::placeholder {
  color: rgb(0 159 227 / 50%);
  font-weight: bold;
}
select, input, textarea {
  padding: 20px;
}
select:focus {
  border: 0px solid transparent;
  margin-bottom: 100px;
}
option li {
  border-radius: 42px;
  padding: 20px;
}
.ce_accordionSingle {
  margin-top: 50px;
}
.ce_accordionSingle:last-child {
  margin-bottom: 50px;
}
.ce_accordionSingle .ui-accordion-content div {
  padding: 25px;
  margin-left: auto;
  margin-right: auto;
}
.ce_accordionSingle .ui-accordion-content div p,
.ce_accordionSingle .ui-accordion-content div ul {
  text-align: left;
  margin-bottom: 10px;
}
.ce_accordionSingle .ui-accordion-content div li {
  padding-left: 5px;
}
.ce_accordionSingle .ui-accordion-content div strong {
  margin-bottom: 10px;
  font-size: 20px;
  color: #009FE3;
}
.widget_odd.widget-checkbox input[type=checkbox] {
  width: 30px;
  height: 30px;
  background-color: #fff;
  padding: 3px;
  margin: 0;
}
.widget-checkbox label {
  color: #fff;
}
.widget-textarea textarea{
  height: 145px;
  margin-bottom: 0;
}
fieldset {
  border: none;
  width: 100%;
  padding: 0;
}
fieldset span {
  display: flex;
}
fieldset span input {
  width: 0;
}
fieldset span label {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 5px;
}
input[type=file] {
  background-color: #fff;
  height: 150px;
}
button {
  border: none;
  color: #fff !important;
  background-color: #009FE3;
  font-weight: bold;
  padding: 15px 30px;
  border-radius: 42px;
}
.widget input[type='checkbox']:checked,
.widget input[type='checkbox']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

.widget input[type='checkbox'] + label {
  cursor: pointer;
  font-size: 16px;
}
.widget input[type='checkbox']:checked + label::before,
.widget input[type='checkbox']:not(:checked) + label::before {
    content:' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    border-radius: 42px;
    border: 2px solid #009FE3;
    background: white;
    margin-right: 5px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}
.widget input[type='checkbox']:hover  + label::before {
  background: #7FCFF1;
  box-shadow: inset 0 0 0 2px white;
}

.widget input[type='checkbox']:checked  + label::before {
  background:#009FE3;
  box-shadow: inset 0 0 0 2px white;
}
#file-upload-button {
  opacity: 0;
}
.content-text.blaubold {
  display: flex;
  flex-direction: row;
  margin-bottom: 50px;
}
.content-text.blaubold a {
  margin-right: 25px;
  color: #009FE3;
}
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: rgb(0 159 227 / 50%);
  font-weight: bold;
}
.select-styled {
  position: absolute; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 15px;
  border-radius: 42px;
}
.select-styled:after {
    content:"";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: rgb(0 159 227 / 50%) transparent transparent transparent;
    position: absolute;
    right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.select-styled:active, .select-styled.active {
  background-color: #fff;
}
.select-styled:active:after, .select-styled.active:after {
      top: 15px;
      border-color: transparent transparent rgb(0 159 227 / 50%) transparent;
}
.select-options {
  display: none; 
  position: absolute;
  top: 77px;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
}
.select-options li {
  margin: 0;
  padding: 15px;
  border-radius: 42px;
  margin-bottom: 20px;
  background-color:#009FE3;
  color: #fff;
  height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.select-options li:hover, 
.select-options li.is-selected {
    color: rgb(0 159 227 / 50%);
    background: #fff;
}
.select-options li[rel="hide"] {
    display: none;
}
.select-options li:first-child {
  display: none;
}
.widget .fineuploader-container {
  display: none;
}
.widget-fineuploader {
  color: rgb(0 159 227 / 50%);
  background-color: transparent;
  font-weight: bold;
  padding: 15px 30px;
  border-radius: 0px;
  border: 0.5px solid rgb(0 0 0 / 10%);
  width: calc(100% - 60px);
}
.widget.widget-upload {
  height: 185px;
  background-color: #fff;
  border-radius: 42px;
  width: auto;
  margin-left: 20px;
}

.widget_odd .select:not(.select-hidden),
.widget_odd fieldset {
  width: calc(100% - 20px);
  margin-bottom: 20px;
  border-radius: 42px;
  margin-right: 20px;
}
.widget_even fieldset,
.widget_even .select:not(.select-hidden) {
  width: calc(100% - 20px);
  margin-bottom: 20px;
  border-radius: 42px;
  margin-left: 20px;
}
.widget-text.widget_even,
.widget-fineupload.widget_even {
  width: calc(100% - 20px);
  margin-left: 20px;
}
.widget-text.widget_odd,
.widget-textarea.widget_odd {
  width: calc(100% - 20px);
  margin-right: 20px;
}
.widget_odd textarea,
.widget_odd input {
  width: -webkit-fill-available;
  margin-bottom: 20px;
  border-radius: 42px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.widget_even input,
.widget_even textarea {
  width: -webkit-fill-available;
  margin-bottom: 20px;
  border-radius: 42px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.widget-checkbox,
.widget-explanation {
  width: 100%;
  grid-column: 1 / 3;
}

.widget-submit {
  width: 100%;
  grid-column: 2;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 30px;
}
#stellen {
  height: max-content;
  justify-content: flex-start;
  margin-bottom: 50px;
}
#stellen .ce_accordionSingle {
  margin-left: 20px;
  margin-right: 5vw;
}
#ausbildung .content-text ul,
#ausbildung .content-text ul li {
  text-align: left;
}
.message.ajaxconfirm {
  text-align: center;
}




@media (max-width: 1250px){
  .text_even h2, .text_odd h2,
  .text_even .content-text, .text_odd .content-text{
    margin: 0 5%;
  }
}
@media (max-width: 1100px){
  .text_even, .text_odd,
  .image_even, .image_odd, .text_hover, #map, #map-cookie{
    height: 75vw !important;
  }
  .image_odd .image_container,
  .image_odd .content-image,
  .image_even .image_container,
  .image_even .content-image{
    height: 100%;
  }
  #stellen, #ausbildung {
    height: max-content !important;
  }
  .widget-explanation{
    margin-top: 25px;
  }
}
@media (max-width: 1050px){
  #footer .inside{
    flex-direction: column;
    align-items: center;
  }
  #footer .text_oeffnung{
    padding-right: 0;
  }
  .info {
    margin-left: 13px;
  }
  .service {
    margin-left: 60px;
  }
  .footerinfo {
    flex-direction: column;
  }
  .ce_form .formbody {
    display: flex;
    flex-direction: column;
  }
  .widget_odd .select:not(.select-hidden), .widget_odd fieldset,
  .widget_even fieldset, .widget_even .select:not(.select-hidden),
  .widget-text.widget_even, .widget-fineupload.widget_even,
  .widget-text.widget_odd, .widget-textarea.widget_odd,
  .widget-text.widget_odd, .widget-textarea.widget_odd,
  .widget .fineuploader-wrapper, .widget.widget-upload {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .widget-checkbox {
    padding-top: 20px;
  }
}

@media (max-width: 925px){
  p {
    font-size: 13px;
  }
}
@media (min-width: 800px){
 .hamburger-desktop.hamburger--squeeze {
   display: none !important;
 }
 .logo {
   display: none;
 }
}
@media (max-width: 800px){
  .image_even, .image_odd, .text_hover{
    width: 100%;
    height: 75vw;
  }
  .text_even, .text_odd {
    width: 100%;
    height: auto !important;
    padding-bottom: 30px;
  }
  .text_hover {
    padding: 0;
  }
  .slidetext p {
    font-size: 13px;
  }
  #map, .mapLeaflet{
    height: 50vh !important;
  }
  #header > .inside {
    justify-content: space-between;
  }
  #header .mod_navigation{
    position: absolute;
    top: -999px;
    background-color: rgb(0 159 227 / 95%);
    z-index: 999;
    left: 0;
    right: 0;
    height: auto;
  }
  #header .mod_navigation.open {
    top: 60px;
  }
  #header .mod_navigation ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
    align-items: center;
  }
  #header .mod_navigation ul li {
    justify-content: flex-start;
    padding: 10px 0;
  }
  .startseite .headerlogo{
    display: block !important;
    max-width: 300px;
  }
  .headerlogo {
    display: none;
  }
  .slideheading {
    margin-left: 0%;
    font-size: 30px;
  }
  .slidetext {
    margin-left: 10%;
    margin-top: 10px;
    width: auto;
    max-width: calc(90vw - 25px);
  }
  .text_even p, .text_odd p{
    padding: 0 30px;
    font-size: 16px;
  }
  .text_even h2, .text_odd h2{
    padding: 50px 30px 0 30px;
    font-size: 20px;
  }
  .unternavigation{
    display: none;
  }
  h1, h2, h3 {
    word-break: break-word;
  }
  .kontaktinfo a {
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-align: inherit;
    text-decoration: none;
    color: #FFF;
    padding: auto;
    font-weight: normal;
  }
  #map-cookie {
    width: 100vw;
    height: 50vh !important;
  }
  
}
@media (max-width: 650px){
.footerinfo .content-text {
  padding-left: 0;
}
.service, .info {
  margin-left: 0;
}
.footerinfo .content-text {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}
.footerinfo .footertext {
  grid-column: 2 / 4;
}
}
@media (max-width: 450px){
  .footerinfo .content-text {
    display: flex !important;
    flex-direction: column;
  }
  #footer .footertext {
    padding-left: 0;
  }
}

/*++++++++++++
Map 
++++++++++++*/
#map{
  height: 50vw;
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}

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

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

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

/* cursors */

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

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */

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

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

/* general toolbar styles */

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

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */

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

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

/* layers control */

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

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(../../files/layout/style/css/images/marker-icon.png);
}

/* attribution and scale controls */

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

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

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

/* popup */

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 10px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;

  margin: -10px auto 0;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #009FE3;
}

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

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

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

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

/* div icon */

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

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: '';
}

/* Directions */

.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
.header-main.is-visible{
  visibility: visible;
  opacity: 1;
  position: fixed;
  top: 0;
}
.mapLeaflet .cms-block-container{
  padding: 0px !important;
}
.hamburger {
  /* position: absolute; */
  right: 15px;
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 1em;
  padding: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: .15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger *{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #FFF;
}

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

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 32px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  background-color: #FFF;
}

.hamburger-inner:after,
.hamburger-inner:before {
  display: block;
  content: ""
}

.hamburger-inner:before {
  top: -10px
}

.hamburger-inner:after {
  bottom: -10px
}

.hamburger--3dx .hamburger-box {
  perspective: 80px
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
  transform: rotateY(180deg);
  background-color: transparent !important
}

.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)
}

.hamburger--3dx-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
  transform: rotateY(-180deg);
  background-color: transparent !important
}

.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)
}

.hamburger--3dy .hamburger-box {
  perspective: 80px
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
  transform: rotateX(-180deg);
  background-color: transparent !important
}

.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)
}

.hamburger--3dy-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
  transform: rotateX(180deg);
  background-color: transparent !important
}

.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)
}

.hamburger--3dxy .hamburger-box {
  perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg);
  background-color: transparent !important
}

.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)
}

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
  background-color: transparent !important
}

.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)
}

.hamburger--arrow.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.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) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  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)
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--collapse .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--collapse-r .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-duration: .275s
}

.hamburger--elastic .hamburger-inner:before {
  top: 10px;
  transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
  top: 20px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-duration: .275s
}

.hamburger--elastic-r .hamburger-inner:before {
  top: 10px;
  transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
  top: 20px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(270deg)
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.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 {
  top: -80px;
  left: -80px;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(80px, 80px, 0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
  top: -80px;
  right: -80px;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.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 {
  top: 80px;
  left: -80px;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(80px, -80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
  top: 80px;
  right: -80px;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(-80px, -80px, 0) rotate(45deg)
}

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

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

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

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

.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--slider .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform, opacity
}

.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)
}

.hamburger--slider-r .hamburger-inner {
  top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform, opacity
}

.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)
}

.hamburger--spin .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .22s
}

.hamburger--spin .hamburger-inner:before {
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease-out, opacity .1s ease-out .12s;
  opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .22s
}

.hamburger--spin-r .hamburger-inner:before {
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease-out, opacity .1s ease-out .12s;
  opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(90deg)
}

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
  top: 10px;
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
  top: 20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--spring-r .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
  opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
  transform: rotate(90deg);
  background-color: transparent !important
}

.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
  transform: rotate(-90deg);
  background-color: transparent !important
}

.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(45deg)
}

.hamburger--squeeze .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease .12s;
  opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-duration: .2s
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
  transition-delay: .1s;
  transition-timing-function: linear;
  transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
  transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
  transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  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)
}

.hamburger--vortex-r .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-duration: .2s
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
  transition-delay: .1s;
  transition-timing-function: linear;
  transition-duration: 0s
}

.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 {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  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)
}

.hamburger--header {
  margin-right: -5px;
  padding-right: 0;
  padding-left: 5px;
  cursor: default;
  vertical-align: middle
}

.hamburger--header .hamburger-inner,
.hamburger--header .hamburger-inner:after,
.hamburger--header .hamburger-inner:before,
.hamburger--header.is-active .hamburger-inner,
.hamburger--header.is-active .hamburger-inner:after,
.hamburger--header.is-active .hamburger-inner:before {
  background-color: #222
}

.hamburger--header.hamburger--elastic .hamburger-inner,
.hamburger--header.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--header:hover {
  opacity: 1
}

.hamburger-wrap {
  text-align: center
}

.hamburger--accessible {
  display: inline-block
}

.hamburger--accessible .hamburger-box {
  display: inline-block;
  vertical-align: middle
}

.hamburger--accessible .hamburger-inner,
.hamburger--accessible .hamburger-inner:after,
.hamburger--accessible .hamburger-inner:before,
.hamburger--accessible.is-active .hamburger-inner,
.hamburger--accessible.is-active .hamburger-inner:after,
.hamburger--accessible.is-active .hamburger-inner:before {
  background-color: #222
}

.hamburger-label {
  font-weight: 600;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  text-transform: uppercase
}

.hamburger-label-hidden {
  display: none
}

.name {
  font-size: .8em;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 1.25em;
  padding-top: 2em;
  color: #1A1A1A
}

.information-directions {
  font-size: 14px;
  width: 100%
}

.browsers,
.types {
  padding-left: 0;
  list-style: none
}

.browsers li,
.types li {
  margin-bottom: .25em
}

.browsers {
  padding-left: 1em;
  column-count: 2
}

.hint {
  display: none;
  margin-bottom: 1em
}

.hint.is-visible {
  display: block
}

@media only screen and (min-width:320px) {
  .browsers {
    column-count: 2
  }
}

@media only screen and (min-width:480px) {
  .types {
    column-count: 2
  }

  .browsers {
    column-count: 3
  }
}

@media only screen and (min-width:632px) {
  .information-directions {
    font-size: 15px
  }
}

#carbonads {
  padding-top: 20px;
  padding-bottom: 32px
}

#carbonads a {
  text-decoration: none
}

#carbonads>span {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto
}

.carbon-wrap {
  position: relative;
  display: table;
  width: 100%
}

.carbon-img,
.carbon-text {
  display: table-cell;
  text-align: left;
  vertical-align: middle
}

.carbon-img {
  background-color: #1A1A1A
}

.carbon-img img {
  display: block
}

.carbon-text {
  font-size: 12px;
  line-height: 1.2;
  padding-left: 15px
}

.carbon-poweredby {
  font-size: 11px;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 130px;
  text-align: center;
  color: #999
}

@media only screen and (min-width:1280px) {
  #carbonads {
    position: absolute;
    top: 45px;
    right: 30px;
    padding-top: 0;
    padding-bottom: 0
  }
}
.klaro .cookie-modal,
.klaro .cookie-notice 
{font-size:14px}

.klaro .cookie-modal .switch,
.klaro .cookie-notice .switch
{position:relative;display:inline-block;width:50px;height:30px}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider
{background-color:#00aa3e}

.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider
{opacity:0.6;background-color:#00aa3e}

.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before
{-ms-transform:translateX(10px);transform:translateX(10px)}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider
{opacity:0.8;background-color:#006a4e}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider::before
{-ms-transform:translateX(10px);transform:translateX(10px)}

.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider
{opacity:0.8;background-color:#006a4e;cursor:not-allowed}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider
{box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal .cm-list-input,
.klaro .cookie-notice .cm-list-input
{position:absolute;top:0;left:0;opacity:0;width:50px;height:30px}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider
{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s;width:50px;display:inline-block}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before
{position:absolute;content:'';height:20px;width:20px;left:5px;bottom:2px;background-color:#fff;transition:0.4s}

.klaro .cookie-modal .cm-list-label .slider.round,
.klaro .cookie-notice .cm-list-label .slider.round
{border-radius:30px}

.klaro .cookie-modal .cm-list-label .slider.round::before,
.klaro .cookie-notice .cm-list-label .slider.round::before
{border-radius:50%}

.klaro .cookie-modal .cm-list-label input:focus+.slider,
.klaro .cookie-notice .cm-list-label input:focus+.slider
{box-shadow:0 0 1px #01440c}

.klaro .cookie-modal .cm-list-label input:checked+.slider::before,
.klaro .cookie-notice .cm-list-label input:checked+.slider::before
{-ms-transform:translateX(20px) translateY(0px);transform:translateX(20px) translateY(0px)}

.klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider
{box-shadow:Inset 0 4px 6px 0 rgba(0,0,0,0.2),Inset 5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider::before
{-ms-transform:translateX(20px) translateY(0px);transform:translateX(20px) translateY(0px)}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider
{box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal a,
.klaro .cookie-notice a
{color:#00aa3e;text-decoration:none}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li
{color:#eee}

.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li
{display:block;text-align:left;margin:0;padding:0;margin-top:0.7em}

.klaro .cookie-modal .cm-link,
.klaro .cookie-notice .cm-link
{margin-right:0.5em;vertical-align:middle}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn
{background:#555;color:#eee;border-radius:6px;padding:6px 10px;margin-right:.5em;border:0;padding:0.4em;font-size:1em}

.klaro .cookie-modal .cm-btn:disabled,
.klaro .cookie-notice .cm-btn:disabled
{opacity:0.5}

.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close
{background:#eee;color:#000}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success
{background:#00aa3e}

.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info
{background:#0885ba}

.klaro .cookie-modal
{width:100%;height:100%;position:fixed;overflow:hidden;left:0;top:0;z-index:9999999}

.klaro .cookie-modal.cm-embedded
{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;z-index:0}

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro
{position:relative;-ms-transform:none;transform:none}

.klaro .cookie-modal .cm-bg
{background:rgba(0,0,0,0.5);height:100%;width:100%;position:fixed;top:0;left:0}

.klaro .cookie-modal .cm-modal.cm-klaro
{z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);
    width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);
    position:fixed;overflow:auto;background:#333;color:#eee}
    
@media (min-width: 660px){
    .klaro .cookie-modal .cm-modal.cm-klaro
    {border-radius:4px;position:relative;margin:0 auto;max-width:640px;height:auto;width:auto}
}
    
.klaro .cookie-modal .cm-modal .hide
{border-style:none;background:none;position:absolute;top:20px;right:20px;z-index:1}

.klaro .cookie-modal .cm-modal .hide svg
{stroke:#eee}

.klaro .cookie-modal .cm-modal .cm-footer
{padding:1em;border-top:1px solid #555}

.klaro .cookie-modal .cm-modal .cm-footer-buttons
{display:flex;flex-flow:row;justify-content:space-between}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by
{font-size:0.8em;padding-top:4px;text-align:center}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{color:#999}

.klaro .cookie-modal .cm-modal .cm-header
{padding:1em;padding-right:24px;border-bottom:1px solid #555}

.klaro .cookie-modal .cm-modal .cm-header h1
{margin:0;font-size:2em;display:block}

.klaro .cookie-modal .cm-modal .cm-header h1.title
{padding-right:20px}

.klaro .cookie-modal .cm-modal .cm-body
{padding:1em}

.klaro .cookie-modal .cm-modal .cm-body span
{display:inline-block;width:auto}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes
{padding:0;margin:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-caret,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-caret
{color:#888}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content
{margin-left:-40px;display:none}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded
{margin-top:10px;display:block}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose
{position:relative;line-height:20px;vertical-align:middle;padding-left:60px;min-height:40px}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child
{margin-top:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .switch
{position:absolute;left:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p
{margin-top:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes
{font-size:0.8em;color:#999}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all
{border-top:1px solid #555;padding-top:1em}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title
{font-weight:600}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required
{padding-left:0.2em;font-size:0.8em;color:#999}

.klaro .cookie-notice:not(.cookie-modal-notice)
{background:#333;z-index:999;position:fixed;width:100%;bottom:0;right:0}
  
@media (min-width: 1024px){
    .klaro .cookie-notice:not(.cookie-modal-notice)
    {box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);border-radius:4px;position:fixed;bottom:20px;right:20px;max-width:360px}
}

@media (max-width: 1023px){
    .klaro .cookie-notice:not(.cookie-modal-notice)
    {border-style:none;border-radius:0}
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded
{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;bottom:inherit;z-index:0}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body
{padding-top:0.5em}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body
{margin-bottom:0;margin-right:0;bottom:0;padding:1em;padding-top:0}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p
{margin-bottom:0.5em}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes
{text-decoration:underline}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more
{display:inline-block;flex-grow:1}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons
{display:inline-block;margin-top:-0.5em}

@media (max-width: 384px){
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons
    {width:100%}
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn
{margin-top:0.5em}

@media (max-width: 384px){
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn
    {width:calc(50% - .5em)}
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok
{margin-top:-0.5em;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:right;align-items:center}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div
{margin-top:0.5em}

.klaro .cookie-modal-notice
{z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);
width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);
position:fixed;overflow:auto;background:#333;color:#eee;padding:1em;padding-top:0.2em}

@media (min-width: 400px){
    .klaro .cookie-modal-notice
    {border-radius:4px;position:relative;margin:0 auto;max-width:400px;height:auto;width:auto}
}

.klaro .cookie-modal-notice .cn-ok
{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em}

.klaro .cookie-notice-hidden
{display:none !important}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-content
{display:none}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-content.expanded
{display:block}

.cm-toggle-all
{display:none !important;}

.switch, .switch *
{    line-height: 0 !important;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title
{color: #666666;}

#klaro input[type="checkbox"]:not(:checked) + label,
#klaro input[type="checkbox"]:checked + label
{position: relative;padding-left: 0;cursor: pointer;top: auto;left: auto;}

#klaro input[type="checkbox"]:not(:checked) + label::after,
#klaro input[type="checkbox"]:not(:checked) + label::before,
#klaro input[type="checkbox"]:checked + label::before,
#klaro input[type="checkbox"]:not(:checked) + label::after,
#klaro input[type="checkbox"]:checked + label::after,
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by>a[rel="noopener"]
{display: none;}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{display: inline-block;margin:0 5px;}

#klaro{display:block;}

.klaro-hr,.klaro-hr *
{height: 2px !important;max-height: 1px !important;background: rgba(0,0,0,0.35);margin: 0 !important;padding: 0 !important;line-height: 0 !important;overflow: hidden;}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-footer,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all
{border: 0px;}

.klaro .cookie-modal .cm-modal .cm-header a
{display:inline-block;}

.klaro .cookie-modal .cm-modal .cm-header h1.title
{color: #666666;background: transparent;background-clip: unset;filter: none;-webkit-background-clip: unset;-webkit-text-fill-color: unset;}

.klaro-inner{position: relative;}

iframe[src=""],iframe:not([src])
{display:none;}

.klaro-moreinfo
{cursor:pointer;}

.klaro-moreinfo,
.klaro .cookie-modal p,
.klaro-thead td
{font-size: 14px;}

#klaro table {width: 100%;border-collapse: collapse;margin: 0em 0 0;border-spacing: 0;}

#klaro tbody{width: 100%;display: table;}

.klaro-thead td{font-weight: bold;}

#klaro tbody tr.klaro-thead td {border-top: 0px solid #ccc;border-bottom: 2px solid #ccc;}

#klaro tbody tr td {    text-align: left;	padding: 5px 10px 5px 0;}

.klaro .cookie-modal .slider, 
.klaro .cookie-notice .slider 
{box-shadow: Inset 0 4px 6px 0 rgba(0,0,0,0.2),Inset 5px 5px 10px 0 rgba(0,0,0,0.19);}

.klaro .cookie-modal .switch, 
.klaro .cookie-notice .switch 
{height: 16px;}

.klaro .cookie-modal .cm-list-label .slider.round::before, 
.klaro .cookie-notice .cm-list-label .slider.round::before 
{border-radius: 25%;}

.klaro .cookie-modal .cm-list-label .slider.round, 
.klaro .cookie-notice .cm-list-label .slider.round 
{border-radius: 4px;}

.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before
{position: absolute;content: "";height: 12px;width: 7px;left: 2px;bottom: 2px;background-color: #fff;transform: translateX(0px) translateY(0px);transition: 0.4s;}

.klaro .cookie-modal .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider 
{position: absolute;cursor: pointer;top: 0;left: 0px;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;width: 31px;display: inline-block;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose 
{position: relative;line-height: inherit;vertical-align: middle;padding-left: 50px;min-height: 40px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .switch 
{position: absolute;left: 8px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content 
{margin-left: -50px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app
{padding: 0px 0 0px 50px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded 
{margin-top: 10px;display: block;background: rgba(0,0,0,0.05);	padding: 15px 0 15px 40px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:after
{content:"";background: rgba(0,0,0,0.05);	height:1px;	width:100%;	display:table;}

.klaro .cookie-modal .cm-btn.cm-btn-success, 
.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-info, 
.klaro .cookie-notice .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn-config,
.klaro .cookie-modal .cm-btn.cm-btn-decline
{background: #555555;color: #ffffff;}

.klaro .cookie-modal .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider 
{background-color: #cccccc;}

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider 
{background-color: #7a5558;}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider 
{opacity: 0.6;background-color: #009FE3;}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider 
{background-color: #009FE3;}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider 
{opacity: 0.8; background-color: #009FE3;}

.klaro .cookie-modal a, .klaro .cookie-notice a, 
.klaro-moreinfo,.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{color: #009FE3;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required
{color: #009FE3;opacity:0.8;}

.klaro .cookie-modal a:hover,
.klaro .cookie-notice a:hover, 
.klaro-moreinfo:hover
{opacity: 0.6;}

.klaro .cookie-modal .cm-btn.cm-btn-success:hover, 
.klaro .cookie-notice .cm-btn.cm-btn-success:hover, 
.klaro .cm-btn.cm-btn-decline:hover, 
.klaro .cm-btn-config:hover
{opacity: 0.6;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose
{background: rgba(0,0,0,0.05);margin: 5px 0;padding: 10px 0 10px 50px;}

.vd 
{cursor: pointer;position: absolute;bottom: 0%;left: 0%;width: 100%;display: table;background: rgba(255,255,255,0.85);
padding: 5px 10px;color: #585858;clear: both;display: table;z-index: 2;color: #585858;}

.vd p 
{line-height: 14px;font-size: 12px;margin: 0;color: #585858;}

.vd p a:hover
{color: #0365b3;}

.klarogooglemaps img.gmimg
{height: 100%;width: auto;position: absolute;top: 0;left: 0;}

.klaro-play 
{cursor: pointer;position: absolute;top: 50%;left: 50%;	-moz-transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);	
-ms-transform:translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%);z-index: 99;}

.klaro-play .stroke-solid 
{stroke-dashoffset: 0;stroke-dashArray: 300;stroke-width: 4px;-webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
-moz-transition: stroke-dashoffset 1s ease, opacity 1s ease;-o-transition: stroke-dashoffset 1s ease, opacity 1s ease;
transition: stroke-dashoffset 1s ease, opacity 1s ease;}

#map .klaro-play .stroke-solid 
{transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s;-moz-transition: all 0.6s ease-in-out 0s;-o-transition: all 0.6s ease-in-out 0s;}

.klaro-play .icon 
{-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform: scale(.8);transform-origin: 50% 50%;
-webkit-transition: transform 200ms ease-out;-moz-transition: transform 200ms ease-out;-o-transition: transform 200ms ease-out;  transition: transform 200ms ease-out;}

.klaro-play:hover .stroke-solid 
{opacity: 1;stroke-dashoffset: 300;}

.klaro-play:hover .stroke-solid .icon 
{-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform: scale(.9);}

.btn-cookie
{display: block;	position: fixed;bottom: 0px;right: 20px;background: #ffffff;color: #009FE3;padding: 5px 10px;	border-radius:5px 5px 0 0 ;
z-index: 9999;cursor: pointer;}

.btn-cookie a
{color: #009FE3;}

.klarodesc{	display: block;	overflow: hidden;}

.klarodesc table{overflow-x: auto;display: block;}

.klaro .cookie-modal .cm-modal{background: #ffffff !important;}

.klaro .cookie-modal p, .klaro .cookie-modal strong, 
.klaro .cookie-modal h1, .klaro .cookie-modal h2, 
.klaro .cookie-modal ul, .klaro .cookie-modal li, 
.klaro .cookie-notice p, .klaro .cookie-notice strong, 
.klaro .cookie-notice h1, .klaro .cookie-notice h2, 
.klaro .cookie-notice ul, .klaro .cookie-notice li 
{color: #666666 !important;}

.klaro .cookie-modal .cm-bg 
{background: rgba(255,255,255,0.9) !important;}

#klaro.activeklaro .cm-body {display: block;}

#klaro .cm-btn-info.cm-btn-accept,
#klaro.activeklaro .cm-btn-config
{display: none;}

#klaro.activeklaro .cm-btn-info.cm-btn-accept 
{display: inline-block;}

.klaro .cookie-modal .cm-btn.cm-btn-accept-all,
.klaro .cookie-modal .cm-btn-info.cm-btn-accept,
.klaro .cookie-modal .cm-btn,.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn-config
{width: calc(33.333% - 20px);display: inline-block;padding: 15px 10px;margin: 10px;}

#klaro button.cm-btn-config, 
#klaro button.cm-btn-config:focus, 
#klaro button.cm-btn-config:active 
{border-radius: 6px;border: 0;}

.klaro .cookie-modal .cm-modal .cm-footer-buttons 
{display: table;width: 100%;}

.klaro .cookie-modal .cm-switch, 
.klaro .context-notice .cm-switch, 
.klaro .cookie-notice .cm-switch 
{position: absolute;display: inline-block;width: 50px;height: 16px;left: -40px;top: 2px;}

@media only screen and (max-width : 767px), screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .klaro .cookie-modal .cm-btn.cm-btn-accept-all, 
    .klaro .cookie-modal .cm-btn-info.cm-btn-accept, 
    .klaro .cookie-modal .cm-btn, 
    .klaro .cookie-notice .cm-btn, 
    .klaro .cookie-modal .cm-btn-config 
    {width: calc(33.333% - 20px);display: inline-block;padding: 10px 5px;margin: 0 10px;font-size: 12px;height: 47px;vertical-align: top;}
}