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%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#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}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*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: #575756;
  width: 100%;
  pointer-events: auto;
  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;
 }

 @font-face {
  font-family: 'Segoe UI'; /* Gewünschter Name */
  src: url('https://www.regiomess.de/files/layout/fonts/segoeui.eot');
            /* für IE9 */
  src: url('https://www.regiomess.de/files/layout/fonts/segoeui.woff') 
            format('woff'), 
           /* für moderne Browser */
       url('https://www.regiomess.de/files/layout/fonts/segoeui.ttf') 
            format('truetype');
          /* für Safari, Android, iOS */
 }

 @font-face {
  font-family: 'Segoe UI Bold'; /* Gewünschter Name */
  src: url('https://www.regiomess.de/files/layout/fonts/segoeuib.eot');
            /* für IE9 */
  src: url('https://www.regiomess.de/files/layout/fonts/segoeuib.woff') 
            format('woff'), 
           /* für moderne Browser */
       url('https://www.regiomess.de/files/layout/fonts/segoeuib.ttf') 
            format('truetype');
          /* für Safari, Android, iOS */
 }
 

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

body {
  font-family: 'Segoe UI';
  font-weight: 400;
  font-style: normal;
  color: #282727;
  margin: 0;
  padding: 0;
  width: 100vw;
  font-size: 16px;
  margin: auto;
}

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

.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;
  padding: 13px 5px;
  font-family: 'Segoe UI';
  font-size: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.372' height='20' viewBox='0 0 14.372 20'%3E%3Cpath id='Pfad_27' data-name='Pfad 27' d='M2.716,0,.454,2.215,9.275,9.1,0,17.775,2.716,20,14.372,9.1Z' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #E9E9E9;
  border-bottom: 1px solid #282727;
  color: #282727;
	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;
}
select:focus-visible {
  outline: transparent;
}

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%
} 
input[type="text"],
input[type=email],
input[type=tel],
input[type=password],
input[type=date]  {
  width: 100%;
  border: 0;
  outline: 0;
  color: #282727;
  padding: 13px 5px;
  width: calc(100% - 10px);
  cursor: pointer;
  background-color: transparent;
}
.textarea {
  outline: 0;
  border: 0px solid transparent;
  padding: 13px 5px;
  background: transparent;
}
input::placeholder,
textarea::placeholder {
  color: #282727;
}

.widget {
  display: flex;
  flex-direction: column;
}
.widget label {
  font-family: 'Segoe UI';
  font-size: 16px;
  position: relative;
  margin-bottom: -20px;
}
.widget-text,
.widget-textarea,
.widget-password {
  background-color: #E9E9E9;
  border-bottom: 1px solid #282727;
}
.widget-text label,
.widget-textarea label,
.widget-password label {
  font-family: 'Segoe UI';
  font-size: 14px;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}
.widget-textarea label {
  font-family: 'Segoe UI';
}
.textarea:focus {
  width: 99%;
}


.widget-select label {
  margin-bottom: 10px;
}
input[type=date]:focus,
input[type=date]:active,
input[type=date]:focus-within {
  color: #282727;
}
label[for="ctrl_34"] {
  margin-bottom: 0px;
  margin-left: 5px;
}
input[type=date] {
  padding-left: 5px;
  width: calc(100% - 10px);
}
input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
} 
input[type="tel"], input[type="email"], input[type="text"], textarea, input[type="password"], input[type="date"] {
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 14px;
}
input:focus, textarea:focus {
  outline: none;
}
fieldset {
  border: 1px solid #C1C1C1;
}

input[type='radio'] {
  opacity: 0;
  cursor: pointer;
}
.widget-radio .radio_container {
  padding: 0;
  margin: 0;
}
fieldset {
  border: 0px solid transparent;
  padding: 0;
}
.widget-radio label::after {
  content: '';
  background-color: #E30613;
  border-radius: 50%;
  position: absolute;
  display: none;
  top: 6px;
	left: -22px;
	width: 13px;
	height: 13px;
  cursor: pointer;
}
.widget-radio fieldset {
  border: 0px solid transparent;
}
.ce_form legend {
  font-family: 'Segoe UI Bold';
}
.widget-radio fieldset span {
  display: block;
  position: relative;
  margin-top: 8px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.widget-radio fieldset span label::before {
  content: '';
  background-color: transparent;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  left: -25px;
  cursor: pointer;
  border: 2px solid #282727;
  margin-top: 3px;
}
.widget-radio fieldset span label {
  position: absolute;
  top: 0;
  left: 25px;
  cursor: pointer;
}

.widget-radio input:checked ~ label::after {
  display: block;
}

.widget-submit {
  border: transparent;
  background-color: transparent;
  flex-direction: row;
  width: max-content;
}

.ce_form {
  margin: 50px 100px;
}
.ce_form .formbody {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}
.ce_form .formbody .widget-text.mail {
  grid-row: 2;
  grid-column: 1;
}
.ce_form .formbody .widget-text.tele {
  grid-row: 3;
  grid-column: 1;
}
#form_kunde,
#form_wechsel,
#link_stand {
  display: none;
}
#form_kunde.active,
#form_wechsel.active,
#link_stand.active {
  display: block;
}
#link_stand {
  margin-left: 100px;
  margin-bottom: 75px;
}
#form_kunde .formbody  {
  grid-template-columns: repeat(3,1fr);
}
#form_kunde .formbody .name {
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding-top: 13px;
}
#form_kunde .formbody .widget-text.name {
  padding-top: 0;
}
#form_kunde .formbody .kundendienst {
  grid-column: 2;
  grid-row: 1 / 7;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
#form_kunde .formbody .rechnung {
  grid-column: 3;
  grid-row: 1 / 7;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
#form_wechsel .formbody  {
  grid-template-columns: repeat(3,1fr);
}
#form_wechsel .formbody .name {
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding-top: 13px;
}
#form_wechsel .formbody .widget-text.name {
  padding-top: 0;
}
#form_wechsel .formbody .wechseln {
  grid-column: 2;
  grid-row: 1 / 7;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
#form_wechsel .formbody .wechseln2 {
  grid-column: 3;
  grid-row: 1 / 7;
  gap: 20px;
  display: flex;
  flex-direction: column;
}

.ce_form .widget-radio {
  grid-row: 4;
  grid-column: 1;
}
.ce_form legend {
  margin-bottom: 10px;
}
#anliegen {
  margin-left: 100px;
  margin-top: 75px;
  margin-bottom: 50px;
}
#anliegen strong {
  font-family: 'Segoe UI Bold';
  margin-bottom: 10px;
}

#anliegen p {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
#anliegen p:not(:first-child)::before {
  content: '';
  background-color: transparent;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  left: -0px;
  cursor: pointer;
  border: 2px solid #282727;
  margin-top: 3px;
}
#anliegen p.active::after {
  content: '';
  background-color: #E30613;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}
#anliegen p:first-child {
  padding-left: 0;
  cursor: auto;
}
.ce_form .wechseln.active,
.ce_form .zaehlerstand.active {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  height: max-content;
  grid-column: 3 / 5;
  grid-row: 1 / 5;
}
.ce_form .widget-submit.redbutton {
  margin-top: 0;
  height: max-content;
  display: none;
}
.ce_form .widget-submit.redbutton.active {
  display: flex;
  grid-column: 3;
  grid-row: 7;
  width: 100%;
  margin-top: -50px;
}
.ce_form .widget-submit.redbutton .redbutton {
  margin-top: 0;
  margin-left: auto;
}
.ce_form .zaehlerstand.active .widget-radio {
  grid-row: 1 / 5;
  grid-column: 1;
}
.ce_form .wechseln.active .widget-textarea {
  grid-row: 4 / 6;
}
.ce_form .wechseln.active .widget-upload {
  grid-column: 2;
  grid-row: 5;
}
#file-upload-button {
  background-color: #E30613;
  color: #fff;
  border-radius: 10px;
  border: 0px solid transparent;
  padding: 15px 20px;
  font-family: 'Segoe UI Bold';
  font-size: 16px;
}
.ce_form .kundendienst.active .widget-text:last-child {
  grid-row: 4 / 6;
  height: max-content;
}
.ce_form .kundendienst.active fieldset {
  grid-row: 3 / 5;
  grid-column: 2;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.ce_form .kundendienst.active fieldset legend {
  margin-bottom: 10px;
  font-family: 'Segoe UI Bold';
}

/*Navigation*/
#header{
  width: calc(100% - 200px);
  position: fixed;
  z-index: 1100;
  height: 90px;
  top: 0;
  background-color:#fff;
  color: #282727;
  padding: 0 100px;
  box-shadow: 0 5px 5px rgb(0 0 0 / 16%);
}


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

#header > .inside{
  height: 100%;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  display: flex;
}
#header .content-image img {
  width: 300px;
}
.mod_navigation{
  width: 100%;
  height: 100%;
}
.mod_navigation ul{
  display:flex;
  justify-content: flex-end;
  margin: 0;
  height: 100%;
  width: max-content;
  margin-left: auto;
}

.mod_navigation ul li {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px; 
}
#header .mod_navigation ul li a {
  color: #282727 !important;
}
#header .mod_navigation ul:not(.level_2) li a {
  color: #282727;
}
#header .mod_navigation ul.level_2 {
  display: none;
}
#header .mod_navigation ul:not(.level_2) li:hover .level_2,
#header .mod_navigation .offen .level_2 {
  display: flex;
  position: absolute;
  list-style-type: none;
  top: 0px;
  list-style-type: none;
  width: calc(100vw - 200px);
  left: -100px;
  right: -100px;
  background-color: #fff;
  padding: 0 100px;
  justify-content: space-around;
  height: 100px;
  margin-top: 90px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.32) inset;
}

#header .mod_navigation ul.level_2 li a,
#header .mod_navigation ul.level_2 li strong {
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.372' height='20' viewBox='0 0 14.372 20'%3E%3Cpath id='Pfad_27' data-name='Pfad 27' d='M2.716,0,.454,2.215,9.276,9.1,0,17.775,2.716,20,14.373,9.1Z' transform='translate(0 0)' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
}
#header .mod_navigation ul.level_1 ul.level_2 li a {
  color: #282727 !important;
  font-family: 'Segoe UI';
}
#header .mod_navigation ul.level_1 ul.level_2 li:hover a,
#header .mod_navigation ul.level_1 ul.level_2 li.active strong.active,
#header .mod_navigation .trail ul.level_2 li.active strong {
  font-family: 'Segoe UI Bold';
  color: #E30613 !important;
}
#header .mod_navigation ul a.trail,
#header .mod_navigation ul a.submenu:hover,
#header .mod_navigation ul:not(.level_2) li:hover a,
#header .mod_navigation ul li.active strong.active,
#header .mod_navigation ul li.forward.trail strong.trail.submenu {
  color: #E30613 !important;
  font-family: 'Segoe UI Bold';
}

#header .header_links .rte p,
#header .header_links .rte {
  display: flex;
  padding-bottom: 0;
}
#header .header_links .rte p:nth-child(1) a {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' data-name='Ebene 1' viewBox='0 0 28 29.53'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e30613; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='14' cy='8' r='8'/%3E%3Cpath class='cls-1' d='M28,29.53v-1.53c0-5.51-4.49-10-10-10h-8c-5.51,0-10,4.49-10,10v1.53h28Z'/%3E%3C/svg%3E");
  height: 30px;
  width: 30px;
  display: block;
  padding-bottom: 0;
  align-self: center;
  margin-right: 20px;
}

#header .header_links .rte p:hover::after {
  display: block;
  position: absolute;
  top: 75px;
  background-color: #282727;
  padding: 10px 20px;
  width: max-content;
}
#header .header_links .rte p:nth-child(1):hover::after {
  margin-left: -20px;
  content: 'Login';
}
#header .header_links .rte p:nth-child(2) a {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32.434' height='35' viewBox='0 0 32.434 35'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_36' data-name='Rechteck 36' width='32.434' height='35' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_14' data-name='Gruppe 14' transform='translate(0 0)'%3E%3Cg id='Gruppe_2' data-name='Gruppe 2' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_13' data-name='Pfad 13' d='M31.15,25.275l-5.388-2.938a3.138,3.138,0,0,0-4.01.884l-2.168,2.934a28.009,28.009,0,0,1-6.8-5.966c-2.03-2.371-3.639-4.267-4.563-7.314l3.586-2.1A3,3,0,0,0,13.05,6.932L10.526,1.441A2.532,2.532,0,0,0,6.995.325C4.406,1.747.633,4.266.11,7.076A25.165,25.165,0,0,0,6.135,25.928,26.28,26.28,0,0,0,24.063,35c3.063.073,6.183-3.669,7.937-6.208a2.42,2.42,0,0,0-.849-3.517' transform='translate(0 0)' fill='%23d9000d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  display: block;
  height: 30px;
  width: 30px;
  padding-bottom: 0;
  align-self: center;
}
#header .header_links .rte p:nth-child(2):hover::after {
  margin-left: -90px;
  content: '0831 - 960 750-0';
}
#header .mod_navigation .infomenu,
#header .mod_navigation .prodmenu,
#header .mod_navigation .servicemenu,
#header .mod_navigation .unternmenu {
  color: #000;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
}
#header .mod_navigation .infomenu:hover,
#header .mod_navigation .prodmenu:hover,
#header .mod_navigation .servicemenu:hover,
#header .mod_navigation .unternmenu:hover,
#header .mod_navigation .offen .infomenu,
#header .mod_navigation .offen .prodmenu,
#header .mod_navigation .offen .servicemenu,
#header .mod_navigation .offen .unternmenu,
#header .mod_navigation .trail .infomenu,
#header .mod_navigation .trail .prodmenu,
#header .mod_navigation .trail .servicemenu,
#header .mod_navigation .trail .unternmenu {
  color: #E30613;
  font-family: 'Segoe UI Bold';
  padding-left: 0px;
  padding-right: 0px;
}

/* Footer */
#footer{
  position: relative;
}

#footer .inside {
  display: flex;
  flex-direction: column;
}
.partner {
  margin-bottom: 50px;
}
.partner ul {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 20px;
  width: 60vw;
  margin-left: auto;
  margin-right: auto;
}
.partner ul li {
  display: flex;
  justify-content: center;
}
.partner ul li figure {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#footer .footer {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
#footer .footer .roter_hintergrund {
  width: calc((100vw / 3) - 150px);
  background-image: url('/files/bilder/ressourcen/2023_regiomess_footer_red_background.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 75px 50px;
  padding-left: 100px;
}
#footer .footer .roter_hintergrund h4 {
  margin-top: 0;
  color: #fff;
}
#footer .footer .roter_hintergrund p {
  color: #fff;
}
#footer .footer .roter_hintergrund .rte {
  height: 100%;
}
#footer .footer .roter_hintergrund .greybutton {
  margin-top: 40px;
}
#footer .footer .grau_hintergrund {
  width: calc(((100vw / 3) * 2) - 150px);
  display: flex;
  background-image: url('/files/bilder/ressourcen/2023_regiomess_footer_grey_background.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 75px 50px;
  padding-right: 100px;
  justify-content: space-between;
}
#footer .footer .grau_hintergrund a {
  color: #282727;
}
#footer .footer .grau_hintergrund .footer_links .rte {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-row-gap: 10px;
  grid-column-gap: 25px;
}
#footer .footer .grau_hintergrund figure img {
  width: 325px;
  object-fit: contain;
}
#footer .media.content-text .rte p {
  padding-left: 30px;
  padding-bottom: 5px;
}
#footer .media.content-text .rte p:first-child {
  color: #E30613;
  font-size: 18px;
  font-family: 'Segoe UI Bold';
}
#footer .media.content-text .rte p:nth-child(3) {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_2' data-name='Gruppe 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='21.583' viewBox='0 0 20 21.583'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_36' data-name='Rechteck 36' width='20' height='21.582' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_2-2' data-name='Gruppe 2' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_13' data-name='Pfad 13' d='M19.208,15.586l-3.323-1.812a1.935,1.935,0,0,0-2.473.545l-1.337,1.809a17.272,17.272,0,0,1-4.194-3.679,11.941,11.941,0,0,1-2.814-4.51l2.211-1.3a1.849,1.849,0,0,0,.768-2.366L6.491.888A1.561,1.561,0,0,0,4.313.2C2.717,1.077.391,2.631.068,4.364A15.518,15.518,0,0,0,3.783,15.988a16.2,16.2,0,0,0,11.055,5.594c1.889.045,3.813-2.263,4.894-3.828a1.492,1.492,0,0,0-.524-2.169' transform='translate(0 0)' fill='%23d9000d'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
#footer .media.content-text .rte p:nth-child(4) {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_3' data-name='Gruppe 3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='21.15' viewBox='0 0 20 21.15'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_37' data-name='Rechteck 37' width='20' height='21.15' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_4' data-name='Gruppe 4' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_14' data-name='Pfad 14' d='M11.62,10.41c-.281,1.722-1.43,3.119-2.564,3.11-.955-.009-1.5-.69-1.486-1.872.017-2.331,1.609-4.214,3.548-4.2a3.7,3.7,0,0,1,.922.125l.021.006Zm3.486-4.5-.089-.045a8.63,8.63,0,0,0-3.406-.71,6.751,6.751,0,0,0-6.963,6.825c-.018,2.325,1.266,3.838,3.265,3.853a4.323,4.323,0,0,0,3.82-2.238l.006-.012h.093v.021a2.3,2.3,0,0,0,2.51,2.281C17.8,15.913,19.967,13.236,20,8.9,20.042,3.7,16.278.042,10.853,0A10.14,10.14,0,0,0,2.94,3.456,12.207,12.207,0,0,0,0,11.473a9.732,9.732,0,0,0,9.73,9.675A13.43,13.43,0,0,0,15.3,20.19l.122-.05-.794-1.976-.132.063a9.772,9.772,0,0,1-4.161.842c-4.82-.036-8.162-3.262-8.127-7.846.039-5.262,3.734-9.2,8.593-9.165,4.313.032,7.079,2.748,7.046,6.918-.024,3.266-1.513,5.018-2.9,5.006h-.036a.8.8,0,0,1-.624-.287c-.3-.367-.334-1.1-.116-2.322Z' transform='translate(0 0)' fill='%23d9000d'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
#footer .copyright {
  position: absolute;
  bottom: 10px;
  left: calc((100vw / 3) + 50px);
}
#footer .copyright a {
  color: #282727;
  font-size: 14px;
}




/* Headerimage */

#headerimage .content-image {
  width: 100vw;
  margin-top: 85px;
  margin-bottom: 250px;
}
#headerimage .content-image figure,
#headerimage .content-image img {
  width: 70vw;
  object-fit: cover;
  margin-left: auto;
  height: 375px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
#headerimage .roter_hintergrund {
  position: absolute;
  left: 0px;
  width: 50%;
  top: 90px;
  background-image: url('/files/bilder/ressourcen/2023_regiomess_background_red_header.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 100px;
  padding-top: 50px;
  padding-bottom: 300px;
  padding-right: 200px;
}
#headerimage .roter_hintergrund .rte {
  width: 75%;
}
#headerimage .roter_hintergrund h1 {
  font-size: 50px;
  margin-top: 20px;
  margin-bottom: 40px;
  color: #fff;
}
#headerimage .roter_hintergrund h4{
  color: #fff;
}
#headerimage .roter_hintergrund p {
  color: #fff;
  padding-right: 125px;
}

/* Headerimage Startseite */
#headerimage #startseite .content-image {
  height: 100vh;
  width: 100vw;
  margin-bottom: 0;
  margin-top: 0;
}
#headerimage #startseite .content-image figure {
  width: 100vw;
  height: 100vh;
}
#headerimage #startseite .content-image img {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  border-bottom: 5px solid #E30613;
}
#headerimage #startseite .headertext {
  position: absolute;
  top: 200px;
  left: 100px;
}
#headerimage #startseite .headertext h3 {
  color: #fff;
  font-size: 55px;
  margin: 0;
  padding-bottom: 10px;
  padding-right: 20px;
  width: max-content;
  border-bottom: 1px solid #fff;
  font-weight: normal;
  font-family: 'Segoe UI';
}
#headerimage #startseite .headertext h1:nth-of-type(1) {
  font-family: 'Segoe UI';
} 
#headerimage #startseite .headertext h1 {
  color: #fff;
  font-size: 70px;
  line-height: 70px;
  margin: 0;
  padding: 10px 0;
  font-weight: normal;
  font-family: 'Segoe UI Bold';
}
#headerimage #startseite .headerfusstext {
  position: absolute;
  bottom: 50px;
  left: 100px;
}
#headerimage #startseite .headerfusstext p {
  padding-bottom: 0;
  color: #282727;
}
#headerimage #startseite .oeffnungszeiten {
  position: absolute;
  top: 90px;
  right: 0px;
  background-image: url('/files/bilder/home/2023_regiomess_red_background_oeffnungszeiten_home.png');
  background-repeat: no-repeat;
  background-position: right top;
  padding-top: 50px;
  padding-bottom: 150px;
  padding-left: 90px;
  padding-right: 20px;
}
#headerimage #startseite .oeffnungszeiten .rte {
  padding-right: 20px;
  width: 155px;
}
#headerimage #startseite .oeffnungszeiten p {
  color: #fff;
  text-align: right;
}
#headerimage #startseite .mod_rocksolid_slider .rsts-nav {
  right: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
#headerimage #startseite .mod_rocksolid_slider .rsts-nav ul {
  width: max-content;
  display: flex;
}
#headerimage #startseite .mod_rocksolid_slider .rsts-nav ul li {
  padding-left: 5px;
}
#headerimage #startseite .mod_rocksolid_slider .rsts-nav ul li a {
  box-shadow: none;
  height: 15px;
  width: 15px;
}
#headerimage #startseite .mod_rocksolid_slider .rsts-nav ul li a.active,
#headerimage #startseite .mod_rocksolid_slider .rsts-nav ul li a:hover {
  background-color: #E30613;
}
#headerimage #startseite .headertext.slider2 h1 {
  font-family: 'Segoe UI Bold';
}
#headerimage #startseite .headertext.slider2 h2 {
  margin-top: 15px;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 15px;
  font-weight: normal;
  color: #fff;
  font-family: 'Segoe UI';
}
#headerimage #startseite .headertext.slider2 ul {
  padding-inline-start: 0;
}
#headerimage #startseite .headertext.slider2 ul li {
  display: flex;
}
#headerimage #startseite .headertext.slider2 ul li::before {
  content: '';
  width: 25px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.388' height='10' viewBox='0 0 11.388 10'%3E%3Cpath id='Pfad_35' data-name='Pfad 35' d='M5.56,0,0,5.444,5.56,10l5.828-5.448Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
/* Roter button */
.redbutton {
  margin-top: 20px;
}
.redbutton a,
.redbutton button {
  background-color: #E30613;
  color: #fff;
  border-radius: 10px;
  border: 0px solid transparent;
  padding: 15px 20px;
  font-family: 'Segoe UI Bold';
  display: flex;
    width: max-content;
    font-size: 16px;
}
.redbutton a::after,
.redbutton button::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.966' height='25' viewBox='0 0 17.966 25'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.4,0,.568,2.768l11.027,8.613L0,22.218,3.4,25,17.966,11.381Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 20px;
  width: 20px;
  display: block;
  margin-left: 10px;
}


/* Überschrift 2 farbig */
.ueberschrift {
  margin-top: 100px;
  margin-left: 100px;
  margin-right: 100px;
}
.ueberschrift,
.ueberschrift .rte {
  display: flex;
}
.ueberschrift .roteschrift {
  color: #E30613;
  padding-right: 10px;
}
.ueberschrift h2,
.ueberschrift h1  {
  margin: 0;
  font-size: 50px;
}
#article-14 .ueberschrift h1,
#article-17 .ueberschrift h1,
#article-21 .ueberschrift h1 {
  margin: 50px 0; 
}



/* Drei Kacheln */
.drei_kacheln {
  margin: 50px 100px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 35px;
  margin-bottom: 100px;
}
.drei_kacheln .content-text {
  display: flex;
  flex-direction: column;
}
.drei_kacheln figure {
  height: 120px;
  padding-bottom: 30px;
  border-bottom: 1px solid #282727;
}
.drei_kacheln figure img {
  height: 120px;
  object-fit: contain;
}
.drei_kacheln .content-text .rte {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.drei_kacheln .content-text .rte .greybutton {
  margin-top: auto;
  padding-top: 50px;
}

/* Roter button */
.greybutton {
  margin-top: 70px;
}
.greybutton a {
  background-color: #282727;
  color: #fff;
  border-radius: 10px;
  border: 0px solid transparent;
  padding: 15px 20px;
  font-family: 'Segoe UI Bold';
  display: flex;
    width: max-content;
}
.greybutton a::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.966' height='25' viewBox='0 0 17.966 25'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.4,0,.568,2.768l11.027,8.613L0,22.218,3.4,25,17.966,11.381Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 20px;
  width: 20px;
  display: block;
  margin-left: 10px;
}


/* Home Unternehmen */
.home_unternehmen {
  background-image: url('/files/bilder/home/2023_regiomess_hintergrund_unternehmen_grau.jpg');
  background-position: center;
  background-size: cover;
  padding: 125px 100px;
  border-bottom: 5px solid #E30613;
  border-top: 5px solid #E30613;
  padding-top: 100px;
}
.home_unternehmen .rte {
  width: calc(40vw - 50px);
}

.home_unternehmen h2,
.home_unternehmen .rte p {
  color: #fff;
  margin-top: 0;
}
.home_unternehmen .rte p.redbutton {
  margin-top: 50px;
}

/* RegioNews */
.mod_newslist {
  margin: 0 100px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-column-gap: 30px;
  margin-top: 50px;
  grid-row-gap: 75px;
}
.mod_newslist .layout_latest {
  margin-bottom: 50px;
}
.mod_newslist .layout_latest figure {
  padding-bottom: 30px;
  border-bottom: 1px solid #282727;
}
.mod_newslist .layout_latest figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}
.mod_newslist .layout_latest h4 {
  margin-top: 25px;
  margin-bottom: 10px;
}
.mod_newslist .layout_latest h4 a {
  color: #282727;
}
.mod_newslist .layout_latest .more a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.623' height='12' viewBox='0 0 8.623 12'%3E%3Cpath id='Pfad_41' data-name='Pfad 41' d='M1.63,0,.273,1.329,5.565,5.463,0,10.665,1.63,12,8.624,5.463Z' transform='translate(0)' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  color: #E30613;
  padding-left: 15px;
  background-position: left center;
  font-family: 'Segoe UI Bold';
}

.active_news .news_text ,
.active_news .roter_eckiger_hintergrund {
  display: none;
}
.active_news .layout_full {
  margin-top: 125px;
  width: calc(100vw - 200px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}
.active_news .layout_full .content-image img {
  width: 100%;
  object-fit: cover;
  height: 50vh;
}
.active_news .layout_full h1 {
  color: #E30613;
  font-size: 50px;
}
.active_news .layout_full h3 {
  font-size: 24px;
}


/* Startseite Ansprechpartner */
.home_ansprechpartner {
  background-image: url('/files/bilder/home/2023_regiomess_hintergrund_ansprechpartner_grau.png');
  background-position: center;
  padding: 160px 100px;
  border-bottom: 5px solid #E30613;
  border-top: 5px solid #E30613;

  margin-bottom: 100px;
  margin-top: 25px;
}
.home_ansprechpartner .rte {
  width: calc(40vw - 50px);
}
.home_ansprechpartner h2,
.home_ansprechpartner .rte p {
  color: #fff;
}
.home_ansprechpartner .redbutton {
  margin-top: 50px;
}


/* zweispaltig */
.spalten_grid {
  margin: 0 100px;
  margin-bottom: 100px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 150px;
}
.spalten_grid .content-text:nth-of-type(2) h4:nth-of-type(2) {
  margin-top: 100px;
}
.spalten_grid h4 {
  margin-top: 0;
}


/*Aufzählungszeichen */
ul {
  padding-inline-start: 15px;
}
ul li {
  padding-left: 10px;
}
ul li::marker {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.388' height='10' viewBox='0 0 11.388 10'%3E%3Cpath id='Pfad_35' data-name='Pfad 35' d='M5.56,0,0,5.444,5.56,10l5.828-5.448Z' transform='translate(0 0)' fill='%23222221'/%3E%3C/svg%3E%0A");
  padding-right: 5px;
}
.content-gallery ul {
  padding-inline-start: 0;
}
.content-gallery ul li {
  padding-left: 0;
}
.content-gallery ul li::marker {
  content: '';
  padding-right: 0;;
}


/* Produkte Aufzählungen */
.produkt_aufzaehlung {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin: 50px 100px;
  grid-column-gap: 40px;
  grid-row-gap: 75px;
}
.produkt_aufzaehlung .content-text figure {
  padding-bottom: 25px;
  border-bottom: 1px solid #282727;
  margin-bottom: 25px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.produkt_aufzaehlung img {
  object-fit: contain;
}

.produkt_aufzaehlung p,
.produkt_aufzaehlung a {
  font-size: 24px;
  color: #282727;
}

/* Produkt Aufzählung 2-spaltig*/
.spalten_zwei {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin: 50px 300px;
  grid-column-gap: 40px;
  grid-row-gap: 75px;
  margin-bottom: 100px;
}
.spalten_zwei .content-text figure {
  padding-bottom: 25px;
  border-bottom: 1px solid #282727;
  margin-bottom: 25px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.spalten_zwei img {
  object-fit: contain;
}
.spalten_zwei p,
.spalten_zwei a {
  font-size: 24px;
  color: #282727;
}



/* Produkte Zeilen */
.produkt_zeilen h1 {
  margin: 0 100px;
  margin-top: 150px;
  font-size: 50px;
  color: #E30613;
}
.produkt_zeilen .content-text {
  display: grid;
  grid-gap: 75px;
  grid-template-columns: repeat(3,1fr);
  padding: 100px;
}
.produkt_zeilen .content-text:nth-of-type(1) {
  padding-top: 30px;
}
#article-11.produkt_zeilen .content-text:last-child {
  border-top: 5px solid #E30613;
}
.produkt_zeilen .content-text .rte {
  grid-column: 1 / 3;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.produkt_zeilen .content-text figure {
  grid-column: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.produkt_zeilen .without_border {
  border-bottom: 0px solid transparent;
  padding: 0 100px;
}

.produkt_zeilen .without_border.first {
  padding-top: 100px;
}
.produkt_zeilen .with_border {
  border-bottom: 5px solid #E30613;
  padding: 100px;
}
.produkt_zeilen .content-text:last-of-type {
  border-bottom: 0px solid transparent;
  padding-bottom: 100px;
}
.produkt_zeilen .content-gallery {
  padding: 100px;
}
.produkt_zeilen .content-gallery.content-gallery--cols-3 ul {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
.produkt_zeilen .content-gallery.content-gallery--cols-2 ul {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.produkt_zeilen .content-image {
  margin: 50px 100px;
}
#article-11.produkt_zeilen .content-image {
  margin: 100px;
}
.produkt_zeilen .without_border.abstand {
  padding-top: 100px;
}
#article-43 .content-text figure {
  justify-content: flex-start;
}
.produkt_zeilen .redbutton {
  margin-top: 10px;
}
#article-106 {
  margin-top: 125px;
  margin-bottom: 100px;
}
#article-106 .content-text {
  padding-top: 30px;
  padding-bottom: 0px;
}


/* Text über News */
.news_text p {
  margin-left: 100px;
  width: 625px;
}

/* Roter Hintergrund */
.roter_eckiger_hintergrund {
  position: absolute;
  background-image: url('/files/bilder/home/2023_regiomess_red_background_oeffnungszeiten_home.png');
  background-repeat: no-repeat;
  padding-bottom: 160px;
  padding-right: 00px;
  width: 245px;
  right: 0;
  top: 0;
  background-size: contain;
  padding-top: 120px;
  padding-left: 90px;
  background-position: left;
}
.roter_eckiger_hintergrund .rte {
  padding-right: 25px;
}

.roter_eckiger_hintergrund p {
  color: #fff;
  text-align: center;
}

/* FAQ-Seite */
.mod_faqpage {
  margin: 50px 100px
}
.mod_faqpage section {
  margin-bottom: 50px;
}
.mod_faqpage h3 {
  color: #E30613;
  font-size: 25px;
  margin-top: 0;
  margin-bottom: 20px;
}
.mod_faqpage h4 {
  margin: 0;
  padding: 15px 0;
  cursor: pointer;
  border-bottom: 1px solid #282727;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.966' height='25' viewBox='0 0 17.966 25'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.395,25,.568,22.231l11.027-8.613L0,2.782,3.395,0,17.966,13.619Z' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
}
.mod_faqpage .open h4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='17.966' viewBox='0 0 25 17.966'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.395,25,.568,22.231l11.027-8.613L0,2.782,3.395,0,17.966,13.619Z' transform='translate(0 17.966) rotate(-90)' fill='%23e30613'/%3E%3C/svg%3E%0A");
}
.mod_faqpage .ce_text {
  display: none;
}
.mod_faqpage .open .ce_text {
  display: block;
  padding-top: 40px;
}
.mod_faqpage .ce_text a {
  color: #E30613;
}

/* Downloadbereich */
#downloads {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-row-gap: 50px;
  margin: 75px 100px;
}
#downloads .content-downloads h4 {
  margin: 0;
  padding: 15px 0;
  cursor: pointer;
  border-bottom: 1px solid #282727;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.966' height='25' viewBox='0 0 17.966 25'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.395,25,.568,22.231l11.027-8.613L0,2.782,3.395,0,17.966,13.619Z' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
}
#downloads .content-downloads.open h4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='17.966' viewBox='0 0 25 17.966'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.395,25,.568,22.231l11.027-8.613L0,2.782,3.395,0,17.966,13.619Z' transform='translate(0 17.966) rotate(-90)' fill='%23e30613'/%3E%3C/svg%3E%0A");
}
#downloads .content-downloads ul {
  display: none;
}
#downloads .content-downloads.open ul {
  display: block;
}
#downloads .content-downloads a {
  color: #E30613;
  text-decoration: underline;
}

/*Ansprechpartner */
#ansprechpartner {
  margin: 50px 100px;
}
.ansprechpartner {
  margin-bottom: 50px;
}
.ansprechpartner h4 {
  margin: 0;
  padding: 15px 0;
  cursor: pointer;
  border-bottom: 1px solid #282727;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.966' height='25' viewBox='0 0 17.966 25'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.395,25,.568,22.231l11.027-8.613L0,2.782,3.395,0,17.966,13.619Z' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
}
.ansprechpartner.open h4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='17.966' viewBox='0 0 25 17.966'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.395,25,.568,22.231l11.027-8.613L0,2.782,3.395,0,17.966,13.619Z' transform='translate(0 17.966) rotate(-90)' fill='%23e30613'/%3E%3C/svg%3E%0A");
}
.ansprechpartner section {
  display: none;
}
.ansprechpartner.open section {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  padding-top: 40px;
  grid-column-gap: 30px;
  grid-row-gap: 75px;
}
.ansprechpartner.open section h4 {
  background-image: none;
  border-bottom: none;
  cursor: auto;
  margin-top: 25px;
  padding-top: 0;
  padding-bottom: 10px;
}
.ansprechpartner section .content-text figure {
  padding-bottom: 30px;
  border-bottom: 1px solid #282727;
}
.ansprechpartner section .content-text img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}
.ansprechpartner a {
  color: #E30613;
}

/* Historie */
.history_text {
  margin: 0 100px;
  margin-bottom: 100px;
}
.history_text .rte {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 100px;
}

/* Zeitstrahl Historie */
#zeitstrahl {
  width: 100vw;
  margin-bottom: 100px;
  height: 610px;
  padding-top: 75px
}
#zeitstrahl hr {
  margin-left: 125px;
  width: calc(100vw - 325px);
  margin-bottom: -75px;
  z-index: 1;
  position: relative;
  color: #fff;
  border-style: solid;
}
#zeitstrahl .content-text {
  background-image: url('/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_mittig.png');
  padding: 100px;
  position: absolute;
  width: calc((100vw / 6) - 75px);
  height: 510px;
  background-repeat: no-repeat;
  background-position: left;
  padding-top: 64px;
  transition: background-image 1s;
}
#zeitstrahl .content-text::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21.953' viewBox='0 0 25 21.953'%3E%3Cpath id='Pfad_133' data-name='Pfad 133' d='M12.206,0,0,11.951l12.206,10L25,9.993Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  height: 20px;
  width: 100%;
  display: block;
  background-position: center;
  background-size: contain;
  margin-bottom: 86px;
}
#zeitstrahl .content-text:nth-child(2)::before {
  background-position: 60px;
}
#zeitstrahl .content-text:nth-child(7)::before {
  background-position: 90px;
}
#zeitstrahl .content-text:hover::before {
  height: 30px;
  margin-bottom: 91px;
}
#zeitstrahl .content-text:hover {
  background-image: url('/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_mittig_grau.png');
  padding-top: 59px;
}

#zeitstrahl .content-text:nth-child(2) {
  background-image: url('/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_links.png');
  left: 0;
  padding-left: 50px;
  padding-right: 75px;
}
#zeitstrahl .content-text:nth-child(2):hover {
  background-image: url('/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_links_grau.png');
}

#zeitstrahl .content-text:nth-child(3) {
  left: calc((100vw / 6) - 75px);
}
#zeitstrahl .content-text:nth-child(4) {
  left: calc(((100vw / 6) * 2) - 75px);
}
#zeitstrahl .content-text:nth-child(5) {
  left: calc(((100vw / 6) * 3) - 75px);
}
#zeitstrahl .content-text:nth-child(6) {
  left: calc(((100vw / 6) * 4) - 75px);
}

#zeitstrahl .content-text:last-child {
  background-image: url('/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_rechts.png');
  left: calc(((100vw / 6) * 5) - 75px);
  padding-right: 50px;
}
#zeitstrahl .content-text:last-child:hover {
  background-image: url('/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_rechts_grau.png');
}

#zeitstrahl .content-text .rte {
  padding: 0 20px;
}
#zeitstrahl .content-text .rte h2{
  margin: 0;
  color: #fff;
  font-size: 50px;
}
#zeitstrahl .content-text .rte h3 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  margin-bottom: 30px;
}
#zeitstrahl .content-text .rte p {
  color: #fff;
}

/* Kontakt */
#kontakt {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin-top: 90px;
  min-height: 450px;
}
#kontakt .media.content-text {
  width: calc((100vw / 3) - 125px);
  margin-left: 100px;
  margin-right: 25px;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#kontakt .media.content-text figure {
  width: calc((100vw / 3) - 200px);
}
#kontakt .media.content-text img {

  object-fit: contain;
}
#kontakt .media.content-text .rte {
  margin-top: 25px;
}
#kontakt .media.content-text .rte p {
  padding-left: 30px;
  padding-bottom: 5px;
}
#kontakt .media.content-text .rte p strong {
  font-size: 18px;
  font-family: 'Segoe UI Bold';
  margin-top: 15px;
}
#kontakt .media.content-text .rte p a {
  color: #282727;
}
#kontakt .media.content-text .rte p:nth-child(3) {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_2' data-name='Gruppe 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='21.583' viewBox='0 0 20 21.583'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_36' data-name='Rechteck 36' width='20' height='21.582' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_2-2' data-name='Gruppe 2' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_13' data-name='Pfad 13' d='M19.208,15.586l-3.323-1.812a1.935,1.935,0,0,0-2.473.545l-1.337,1.809a17.272,17.272,0,0,1-4.194-3.679,11.941,11.941,0,0,1-2.814-4.51l2.211-1.3a1.849,1.849,0,0,0,.768-2.366L6.491.888A1.561,1.561,0,0,0,4.313.2C2.717,1.077.391,2.631.068,4.364A15.518,15.518,0,0,0,3.783,15.988a16.2,16.2,0,0,0,11.055,5.594c1.889.045,3.813-2.263,4.894-3.828a1.492,1.492,0,0,0-.524-2.169' transform='translate(0 0)' fill='%23d9000d'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
#kontakt .media.content-text .rte p:nth-child(4) {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_3' data-name='Gruppe 3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='21.15' viewBox='0 0 20 21.15'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_37' data-name='Rechteck 37' width='20' height='21.15' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_4' data-name='Gruppe 4' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_14' data-name='Pfad 14' d='M11.62,10.41c-.281,1.722-1.43,3.119-2.564,3.11-.955-.009-1.5-.69-1.486-1.872.017-2.331,1.609-4.214,3.548-4.2a3.7,3.7,0,0,1,.922.125l.021.006Zm3.486-4.5-.089-.045a8.63,8.63,0,0,0-3.406-.71,6.751,6.751,0,0,0-6.963,6.825c-.018,2.325,1.266,3.838,3.265,3.853a4.323,4.323,0,0,0,3.82-2.238l.006-.012h.093v.021a2.3,2.3,0,0,0,2.51,2.281C17.8,15.913,19.967,13.236,20,8.9,20.042,3.7,16.278.042,10.853,0A10.14,10.14,0,0,0,2.94,3.456,12.207,12.207,0,0,0,0,11.473a9.732,9.732,0,0,0,9.73,9.675A13.43,13.43,0,0,0,15.3,20.19l.122-.05-.794-1.976-.132.063a9.772,9.772,0,0,1-4.161.842c-4.82-.036-8.162-3.262-8.127-7.846.039-5.262,3.734-9.2,8.593-9.165,4.313.032,7.079,2.748,7.046,6.918-.024,3.266-1.513,5.018-2.9,5.006h-.036a.8.8,0,0,1-.624-.287c-.3-.367-.334-1.1-.116-2.322Z' transform='translate(0 0)' fill='%23d9000d'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
#kontakt .content-image {
  grid-column: 2 / 4;
  height: 100%;
}
#kontakt .content-image img {
  height: 100%;
  object-fit: contain;
  max-height: 550px;
  margin-top: 50px;
}
#kontakt .content-image figure {
  height: 100%;
}
#kontakt .oeffnungszeiten {
  position: absolute;
  right: 0px;
  background-image: url('/files/bilder/unternehmen/kontakt/2023_regiomess_kontakt_oeffnungszeiten_hintergrund.png');
  bottom: 0;
  padding: 150px;
  padding-bottom: 50px;
  padding-left: 125px;
  padding-right: 100px;
}
#kontakt .oeffnungszeiten .rte p {
  color: #fff;
  font-size: 30px;
  padding-bottom: 0;
  text-align: center;
}

/* Jobs */
#headerjobs .ueberschrift h1 {
  margin: 50px 0;
}
#headerjobs .jobs_grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 75px;
}
#headerjobs .jobs_grid div:nth-child(2) {
  height: max-content;
}
#headerjobs .jobs_grid div:nth-child(2) p {
  margin-left: 0;
  width: auto;
  color: #E30613;
}
#headerjobs .jobs_grid p {
  width: auto;
  margin-left: 100px;
}
#headerjobs .jobs_grid p:nth-child(2) {
  margin-top: 20px;
  color: #E30613;
}
#headerjobs .jobs_grid div:first-child ul {
  margin-left: 100px;
  margin-top: 0;
}
#headerjobs .jobs_grid a {
  color: #E30613;
}
#headerjobs .rote_bewerbung {
  background-image: url('/files/bilder/home/2023_regiomess_red_background_oeffnungszeiten_home.png');
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  right: -100px;
  top: 0px;
  position: absolute;
  padding-top: 120px;
  padding-bottom: 150px;
  padding-left: 100px;
  padding-right: 145px;
  width: 245px;
}
#headerjobs .rote_bewerbung .rte p {
  color: #fff;
  text-align: center;
}
#headerjobs .rote_bewerbung .rte p:first-child {
  font-size: 30px;
  font-family: 'Segoe UI Bold';

}

#jobs {
  margin: 50px 100px;
}
#jobs .jobs {
  margin-bottom: 50px;
}
#jobs .jobs .unterueberschrift {
  padding: 15px 0;
  width: calc(100% - 30px);
  cursor: pointer;
  border-bottom: 1px solid #282727;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.966' height='25' viewBox='0 0 17.966 25'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.395,25,.568,22.231l11.027-8.613L0,2.782,3.395,0,17.966,13.619Z' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
}
#jobs .jobs.open .unterueberschrift {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='17.966' viewBox='0 0 25 17.966'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.395,25,.568,22.231l11.027-8.613L0,2.782,3.395,0,17.966,13.619Z' transform='translate(0 17.966) rotate(-90)' fill='%23e30613'/%3E%3C/svg%3E%0A");
}
#jobs .jobs .unterueberschrift .rte {
  display: flex;
}
#jobs .jobs section {
  width: calc(100% - 30px);
}
#jobs .jobs h4 {
  margin: 0;
}
#jobs .jobs h4.rot {
  color: #E30613;
  margin-right: 5px;
  width: 100%;
}
#jobs .jobs section {
  display: none;
}
#jobs .jobs.open section {
  display: block;
}


/*Anfrageformular */
#anfrage h1 {
  margin: 50px 0;
}

/* Rocksolid-Slider */
#slider_3er,
#slider_2er,
#slider_1er {
  display: none;
}


/*Login-Bereich */
.mod_login,
.mod_lostPassword {
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  width: 600px;
}
.mod_login .widget-password,
.mod_lostPassword .widget-text {
  margin-top: 25px;
}
.mod_login .lost_password {
  margin-top: 25px;
}
.mod_login .lost_password a {
  color: #282727;
}
.mod_login .lost_password a:hover {
  text-decoration: underline;
}
.mod_login .widget-submit,
.mod_lostPassword .widget-submit {
  margin-left: auto;
}
.mod_login .widget-submit button,
.mod_lostPassword .widget-submit button {
  background-color: #E30613;
  color: #fff;
  border-radius: 10px;
  border: 0px solid transparent;
  padding: 15px 20px;
  font-family: 'Segoe UI Bold';
  display: flex;
  width: max-content;
  font-size: 16px;
}
.mod_login .widget-submit button::after,
.mod_lostPassword .widget-submit button::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.966' height='25' viewBox='0 0 17.966 25'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M3.4,0,.568,2.768l11.027,8.613L0,22.218,3.4,25,17.966,11.381Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 20px;
  width: 20px;
  display: block;
  margin-left: 10px;
}
.mod_lostPassword .widget-submit {
  margin-top: 25px;
}
.mod_login .widget-text,
.mod_login .widget-password,
.mod_lostPassword .widget-text,
.mod_lostPassword .widget-password {
  background-color: transparent;
  border-bottom: 0px solid transparent;
}
.mod_login .widget-text label,
.mod_login .widget-password label,
.mod_lostPassword .widget-text label,
.mod_lostPassword .widget-password label {
  margin-bottom: 10px;
  color: #E30613;
  font-weight: bold;
  font-size: 16px;
  margin-left: 0;
}
.mod_login .widget-text input,
.mod_login .widget-password input,
.mod_lostPassword .widget-text input,
.mod_lostPassword .widget-password input {
  background-color: #E9E9E9;
  border-bottom: 1px solid #282727;
}

.mod_login .widget-text:focus-within label,
.mod_login .widget-text:valid label,
.mod_login .widget-passwort:focus-within label,
.mod_login .widget-password:valid label,
.mod_lostPassword .widget-text:focus-within label,
.mod_lostPassword .widget-text:valid label,
.mod_lostPassword .widget-passwort:focus-within label,
.mod_lostPassword .widget-password:valid label {
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.mod_login.logout {
  width: auto;
  margin: auto;
  margin-right: 0;
  text-align: right;
}
.mod_login.logout .hw_sprechblase,
.mod_login.logout .lost_password {
  display: none;
}







/*Übersicht Downloads */

.uebersicht_downloads {
  background-color: #fff;
  margin: 0 100px;
  min-height: calc(100vh - 300px);
  margin-top: 100px;
  margin-left: 100px;
  font-size: 30px;
  margin-bottom: 50px;
}
.dashboard,
.download_files {
  margin-top: 50px;
  margin-bottom: 75px;
}
.download_files.video {
  margin-bottom: -50px;
}
.dashboard .rte {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.download_files ul {
  display: grid;
  grid-template-columns: repeat(1,1fr);
}
.download_files ul li {
  display: block;
}
.dashboard h1,
.uebersicht_downloads h1 {
  margin: 0;
  padding-left: 50px;
  font-size: 30px;
  padding-bottom: 20px;
}
.dashboard p,
.download_files li {
  font-size: 20px;
  margin: 0;
  padding: 20px;
  padding-left: 50px;
  border-top: 1px solid #1D2536;
}
.dashboard p:nth-child(1),
.dashboard p:nth-child(2),
.download_files li:nth-child(1){
  border-top: 0px solid transparent;
}
.dashboard p a  {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47.551' height='37.49' viewBox='0 0 47.551 37.49'%3E%3Cpath id='_2023_regiomess_icons-und-symbole-ordner' data-name='2023_regiomess_icons-und-symbole-ordner' d='M38.43,12.15V6.69a3.013,3.013,0,0,0-3.01-3.01H14.99a.311.311,0,0,1-.26-.15l-2-3.38A.3.3,0,0,0,12.47,0H3.01A3.007,3.007,0,0,0,0,3.01V34.48a3.013,3.013,0,0,0,3.01,3.01H33.84a3,3,0,0,0,2.63-1.55l10.7-19.32a3.005,3.005,0,0,0-2.63-4.46H38.43Zm-3.91-.23H14.79a3,3,0,0,0-2.63,1.55L3.76,28.63V3.99a.3.3,0,0,1,.3-.3h6.52a.285.285,0,0,1,.25.14l2.16,3.33a.3.3,0,0,0,.25.14H34.51a.3.3,0,0,1,.3.3v4.03a.3.3,0,0,1-.3.3Z' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: contain;
  background-size: 50px;
  padding-left: 70px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #282727;
}
.download_files li a  {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.79' height='49.58' viewBox='0 0 36.79 49.58'%3E%3Cpath id='_2023_regiomess_icons-und-symbole-datei' data-name='2023_regiomess_icons-und-symbole-datei' d='M33.76,0H3.03A3.022,3.022,0,0,0,0,3.03V46.55a3.028,3.028,0,0,0,3.03,3.03H33.76a3.028,3.028,0,0,0,3.03-3.03V3.03A3.028,3.028,0,0,0,33.76,0ZM30.44,33.02H6.34a.7.7,0,0,1,0-1.4h24.1a.7.7,0,0,1,0,1.4Zm0-4.81H6.34a.7.7,0,0,1,0-1.4h24.1a.7.7,0,0,1,0,1.4Zm0-4.8H6.34a.7.7,0,0,1,0-1.4h24.1a.7.7,0,0,1,0,1.4Zm0-4.8H6.34a.7.7,0,0,1,0-1.4h24.1a.7.7,0,0,1,0,1.4Zm0-4.8H6.34a.7.7,0,0,1,0-1.4h24.1a.7.7,0,1,1,0,1.4Zm0-4.8H6.34a.7.7,0,0,1,0-1.4h24.1a.7.7,0,1,1,0,1.4Z' fill='%23e30613'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-left: 70px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #282727;
}
.download_files.video li a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' data-name='Ebene 1' viewBox='0 0 42 39'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e30613; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.82.03l34.1-.03c2.13.21,3.85,1.96,4.08,4.08v30.85c-.21,2.1-1.96,3.88-4.08,4.08H4.08c-2.1-.21-3.88-1.96-4.08-4.08V3.99C.26,1.98,1.84.37,3.82.03ZM6,3h-1.73c-.45,0-1.27.81-1.27,1.27v1.73h3v-3ZM39,6v-1.73c0-.45-.81-1.27-1.27-1.27h-1.73v3h3ZM6,9h-3v3h3v-3ZM39,9h-3v3h3v-3ZM14.79,10.06c-1.47.1-2.63,1.3-2.78,2.75.23,4.23-.34,8.84-.01,13.02.17,2.14,2.1,3.41,4.13,2.71.3-.1.65-.32.94-.46,3.86-1.87,7.53-4.17,11.37-6.06,1.85-1.36,1.82-3.84-.1-5.12-3.8-1.91-7.48-4.27-11.28-6.16-.78-.39-1.35-.74-2.27-.67ZM6,15h-3v3h3v-3ZM39,15h-3v3h3v-3ZM6,21h-3v3h3v-3ZM39,21h-3v3h3v-3ZM6,27h-3v3h3v-3ZM39,27h-3v3h3v-3ZM6,33h-3v1.73c0,.45.81,1.27,1.27,1.27h1.73v-3ZM39,33h-3v3h1.73c.45,0,1.27-.81,1.27-1.27v-1.73Z'/%3E%3C/svg%3E");
  background-size: 40px;
}
.download_files.video li:last-child {
  border-bottom: 1px solid #282727;
}

.uebersicht_downloads ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.uebersicht_downloads .mod_breadcrumb ul {
  display: flex;
  list-style-type: none;
}
.uebersicht_downloads .mod_breadcrumb  ul li {
  display: block;
  padding-left: 0;
  font-size: 20px;
}
.uebersicht_downloads .mod_breadcrumb  ul li.active {
  color: #E30613;
  font-family: 'Segoe UI Bold';
}
.uebersicht_downloads .mod_breadcrumb ul li a {
  color: #282727;
}
.uebersicht_downloads .mod_breadcrumb ul li:first-child {
  display: none;
}
.mod_breadcrumb li a::after {
  content: ' / ';
  padding-right: 10px;
  font-size: 20px;
  font-family: 'Segoe UI', sans-serif;
}
#article-73 .dashboard,
#article-86 .dashboard,
#article-87 .dashboard,
#article-88 .dashboard  {
  margin-bottom: 0;
}
#article-73 .download_files,
#article-86 .download_files,
#article-87 .download_files,
#article-88 .download_files {
  margin-top: 25px;
}

#article-63 {
  margin-top: 150px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}

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

p {
  font-size: 16px;
  margin: 0;
padding-bottom: 10px;
}

a {
  text-decoration: none;
  color: #FFF;
}
h1 {
  font-size: 70px;
  font-family: 'Segoe UI Bold';
}
h2 {
  font-size: 50px;
  font-family: 'Segoe UI Bold';
}
h3 {
  font-size: 40px;
  font-family: 'Segoe UI Bold';
}
h4 {
  font-size: 22px;
  font-family: 'Segoe UI Bold';
  margin: 15px 0;
}
strong {
  font-family: 'Segoe UI Bold';
  font-weight: normal;
}

.cookie_settings {
  padding-top: calc(50vh - 10px);
  padding-bottom: calc(50vh - 9px);
  grid-column: 1 / 4;
  text-align: center;
  justify-content: center;
}
#map-cookie {
  color: #575756;
  cursor: pointer;
}
.mapLeaflet {
  height: calc(60vh + 200px);
  display: none;
  grid-column: 1 / 4;
}
#map{
  height: 60vh;
  width: calc(100vw - 200px);
  margin: 100px;
}

.lizenzvermerk {
  position: absolute;
  top: 200px;
  right: -70px;
  color: #282727;
  transform: rotate(-90deg);
}
.lizenzvermerk a {
  color: #282727;
  font-size: 9px;
  line-height: 10px;
}

#article-26,
#article-25 {
  margin: 100px;
}
#article-26 a,
  #article-25 a {
    color: #282727;
  }
  .ce_er24_legal_text h1 {
    font-size: 50px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .ce_er24_legal_text h2 {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .ce_er24_legal_text h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .ce_er24_legal_text h4 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0px;
  }



@media (min-width: 900px) and (max-width: 1220px) {
  #footer .footer_logo_adresse .ce_text {
    margin-left: 25px;
  }
  #footer .footer_adresse,
  #footer .footer_telefon {
    flex-direction: column;
  }
  #footer .footer_adresse p:first-child::after,
  #footer .footer_telefon p:first-child::after {
    content: '';
  }
}
@media (max-width: 1900px){
  #zeitstrahl hr {
    width: calc(100vw - 310px);
  }
}
@media (max-width: 1800px){
  #zeitstrahl hr {
    width: calc(100vw - 295px);
  }
}
@media (max-width: 1700px){
  #zeitstrahl hr {
    width: calc(100vw - 280px);
  }
}
@media (max-width: 1600px){
  #zeitstrahl hr {
    width: calc(100vw - 265px);
  }
}
@media (max-width: 1500px){
  #zeitstrahl hr {
    width: calc(100vw - 250px);
  }
}
@media (max-width: 1400px){
  #slider_3er {
    display: flex;
    flex-direction: column;
    height: 550px;
    margin-bottom: 100px;
  }
  #slider_3er div[data-rsts-name="1999"],
  #slider_3er div[data-rsts-name="2018"] {
    display: flex;
    height: 100%;
  }
  #slider_3er div .content-text {
    padding: 100px;
    position: absolute;
    height: 510px;
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 64px;
    background-size: cover
  }
  #slider_3er div .content-text:nth-child(2) {
    background-image: url("/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_links.png");
    left: 0;
    padding-left: 50px;
    padding-right: 75px;
    width: calc((100vw / 3) + 100px);
  }
  #slider_3er div .content-text:nth-child(2) .rte {
    padding-right: 75px;
  }
  #slider_3er div .content-text .rte::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21.953' viewBox='0 0 25 21.953'%3E%3Cpath id='Pfad_133' data-name='Pfad 133' d='M12.206,0,0,11.951l12.206,10L25,9.993Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
    display: block;
    background-position: 60px;
    background-size: contain;
    margin-bottom: 25px;
  }

  #slider_3er div .content-text:nth-child(3) {
    left: calc((100vw / 3) - 75px);
    width: calc((100vw / 3) + 150px);
    background-image: url("/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_mittig.png");
  }
  #slider_3er div .content-text:nth-child(3) .rte {
    padding-left: 75px;
    padding-right: 50px;
  }
  #slider_3er div .content-text:nth-child(4) {
    left: calc(((100vw / 3) * 2) - 100px);
    width: calc((100vw / 3) + 125px);
    right: 0;
    background-image: url("/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_rechts.png");
  }
  #slider_3er div .content-text:nth-child(4) .rte {
    padding-left: 75px;
  }
  #slider_3er h2 {
    margin: 0;
    color: #fff;
    font-size: 50px;
  }
  #slider_3er h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
  }
  #slider_3er p {
    color: #fff;
  }
  #slider_3er .rsts-nav {
    position: relative;
    bottom: 0;
    left: auto;
    right: auto;
    text-align: left
  }
  #slider_3er .rsts-nav ul {
    margin-left: 50px !important;
    margin-top: 25px !important;
  }
  #slider_3er .rsts-nav li {
    padding-left: 0;
  }
  #slider_3er .rsts-nav .rsts-nav-item a {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26.343' viewBox='0 0 30 26.343'%3E%3Cpath id='Pfad_135' data-name='Pfad 135' d='M14.647,0,0,14.341l14.647,12L30,11.992Z' transform='translate(0 0)' fill='%23282727'/%3E%3C/svg%3E%0A");
    height: 30px;
    width: 30px;
    box-shadow: none;
    border: 0px solid transparent;
    background-color: transparent;
  }
  #slider_3er .rsts-nav .rsts-nav-item a.active {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26.343' viewBox='0 0 30 26.343'%3E%3Cpath id='Pfad_134' data-name='Pfad 134' d='M14.647,0,0,14.341l14.647,12L30,11.992Z' transform='translate(0 0)' fill='%23e30613'/%3E%3C/svg%3E%0A");
  }
  #slider_3er hr {
    position: absolute;
    z-index: 1;
    width: calc((100vw / 3) * 2 + 150px);
    left: 0;
    top: 65px;
    color: #fff;
    border-style: solid;
  }
  #slider_3er div[data-rsts-name="1999"] hr {
    right: 0;
    left: auto;
    width: calc(100vw - 115px);
  }
  #zeitstrahl {
    display: none;
  }
}

@media (max-width: 1350px){
  #footer .footerlogo img{
    width: 200px;
  }
  .spalten_zwei {
    margin: 50px 200px;
  }
}
@media (max-width: 1300px){
  #footer .footerlogo {
    width: 150px;
  }
  .buttonreihe {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .buttonreihe p {
    margin-left: 0;
    margin-right: 0;
  }
  .headerbackground {
    top: 20px;
  }
  #article-11 .without_border.content-image:nth-child(2) {
    padding: 0;
  }
  #kontakt .media.content-text {
    width: calc((100vw / 3 ) - 150px);
    margin-right: 50px;
  }
}
@media (max-width: 1200px){
  #headerimage .roter_hintergrund p {
    padding-right: 25px;
  }
  #headerimage .roter_hintergrund .rte {
    width: 90%;
  }
  #headerimage .content-image {
    margin-bottom: 175px;
  }
  #footer .footer .grau_hintergrund figure img {
    width: 275px;
  }
}

@media (max-width: 1150px){
  .home_kreise  {
    grid-gap: 25px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .spalten_grid {
    grid-gap: 75px;
  }
}
@media (max-width: 1100px){
  #headerimage .roter_hintergrund p {
    padding-right: 0px;
  }
  #headerimage .roter_hintergrund .rte {
    width: 100%;
  }
}
@media (min-width: 1050px){
  .hamburger-desktop.hamburger--squeeze {
    display: none !important;
  }
 }
@media (max-width: 1050px){
  #header {
    width: calc(100vw - 100px);
    padding: 0 50px;
  }
  .hamburger-desktop.hamburger--squeeze {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: 0;
  }
  #map{
    width: calc(100vw - 100px);
    margin: 100px 50px;
  }
  .uebersicht_downloads {
    margin: 100px 50px;
    padding-top: 50px;
  }
  .mod_navigation {
    display: none;
  }
  .mobile_menu.active {
    width: 100vw !important;
    background-color: rgb(0 0 0 / 16%);
    z-index: 1000;
  }
  .mobile_menu.active .inner {
    background-color: #fff;
    height: 100vh;
  }
  .headerlogo img {
    object-fit: contain;
    height: 60px;
    padding-top: 10px;
  }
  .mobile_menu.active .mod_navigation {
    display: block; 
    height: 100vh;
  }
  .mobile_menu.active .mod_navigation ul.level_1 {
    display: flex;
    flex-direction: column;
    height: calc(80vh - 50px);
    width: 100%;
    padding: 0;
    margin: 0;
    align-items: flex-start;
    padding-left: 50px;
    justify-content: flex-start;
    background-color: #fff;
    padding-top: 90px;
    padding-bottom: 20vh;
    }
  .mobile_menu.active .mod_navigation ul li {
    height: auto;
    padding: 15px 0;
  }
  .mobile_menu.active .mod_navigation ul li a {
    color: #282727;
  }
  .mobile_menu.active .mod_navigation ul.level_1:not(.level_2) li:hover .level_2 {
    box-shadow: none;
    left: 0px;
    position: relative;
    margin: 0;
    height: auto;
    padding: 0;
  }
  .mobile_menu.active .mod_navigation ul.level_2 li {
    padding: 5px 0;
  }
  .mobile_menu.active .mod_navigation ul.level_2 li a,
  .mobile_menu.active .mod_navigation ul.level_2 li strong {
    padding-left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.372' height='20' viewBox='0 0 14.372 20'%3E%3Cpath id='Pfad_26' data-name='Pfad 26' d='M2.716,0,.454,2.215,9.276,9.1,0,17.775,2.716,20,14.373,9.1Z' transform='translate(0 0)' fill='%23e30613'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
  }
  .mobile_menu.active .mod_navigation ul.level_2 li strong {
    font-family: 'Segoe UI Bold' !important;
  }
  .mobile_menu.active .mod_navigation ul a.trail, 
  .mobile_menu.active .mod_navigation ul:not(:is(.level_2)) li:hover a, 
  .mobile_menu.active .mod_navigation ul li.active strong.active,
  .mobile_menu.active .mod_navigation ul.level_2 li a {
    color: #282727 !important;
    font-family: 'Segoe UI';
    font-size: 16px;
  }
  .mobile_menu.active .mod_navigation ul a.submenu:hover,
  .mobile_menu.active .mod_navigation ul strong.trail, 
  .mobile_menu.active .mod_navigation ul li.trail a.submenu.trail, 
  .mobile_menu.active .mod_navigation ul:is(:not(.level_2)) a.submenu:hover  {
    color: #E30613 !important;
    font-family: 'Segoe UI Bold';
    font-size: 22px;
  }
  .mobile_menu.active .mod_navigation ul:is(:not(.level_2)) li.submenu,
  .mobile_menu.active .mod_navigation ul:is(:not(.level_2)) li:last-child a,
  .mobile_menu.active .mod_navigation ul:is(:not(.level_2)) li:last-child strong {
    font-size: 22px;
  }
  .mobile_menu.active .mod_navigation ul:is(:not(.level_2)) li:last-child strong {
    color: #E30613 !important;
    font-family: 'Segoe UI Bold';
  }
  .mobile_menu.active .mod_navigation ul.level_2 li:last-child a,
  .mobile_menu.active .mod_navigation ul.level_2 li:last-child strong {
    font-size: 16px;
  }
  .headerbackground {
    top: 20px;
  }
  #header > .inside {
    justify-content: space-between;
  }
  .mobile_menu_active #header .header_links .rte p:nth-child(1) {
    display: block;
    position: absolute;
    top: 90vh;
    right: 0px;
    margin-right: 0;
  }
  #header .header_links .rte p:nth-child(1) {
    display: none;
  }
  #header .header_links .rte p:nth-child(2) {
    display: none;
  }
  #headerimage #startseite .headertext,
  #headerimage #startseite .headerfusstext {
    left: 50px;
  }
  .ueberschrift {
    margin: 0 50px;
    margin-top: 50px;
  }
  .drei_kacheln {
    margin: 50px;
  }
  .home_unternehmen,
  .home_ansprechpartner {
    padding: 25px 50px;
    padding-top: 25px;
  }
  .mod_newslist {
    margin: 0 50px;
  }
  #headerimage .roter_hintergrund {
    padding-left: 50px;
    padding-right: 250px;
  }
  .spalten_grid {
    margin: 25px 50px;
  }
  #headerimage .roter_hintergrund h1 {
    margin-top: -15px;
    margin-bottom: 20px;
  }
  .produkt_aufzaehlung {
    margin: 50px;
    grid-template-columns: repeat(2,1fr); 
  }
  .produkt_zeilen h1 {
    margin: 0 50px;
    margin-top: 100px;
  }
  .produkt_zeilen .content-text {
    padding: 50px;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 30px;
  }
  .produkt_zeilen .without_border.first,
  .produkt_zeilen .without_border.abstand {
    padding-top: 50px;
  }
  .produkt_zeilen .content-text figure {
    grid-column: 1;
  }
  .produkt_zeilen .content-text .rte {
    grid-column: 1;
  }
  #article-52 .content-text.without_border:nth-child(5),
  #article-52 .content-text.without_border:nth-child(6) {
    padding-bottom: 0
  }
  .spalten_zwei {
    margin: 50px;
  }
  .produkt_zeilen .content-gallery {
    padding: 50px;
  }
  .produkt_zeilen .content-image {
    margin: 50px;
  }
  .roter_eckiger_hintergrund {
    display: none;
  }
  .news_text p {
    margin: 0 50px;
  }
  .mod_faqpage,
  #jobs  {
    margin: 50px;
  }
  #downloads {
    margin: 50px;
  }
  #ansprechpartner {
    margin: 50px;
  }
  #footer .footer {
    grid-template-columns: repeat(1,1fr);
  }
  #footer .footer .roter_hintergrund {
    width: calc(100vw - 100px);
    padding: 50px;
  }
  #footer .footer .grau_hintergrund {
    width: calc(100vw - 100px);
    padding: 50px;
    flex-direction: column;
  }  
  #footer .footer .grau_hintergrund .footer_links {
    margin-top: 30px;
  }
  #footer .copyright {
    left: 50px;
  }
  #footer .copyright a {
    font-size: 12px;
  }
  #kontakt {
    grid-template-columns: repeat(1,1fr);
    min-height: auto;
  }
  #kontakt .media.content-text {
    width: auto;
    margin: 50px auto;
  }
  #kontakt .media.content-text figure, #kontakt .media.content-text img {
    width: auto;
  }
  #kontakt .content-image {
    grid-column: 1;
  }
  #kontakt .oeffnungszeiten {
    padding-top: 125px;
    padding-bottom: 25px;
    padding-left: 125px;
    padding-right: 50px;
  }
  #kontakt .oeffnungszeiten .rte p {
    font-size: 22px;
  }
  #headerjobs .rote_bewerbung {
    right: 0;
    background-position: bottom left;
    padding-right: 0;
  }
  #headerjobs .jobs_grid {
    grid-template-columns: repeat(1,1fr);
    grid-row-gap: 50px;
    margin: 0 50px;
    width: calc(75vw - 100px);
  }
  #headerjobs .jobs_grid p {
    margin: 0;
  }
  .history_text {
    margin: 0 50px;
    margin-bottom: 75px;
  }
  #slider_3er div .content-text:nth-child(3) .rte {
    padding-left: 25px;
  }
  .active_news .layout_full {
    width: calc(100vw - 100px)
  }
  .active_news .layout_full h1 {
    font-size: 35px;
  }
  .lizenzvermerk {
    transform: rotate(0deg);
    bottom: 0;
    top: auto;
    right: auto;
    left: 25px;
  }
  #headerjobs .jobs_grid div:first-child ul {
    margin-left: 0;
  }
  #article-26,
  #article-25 {
    margin: 75px 50px;
  }
  #anliegen,
  #link_stand {
    margin-left: 50px;
  }
  .ce_form {
    margin: 50px;
  }

}


@media (max-width: 900px){
  p {
    font-size: 15px;
  }
  h1.ueberschrift {
    word-break: break-word;
    height: 96px;
    margin-top: -146px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .headerlogo {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 75px;
    z-index: -1;
  }
  #headerimage #startseite .oeffnungszeiten {
    display: none;
  }
  .partner ul {
    width: calc(100vw - 100px)
  }
  #headerimage #startseite .headertext {
    top: 125px;
  }
  #headerimage #startseite .headertext h3 {
    font-size: 35px;
    font-family: 'Segoe UI';
  }
  #headerimage #startseite .headertext h1 {
    font-size: 45px;
    line-height: 45px;
    padding-bottom: 0;
  }
  #headerimage #startseite .headertext .redbutton {
    margin-top: 30px;
  }
  #headerimage #startseite .headertext .redbutton a {
    content: 'Jetzt wechseln!';
    background-color: #282727;
  } 
  #headerimage .mod_article {
    display: flex;
    flex-direction: column-reverse;
  }
  #headerimage #startseite.mod_article {
    display: block;
  }
  
  .drei_kacheln {
    grid-template-columns: repeat(1,1fr);
  }
  h2,
  .ueberschrift h2,
  .ueberschrift h1 {
    font-size: 35px;
  }
  #headerimage #startseite .headertext.slider2 h2 {
    font-size: 22px;
    line-height: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .home_unternehmen {
    background-image: url('/files/bilder/home/2024_regiomess_graue_flaeche.jpg');
    background-repeat: no-repeat;
    height: max-content;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
  }
  .home_unternehmen::after {
    content: '';
    background-image: url('/files/bilder/home/2024_regiomess_unternehmen_mobil.jpg');
    background-repeat: no-repeat;
    height: 400px;
    width: 100vw;
    display: block;
    background-size: cover;
    background-position: center;
    margin-left: -50px;
    margin-top: 25px;
    margin-bottom: -25px;
  }
  .home_ansprechpartner {
    background-image: url('/files/bilder/home/2024_regiomess_graue_flaeche.jpg');
    background-repeat: no-repeat;
    height: max-content;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
  }
  .home_ansprechpartner::after {
    content: '';
    background-image: url('/files/bilder/home/2024_regiomess_ansprechpartner_mobil.jpg');
    background-repeat: no-repeat;
    height: 400px;
    width: 100vw;
    display: block;
    background-size: cover;
    background-position: top;
    margin-left: -50px;
    margin-top: 25px;
    margin-bottom: -25px;
  }
  .home_unternehmen .rte,
  .home_ansprechpartner .rte {
    width: 100%;
  }
  .mod_newslist {
    grid-template-columns: repeat(2,1fr);
    grid-row-gap: 0px;
  }
  .mod_newslist .layout_latest {
    margin-bottom: 50px;
  }
  .mod_newslist.latest_news {
    grid-template-columns: repeat(1,1fr);
  }
  .mod_newslist.latest_news .layout_latest {
    display: none;
  }
  .mod_newslist.latest_news .layout_latest.active {
    display: block;
  }
  .mod_newslist.latest_news .punktereihe {
    display: flex;
  }
  .mod_newslist.latest_news .roterpunkt {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26.342' viewBox='0 0 30 26.342'%3E%3Cpath id='Pfad_55' data-name='Pfad 55' d='M14.647,0,0,14.341l14.647,12L30,11.992Z' transform='translate(0)' fill='%23222221'/%3E%3C/svg%3E%0A");
    margin-right: 10px;
  }
  .mod_newslist.latest_news .roterpunkt.active {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26.342' viewBox='0 0 30 26.342'%3E%3Cpath id='Pfad_53' data-name='Pfad 53' d='M14.647,0,0,14.341l14.647,12L30,11.992Z' transform='translate(0)' fill='%23e30613'/%3E%3C/svg%3E%0A");

  }
  #headerimage .roter_hintergrund {
    background-image: url('/files/bilder/ressourcen/2023_regiomess_red_background_header_mobil.png');
    width: calc(100vw - 100px);
    background-size: cover;
    background-position: bottom;
    padding-bottom: 250px;
    padding-right: 50px;
    position: relative;
    top: 0;
  }
  #headerimage .content-image {
    margin-bottom: 0;
    height: 50vh;
  }
  #headerimage .content-image figure, #headerimage .content-image img {
    width: 100vw;
    height: 50vh;
  }
  #headerimage .roter_hintergrund p {
    padding-right: 50px;
  }
  #headerimage .roter_hintergrund h1,
  .produkt_zeilen h1 {
    font-size: 35px;
  }
  #headerimage .roter_hintergrund h4 {
    display: none;
  }
  .spalten_grid {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 50px;
  }
  
  .spalten_grid .content-text:nth-of-type(2) h4:nth-of-type(2) {
    margin-top: 50px;
  }
  .spalten_grid .redbutton {
    margin-top: 30px;
  }
  .news_text p {
    width: calc(100vw - 100px);
  }
  .mod_faqpage h4,
  .ansprechpartner h4 {
    font-size: 18px;
    padding-right: 25px;
  }
  #jobs h4 {
    font-size: 18px;
  }
  #jobs .unterueberschrift {
    padding-right: 25px;
  }
  .mod_faqpage .open .ce_text{
    padding-top: 20px;
  }
  .mod_faqpage section,
  #jobs .jobs {
    margin-bottom: 25px;
  }

  .ansprechpartner.open section {
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 25px;
    grid-row-gap: 50px;
  }
  #headerjobs .rote_bewerbung {
    display: none;
  }
  #headerjobs .jobs_grid {
    width: calc(100% - 150px);
    grid-row-gap: 25px;
  }
  .history_text .rte {
    grid-template-columns: repeat(1,1fr);
    grid-row-gap: 0;
  }
  .dashboard .rte {
    grid-template-columns: repeat(1,1fr);
  }
  .dashboard p:nth-child(2) {
    border-top: 1px solid #282727;
  }
  .download_files li,
  .dashboard p {
    padding-left: 15px;
  }
  .download_files li a,
  .dashboard p a,
  .download_files.video li a {
    height: 40px;
    padding-left: 50px;
  }
  .dashboard p a {
    background-size: 40px;
  }
  #form_wechsel .formbody,
  #form_kunde .formbody {
    grid-template-columns: repeat(1,1fr);
  }
  #form_kunde .formbody .kundendienst,
  #form_kunde .formbody .rechnung,
  #form_wechsel .formbody .wechseln,
  #form_wechsel .formbody .wechseln2,
  .ce_form .widget-submit.redbutton.active {
    grid-column: auto;
    grid-row: auto;
  }
  .ce_form .widget-submit.redbutton.active {
    margin-top: 0;
  }
  #headerimage #startseite .headertext.slider2 ul li::before {
    height: 35px;
  }
}
@media (max-width: 800px) {
  #slider_3er {
    display: none;
  }
  #slider_2er {
    display: flex;
    flex-direction: column;
    height: 550px;
    margin-bottom: 100px;
  }
  #slider_2er div[data-rsts-name="1999"],
  #slider_2er div[data-rsts-name="2011"],
  #slider_2er div[data-rsts-name="2019"] {
    display: flex;
    height: 100%;
  }
  #slider_2er div .content-text {
    padding: 100px;
    position: absolute;
    height: 510px;
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 64px;
    background-size: cover
  }
  #slider_2er div .content-text:nth-child(2) {
    background-image: url("/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_links.png");
    left: 0;
    padding-left: 50px;
    padding-right: 75px;
    width: calc((100vw / 2) + 100px);
  }
  #slider_2er div .content-text:nth-child(2) .rte {
    padding-right: 75px;
  }
  #slider_2er div .content-text .rte::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21.953' viewBox='0 0 25 21.953'%3E%3Cpath id='Pfad_133' data-name='Pfad 133' d='M12.206,0,0,11.951l12.206,10L25,9.993Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
    display: block;
    background-position: 60px;
    background-size: contain;
    margin-bottom: 25px;
  }

  #slider_2er div .content-text:nth-child(3) {
    left: calc((100vw / 2) - 75px);
    width: calc((100vw / 2) + 100px);
    background-image: url("/files/bilder/unternehmen/historie/2023_regiomess_historie_zeitstrahl_rechts.png");
  }
  #slider_2er div .content-text:nth-child(3) .rte {
    padding-left: 75px;
    padding-right: 50px;
  }
  
  #slider_2er h2 {
    margin: 0;
    color: #fff;
    font-size: 50px;
  }
  #slider_2er h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
  }
  #slider_2er p {
    color: #fff;
  }
  #slider_2er .rsts-nav {
    position: relative;
    bottom: 0;
    left: auto;
    right: auto;
    text-align: left
  }
  #slider_2er .rsts-nav ul {
    margin-left: 50px !important;
    margin-top: 25px !important;
  }
  #slider_2er .rsts-nav li {
    padding-left: 0;
  }
  #slider_2er .rsts-nav .rsts-nav-item a {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26.343' viewBox='0 0 30 26.343'%3E%3Cpath id='Pfad_135' data-name='Pfad 135' d='M14.647,0,0,14.341l14.647,12L30,11.992Z' transform='translate(0 0)' fill='%23282727'/%3E%3C/svg%3E%0A");
    height: 30px;
    width: 30px;
    box-shadow: none;
    border: 0px solid transparent;
    background-color: transparent;
  }
  #slider_2er .rsts-nav .rsts-nav-item a.active {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26.343' viewBox='0 0 30 26.343'%3E%3Cpath id='Pfad_134' data-name='Pfad 134' d='M14.647,0,0,14.341l14.647,12L30,11.992Z' transform='translate(0 0)' fill='%23e30613'/%3E%3C/svg%3E%0A");
  }
  #slider_2er hr {
    position: absolute;
    z-index: 1;
    width: calc((100vw / 2) + 170px);
    left: 0;
    top: 65px;
    color: #fff;
    border-style: solid;
  }
  #slider_2er div[data-rsts-name="2011"] hr {
    right: 0;
    width: 100vw;
  }
  #slider_2er div[data-rsts-name="1999"] hr {
    right: 0;
    left: auto;
    width: calc(100vw - 115px);
  }
}
@media (max-width: 700px) {
  #footer .footer_logo_adresse {
    flex-direction: column;
  }
  #footer .footerlogo,
  #footer .footer_logo_adresse .ce_text {
    align-self: center;
  }
  #footer .footer_links {
    padding-top: 15px;
  }
  .ueberschrift .rte,
  .ueberschrift {
    flex-direction: column;
  }
  #article-14 .ueberschrift h1, #article-17 .ueberschrift h1, #article-21 .ueberschrift h1 {
    margin: 0;
  }
  #article-14 .ueberschrift, #article-17 .ueberschrift, #article-21 .ueberschrift {
    margin: 50px;
    margin-top: 100px;
  }
  
  .produkt_aufzaehlung {
    grid-template-columns: repeat(1,1fr)
  }
  .spalten_zwei {
    grid-template-columns: repeat(1,1fr);
  }
  .produkt_zeilen .content-gallery.content-gallery--cols-3 ul {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 25px;
  }
  #kontakt .oeffnungszeiten {
    padding: 50px;
    position: relative;
    grid-row: 2;
    background-image: none;
    background-color: #E30613;
  }
  #headerjobs .ueberschrift {
    margin-top: 100px;
    margin-bottom: 50px;
  }
  #headerjobs .ueberschrift h1 {
    margin: 0;
  }
  #slider_2er div .content-text:nth-child(3) .rte {
    padding-left: 25px;
    padding-right: 0;
  }
  #slider_2er hr {
    width: calc((100vw / 2) + 120px);
  }
  #article-63 {
    width: calc(100vw - 100px);
    margin-left: 50px;
  }
  .mod_login, .mod_lostPassword {
    margin: 100px 0;
    width: calc(100vw - 100px);
  }
  #headerimage #startseite .content-image.slide2 img {
    content: url('/files/bilder/home/header-2_mobil.jpg');
  }
  #downloads .content-downloads a {
    word-break: break-word;
  }
}
@media (max-width: 600px) {
  
  .home_ansprechpartner h2 {
    margin-top: 0;
  }
  #headerimage #startseite .headerfusstext {
    bottom: 25px;
  }
  #headerimage .roter_hintergrund {
    padding-bottom: 175px;
  }
  .ansprechpartner.open section {
    grid-template-columns: repeat(1,1fr);
  }
  #jobs .jobs .unterueberschrift .rte {
    flex-direction: column;
  }
  #jobs .jobs .unterueberschrift .rte p {
    padding-right: 25px;
  }
  .download_files li a,
  .download_files.video li a,
  .dashboard p a {
    font-size: 16px;
  }
  .ce_er24_legal_text h1 {
    font-size: 30px; 
  }
  .ce_er24_legal_text h2 {
    font-size: 20px; 
  }
  .ce_er24_legal_text h3 {
    font-size: 18px; 
  }
  .ce_er24_legal_text h4 {
    font-size: 16px; 
  }
}
@media (max-width: 500px) {
  #header {
    width: calc(100vw - 50px);
    padding: 0 25px;
}
#map{
  width: calc(100vw - 50px);
  margin: 75px 25px;
}
.ueberschrift {
  margin: 0 25px;
  margin-top: 25px;
}
  .home_ansprechpartner,
  .home_unternehmen {
    padding: 25px;
  }
  .home_unternehmen::after,
  .home_ansprechpartner::after {
    margin-left: -25px;
  }
  #headerimage .roter_hintergrund h1,
  .produkt_zeilen h1 {
    font-size: 28px;
  }
  #headerimage .roter_hintergrund {
    padding-left: 25px;
    padding-right: 25px;
    width: calc(100vw - 50px);
    padding-bottom: 125px;
  }
  #headerimage .roter_hintergrund p {
    padding-right: 20px;
  }
  .spalten_grid {
    margin: 25px;
  }
  .mobile_menu .mod_navigation {
    margin: 0 -25px;
  }
  .mobile_menu .mod_navigation ul {
    padding-left: 25px;
    width: calc(100vw - 25px);
  }
  .produkt_aufzaehlung {
    margin: 50px 25px;
  }
  .produkt_zeilen .content-text {
    padding: 50px 25px;
  }
  .produkt_zeilen h1 {
    margin: 0 25px;
    margin-top: 100px;
  }
  .produkt_zeilen .content-text:nth-of-type(1) {
    padding-top: 15px;
  }
  .spalten_zwei {
    margin: 50px 25px;
  }
  .produkt_zeilen .content-gallery {
    padding: 25px;
  }
  .produkt_zeilen .content-image {
    margin: 25px;
  }
  .mod_newslist {
    grid-template-columns: repeat(1,1fr);
    margin: 0 25px;
    margin-top: 50px;
  }
  #article-14 .ueberschrift, #article-17 .ueberschrift, #article-21 .ueberschrift,
  #headerjobs .ueberschrift, #anfrage .ueberschrift {
    margin: 25px;
    margin-top: 100px;
  }
  #anfrage .ueberschrift h1 {
    margin: 0;
  }
  #anfrage .ueberschrift h1.roteschrift {
    margin-top: 50px;
  }
  .news_text p {
    margin: 0 25px;
    width: calc(100vw - 50px);
  }
  .mod_faqpage,
  #jobs {
    margin: 25px;
  }
  #downloads {
    margin: 25px;
  }

  #ansprechpartner {
    margin: 25px;
  }
  #kontakt .media.content-text {
    margin: 50px 25px;
  }
  #kontakt .content-image figure {
    height: 50vh;
  }
  #kontakt .oeffnungszeiten {
    padding: 25px
  }
  #kontakt .oeffnungszeiten .rte p {
    font-size: 18px;
  }
  #kontakt .media.content-text .rte p:first-child,
  #kontakt .media.content-text .rte p:nth-child(2) {
    padding-left: 0;
  }
  #headerjobs .jobs_grid {
    margin: 0 25px;
    width: calc(100% - 75px);
  }
  .history_text {
    margin: 0 25px;
    margin-bottom: 50px;
  }
  #slider_2er{
    display: none;
  }
  #slider_1er {
    display: flex;
    flex-direction: column;
    height: 590px;
    margin-bottom: 100px;
  }
  #slider_1er div[data-rsts-name="1999"],
  #slider_1er div[data-rsts-name="2010"],
  #slider_1er div[data-rsts-name="2011"],
  #slider_1er div[data-rsts-name="2018"],
  #slider_1er div[data-rsts-name="2019"],
  #slider_1er div[data-rsts-name="2023"] {
    display: flex;
    height: 100%;
  }
  #slider_1er div .content-text {
    padding: 100px;
    position: absolute;
    height: 550px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 64px;
    background-size: cover;
    width: 100vw;
    padding-left: 60px;
    padding-right: 50px;
    background-image: url("/files/bilder/unternehmen/historie/2023_regiomess_historie_hintergrund_mobil_mittig.png");
  }
  #slider_1er .rsts-slide:nth-child(1) .content-text {
    background-image: url("/files/bilder/unternehmen/historie/2023_regiomess_historie_hintergrund_mobil_links.png");
    background-position: left;
    padding-left: 50px;
  }
  #slider_1er .rsts-slide:last-child .content-text {
    background-image: url("/files/bilder/unternehmen/historie/2023_regiomess_historie_hintergrund_mobil_rechts.png");
    background-position: right;
  }
  #slider_1er div .content-text .rte {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
  #slider_1er .rsts-slide:nth-child(1) .content-text .rte {
    margin-left: 0;
  }
  #slider_1er .rsts-slide:last-child .content-text .rte {
    margin-right: 0;
  }
  #slider_1er div .content-text .rte::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21.953' viewBox='0 0 25 21.953'%3E%3Cpath id='Pfad_133' data-name='Pfad 133' d='M12.206,0,0,11.951l12.206,10L25,9.993Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
    display: block;
    background-position: center;
    background-size: contain;
    margin-bottom: 25px;
}
  #headerimage #startseite .headertext, #headerimage #startseite .headerfusstext {
    left: 25px;
  }
  #headerimage #startseite .headertext h1 {
    font-size: 35px;
  }
  #slider_1er h2 {
    margin: 0;
    color: #fff;
    font-size: 50px;
  }
  #slider_1er h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
  }
  #slider_1er p {
    color: #fff;
  }
  #slider_1er .rsts-nav {
    position: relative;
    bottom: 0;
    left: auto;
    right: auto;
    text-align: left
  }
  #slider_1er .rsts-nav ul {
    margin-left: 25px !important;
    margin-top: 25px !important;
  }
  #slider_1er .rsts-nav li {
    padding-left: 0;
  }
  #slider_1er .rsts-nav .rsts-nav-item a {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26.343' viewBox='0 0 30 26.343'%3E%3Cpath id='Pfad_135' data-name='Pfad 135' d='M14.647,0,0,14.341l14.647,12L30,11.992Z' transform='translate(0 0)' fill='%23282727'/%3E%3C/svg%3E%0A");
    height: 25px;
    width: 25px;
    box-shadow: none;
    border: 0px solid transparent;
    background-color: transparent;
  }
  #slider_1er .rsts-nav .rsts-nav-item a.active {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26.343' viewBox='0 0 30 26.343'%3E%3Cpath id='Pfad_134' data-name='Pfad 134' d='M14.647,0,0,14.341l14.647,12L30,11.992Z' transform='translate(0 0)' fill='%23e30613'/%3E%3C/svg%3E%0A");
  }
  #slider_1er hr {
    position: absolute;
    z-index: 1;
    width: 100vw;
    left: 0;
    top: 65px;
    color: #fff;
    border-style: solid;
  }
  #slider_1er .rsts-slide:nth-child(1) hr {
    right: 0;
    width: calc(100vw - 150px);
    left: auto;
  }
  #slider_1er .rsts-slide:last-child hr {
    left: 0;
    right: auto;
    width: calc(100vw - 150px);
  }
  .active_news .layout_full {
    width: calc(100vw - 50px)
  }
  .active_news .layout_full h1 {
    font-size: 25px;
  }
  .active_news .layout_full h3 {
    font-size: 20px;
  }
  .drei_kacheln {
    margin: 50px 25px;
  }
  .partner ul {
    width: calc(100vw - 50px)
  }
  #footer .footer .roter_hintergrund {
    width: calc(100vw - 50px);
    padding: 25px;
  }
  #footer .footer .grau_hintergrund {
    width: calc(100vw - 50px);
    padding: 50px 25px;
  }
  #article-26,
  #article-25 {
    margin: 75px 25px;
  }
  #footer .copyright {
    left: 25px;
  }
  #article-63 {
    width: calc(100vw - 50px);
    margin-left: 25px;
  }
  .mod_login, .mod_lostPassword {
    margin: 75px 0;
    width: calc(100vw - 50px);
  }
  ul {
    padding-inline-start: 20px;
  }
  ul li {
    padding-left: 5px;
  }
  .uebersicht_downloads {
    margin: 100px 25px;
  }
  .download_files li a,
  .dashboard p a,
  .download_files.video li a {
    font-size: 14px;
    height: max-content;
    background-size: 20px;
    background-position: left center;
    padding-left: 30px;
    word-break: break-word;
  }
  #downloads .content-downloads a {
    font-size: 15px;
  }
  #anliegen,
  #link_stand {
    margin-left: 25px;
  }
  .ce_form {
    margin: 50px 25px;
  }
  #headerimage #startseite .headertext.slider2 h2 {
    font-size: 18px;
    line-height: 22px;
  }
  #headerimage #startseite .headertext.slider2 ul li::before {
    height: 32px;
  }
  #headerimage .content-image figure, #headerimage .content-image img, #headerimage .content-image {
    height: 30vh;
  }
  

}
@media (max-width: 450px) {
#header .content-image a img {
  content: url('/files/bilder/ressourcen/2023_regiomess_logo_symbol.svg');
  height: 60px;
    object-fit: contain;
    object-position: left;
    width: 150px;
}


}
@media (max-width: 400px) {
  #headerimage .roter_hintergrund h1,
  .produkt_zeilen h1 {
    font-size: 24px;
  }
  h4 {
    font-size: 20px;
    width: calc(100vw - 50px);
  }
  .spalten_zwei p, .spalten_zwei a {
    font-size: 20px;
  }
  .mod_faqpage h4,
  .ansprechpartner h4 {
    width: auto;
  }
  .uebersicht_downloads .mod_breadcrumb ul {
    flex-direction: column;
  }

}

@media (max-width: 350px) {
  #headerimage .roter_hintergrund h1, .produkt_zeilen h1 {
    font-size: 20px;
    word-break: break-word;
  }
  p {
    font-size: 13px;
  }
}


/*++++++++++++
Map 
++++++++++++*/

.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-layer {
  filter: grayscale(1);
}
.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: rgb(87 87 86 / 50%);
}
.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: 0px;
}
.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: 1;
  -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 !important;
}
.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/css/images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../../files/layout/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/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;
  width: 80px !important;
}
.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: rgb(255 255 255 / 80%);
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.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;
  position: sticky;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  margin: 2em;
  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: #E30613;
}

.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: 40px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  background-color: #E30613;
}

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

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

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

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