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%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

.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}
/* barlow-100 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('/files/layout/font/barlow-v5-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-100.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-100italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  src: url('/files/layout/font/barlow-v5-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-100italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-200 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('/files/layout/font/barlow-v5-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-200.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-200italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  src: url('/files/layout/font/barlow-v5-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-200italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('/files/layout/font/barlow-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-300italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url('/files/layout/font/barlow-v5-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-300italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('/files/layout/font/barlow-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('/files/layout/font/barlow-v5-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('/files/layout/font/barlow-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('/files/layout/font/barlow-v5-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-500italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('/files/layout/font/barlow-v5-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-500italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  src: url('/files/layout/font/barlow-v5-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-600italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('/files/layout/font/barlow-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  src: url('/files/layout/font/barlow-v5-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-700italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-800 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('/files/layout/font/barlow-v5-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-800italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  src: url('/files/layout/font/barlow-v5-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-800italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-900 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('/files/layout/font/barlow-v5-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-900italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  src: url('/files/layout/font/barlow-v5-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/layout/font/barlow-v5-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/font/barlow-v5-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/font/barlow-v5-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/font/barlow-v5-latin-900italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
.hamburger {
  position: absolute;
  right: 15px;
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  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:hover,
.hamburger:hover {
  opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #1A1A1A
}

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

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

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

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

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

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

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

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

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

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

.hamburger--3dx.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

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

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

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

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

.hamburger--3dx-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

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

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

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

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

.hamburger--3dy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

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

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

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

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

.hamburger--3dy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

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

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

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

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

.hamburger--3dxy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

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

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

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

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

.hamburger--3dxy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hamburger--emphatic {
  overflow: hidden
}

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

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

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

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

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

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

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

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

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

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

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

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

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

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

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

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

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

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

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

.hamburger--slider .hamburger-inner:after {
  top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

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

.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(-90deg)
}

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

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

.hamburger--slider-r .hamburger-inner:after {
  top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

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

.hamburger--slider-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(90deg)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  transition-delay: 0s
}

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

.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(90deg)
}

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

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

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

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

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

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg)
}

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

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

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

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

.hamburger-wrap {
  text-align: center
}

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

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

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

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

.hamburger-label-hidden {
  display: none
}

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

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

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

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

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

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

.hint.is-visible {
  display: block
}

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

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

  .browsers {
    column-count: 3
  }
}

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

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

#carbonads a {
  text-decoration: none
}

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

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

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

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

.carbon-img img {
  display: block
}

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

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

@media only screen and (min-width:1280px) {
  #carbonads {
    position: absolute;
    top: 45px;
    right: 30px;
    padding-top: 0;
    padding-bottom: 0
  }
}
html {
  overflow-x: hidden;
  height: 100%;
}
/* @import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap"); */
.titlePage h2,
.titleSection,
.subTitleDSPage,
.titleKontaktPage h2 {
  font-family: "Barlow", sans-serif, 'Open Sans', Segoe UI, helvetica, arial;
}

.headerimage img{
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.titleSection,
strong {
  font-family: "Barlow", sans-serif, 'Open Sans', Segoe UI, helvetica, arial;
}
.dsTextAlign strong,
.dsTextAlign h3,
.IGeL h3,
.bottomTextUU h2,
.infoKontaktWrapper strong,
#blueStrong strong {
  color: #00428c;
}
.error {
  min-height: 65vh;
  margin-top: 5rem;
}
body {
  font-size: 18px;
  font-weight: 200;
  font-style: normal;
  color: #1d2536;
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "Open Sans", Segoe UI, helvetica, arial;
}
#wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#container {
  margin: 0;
}
.hamburger-desktop.hamburger.hamburger--squeeze {
  visibility: hidden;
}

/* HEADER */
.ce_text.headerDetailInfo.block.open {
  height: auto;
  flex-wrap: wrap;
}
.ce_text.headerDetailInfo.block.open p {
  width: 100%;
  text-align: center;
}

#header {
  height: 72px;
  box-shadow: #888888 0px 2px 8px 0px;
  background-color: white;
  color: #00428c;
  z-index: 1050;
  position: fixed;
  width: 100%;
}
.headerDetailInfo a {
  color: white;
  text-decoration: none;
}
#wrapper #container {
  margin-top: 71px;
}
.logoHeader img {
  position: relative;
  z-index: 10;
}
#header .inside {
  display: flex;
  justify-content: space-between;
}
.logoHeader {
  border-bottom-right-radius: 15px;
  background-color: #8e7c61;
  width: 395px;
}
.headerDetailInfo {
  border-bottom-left-radius: 15px;
  background-color: #00428c;
  width: auto;
  color: white;
  height: 72px;
  display: flex;
}
.headerDetailInfo p {
  margin: 10px;
  justify-content: space-evenly;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
}
.headerDetailInfo p img {
  height: 38px;
  width: 38px;
  padding: 6px;
}
.headerDetailInfo p img:hover {
  transform: scale(1.3);
}

.logoHeader figure {
  position: absolute;
  left: 3%;
}

.startseite #header {
  height: 0;
}
.termin_fahne {
  position: fixed;
  right: 0;
  margin-top: 50px;
  background-color: #00428c;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  
  z-index: 1000;
}
.termin_fahne p {
  margin: 0;
}
.termin_fahne a {
  color: #fff;
  text-decoration: none;
  font-family: "Barlow", sans-serif, 'Open Sans', Segoe UI, helvetica, arial;
  font-weight: bold;
  word-break: break-word;
  width: 75px;
  padding: 5px 15px;
  padding-left: 55px;
  display: block;
  text-align: center;
  background-image: url('/files/Homepage/Kalender-Icon.png');
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 40px;
}
.navtop {
  visibility: visible;
  height: 72px;
  width: 60%;
  color: #00428c;
}
.navtop li .active {
  text-decoration: underline;
  font-family: "Open Sans", sans-serif, Arial, Helvetica;
}
.active {
  background-color: none;
  font-weight: 400;
}
.navtop ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  margin: 0;
  height: 100%;
  align-items: center;
}
.navtop ul li {
  padding: 1%;
  font-weight: 400;
  border-radius: 5px;
}
.navtop ul li a {
  text-decoration: none;
  color: #00428c;
}
.navtop ul li a:active {
  color: #00428c;
}
li .homelistelement,
.homelistelement.sibling.first,
.active.homelistelement.first,
li .datenschutzlistelement,
.datenschutzlistelement.sibling.last,
.active.datenschutzlistelement.last,
li .impressumlistelement,
.impressumlistelement.sibling,
.active.impressumlistelement {
  display: none;
}

/*
.
.
.
.
.
.
.
 HOME PAGE */
.firstItemHomePage img,
.firstItemHomePagePhone img,
.secondItemHomePage img,
.secondItemHomePagePhone img,
.thirdItemHomePage img,
.thirdItemHomePagePhone img,
.fourthItemHomePage img,
.fourthItemHomePagePhone img {
  object-fit: cover;
  border-radius: 10px;
}
.logoImageHomePage {
  width: 50%;
  position: absolute;
  top: 5rem;
  left: 44%;
}
.iconsTextSectionHomePage {
  width: 80%;
  display: flex;
  justify-content: center;
  /*top: 40vw;*/
  margin: 0px 10%;
  /* z-index: 99; */
  /* margin-top: -175px; */

}

.iconsTextSectionHomePage > .leftWhiteSide {
  background-color: #f4f4f9 !important;
}
.iconsTextSectionHomePage .rs-column {
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  z-index: 10;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  padding: 50px 0;
}
.iconsTextSectionHomePage .programIcon,
.iconsTextSectionHomePage .mainPageText {
  padding-left: 10px;
  padding-right: 10px;
}
.iconsTextSectionHomePage.new .programIcon,
.iconsTextSectionHomePage.new .mainPageText {
  padding-left: 25px;
  padding-right: 25px;
}
.iconsTextSectionHomePage.new .respoTable td:nth-child(2) {
  padding-left: 15px;
}
.iconsTextSectionHomePage.new .respoTable td p {
  margin: 0;
}
.urlaubs-info{
  position: absolute;
  top: 23vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: 5%;
}

.urlaubs-info > div{
  background-color: #f4f4f9;
  border-radius: 5px;
  padding: 10px;
}

.respoTable {
  margin-top: 10px;
  margin-bottom: 10px;
}

.respoTable h3 {
  color: #00428c;
  margin-top: 0;
}

.respoTable td {
  white-space: nowrap;
}
.respoTable.mainPageText table tr,
.respoTable.mainPageText table tr td{
	height: 35px !important;
}
.respoTable.mainPageText table tr:last-child,
.respoTable.mainPageText table tr:last-child td {
	height: 16px !important;
}
#bW1,
#bw2{
  margin-bottom: -5px;
}

@media (max-width: 840px) {
  .respoTable td {
    display: block;
    padding: 5px 0px;
  }
  .leftWhiteSide img {
    max-width: 75px;
  }
  .iconsTextSectionHomePage.new .respoTable {
    margin-bottom: 10px;
  }
  .iconsTextSectionHomePage.new h3 {
    margin-bottom: 5px;
  }
  .iconsTextSectionHomePage.new .respoTable td:nth-child(2) {
    padding-left: 0;
  }
  .iconsTextSectionHomePage.new .respoTable td p {
    margin: 0;
  }
}



.iconsTextSectionHomePage .programIcon {
  min-width: 92px;
}

/* .iconsTextSectionHomePage p {
  margin: 5px;
  padding: 10px;
} */
.iconsTextSectionHomePage a {
  color: white;
}
.leftWhiteSide {
  background-color: white;
  border-radius: 10px;
}
.leftWhiteSide,
.rightBlueSide {
  display: flex;
}
.leftWhiteSide img {
  min-width: 75px;
}
.iconsTextSectionHomePage .paddingWhite {
  padding-top: 4%;
}
.iconsTextSectionHomePage .paddingBlue {
  padding-top: 14%;
}

/* .leftWhiteSide strong,
.rightBlueSide strong {
  padding: 0 10px;
} */
.rightBlueSide {
  background-color: #00428c;
  color: white;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-evenly;
  min-width: 210px;
}
.rightBlueSide a {
  display: inline-flex;
  align-items: center;
}
.rightBlueSide .programIcon p {
  margin: 0;
}

.rightBlueSide strong {
  position: relative;
}
.rs-column.bluegrid {
  width: 70%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 50px 15%;
  grid-gap: 10px;
  margin-top: -150px;
  z-index: 99;
  position: relative;
}
.rs-column.bluegrid .ce_text {
  background-color: #00428c;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 25px 35px;
}
.rs-column.bluegrid .ce_text p {
  margin-top: 0;
}
.rs-column.bluegrid .ce_text h3,
.rs-column.bluegrid .ce_text a {
  color: #fff;
  margin-top: 0;
}
.rs-column.bluegrid .ce_text p:nth-child(3) {
  margin-bottom: 5px;
}
.rs-column.bluegrid .ce_text p:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1050px) {
  .rs-column.bluegrid {
    width: 80%;
    margin: 50px 10%;
    margin-top: -150px;
  }
  .rs-column.bluegrid .ce_text {
    padding: 25px;
  }
}
@media (max-width: 900px) {
  .rs-column.bluegrid {
    grid-template-columns: repeat(1,1fr);
  }
}
@media (max-width: 840px) {
  .rs-column.bluegrid {
    grid-template-columns: repeat(1,1fr);
  }
}
.iconsTextSectionHomePage img {
  padding: 2px;
}
.iconsTextSectionHomePage .rightBlueSide img {
  padding: 8px;
}
.iconsTextSectionHomePage img:hover {
  transform: scale(1.1);
}

.leftTextHomePage {
  padding: 10%;
}

.texterezept {
  background-image: url("https://www.orthopaedie-allgaeu.de/files/Home/E-Rezept-Hintergrundbild.png");
    background-repeat: no-repeat;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 10px;
    padding: 5px 30px;
    background-size: cover;
    background-position: center;
    margin-top: 5rem;
}
.texterezept figure {
  text-align: right;
}
.texterezept img {
  width: 50%;
  cursor: pointer;
}
.texterezept figcaption a {
  color: #1D2536;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}
.texterezept .leftTextHomePage {
  padding: 5%;
  max-width: 350px;
}
.texterezept h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 45px;
  color: #00428c;
}

.textLeftSideHomePage h2 {

}
.textLeftSideHomePage p,
.texterezept p {
  font-weight: bold;
}
.textLeftSideHomePage p a,
.texterezept p a,
.btn-link a {
  background-color: #00428c;
  text-decoration: none;
  color: white;
  padding: 10px 15px;
  border-radius: 7px;
}

.textLeftSideHomePage p a:hover:after,
.texterezept p a:hover:after,
.btn-link a:hover:after {
  /*content: " ➔";*/
  content: "";
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='arrow-right' class='svg-inline--fa fa-arrow-right fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'%3E%3C/path%3E%3C/svg%3E");
    width: 15px;
    height: 17px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -3px;
}
.imageRightSideHomePage {
  position: absolute;
  right: 15%;
  top: 53vw;
}
.brownTextSectionHomePage {
  width: 80%;
  background-color: #8e7c61;
  color: white;
  border-radius: 10px;
  margin: 0 10%;
  display: inline-flex;
  justify-content: center;
  height: auto;
  position: relative;
  z-index: 15;
  margin-top: 5rem;
}
.stellenanzeige_home {
  background-color:#00428c;
  color: #fff;
  border-radius: 10px;
  margin: 20px 10%;
  margin-top: 50px;
  padding: 35px calc(5% + 30px) ;
}
.stellenanzeige_home a{
  display: block;
  text-decoration: none;
  background-color: #F4F4F9;
  color: #00428c;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 19px;
  position: relative;
  width: max-content;
}
/* .brownTextSectionHomePage p {
  font-size: 28px;
  padding: 0 9%;
} */
.uuFirstText p {
  width: 100% !important;
}
.bigWrapper {
  background-color: gray;
  background-image: url(/files/Homepage/orthopaedie-allgaeu-hintergrund.png);
  background-size: cover;
  padding-top: 150px;
  margin-top: -110px;
  padding-bottom: 50px;
}
.bigWrapper > .rs-column {
  margin-top: 0;
}
.sliderWrapperHomePage {
  display: block;
  width: 90%;
  padding: 0 5%;
}
.sliderWrapperHomePage > div:nth-child(2n){
  padding-top: 30px;
}
.brownTextSectionHomePage div {
  font-size: 17px;
  max-width: 50%;
  padding: 5px 25px;
  font-weight: bold;
}
.brownTextSectionHomePage div p {
  word-break: break-word;
}
.brownTextSectionHomePage p strong {
  font-size: 45px;
}
.borderRight {
  border-right: solid 2px white;
}

.backgropundImageHomePage {
  background-color: rgb(107, 107, 107);
  margin-top: -120px;
  height: 1300px;
}
.backgropundImageHomePage img {
  height: 1300px;
  object-fit: cover;
}
.textUnderBrownSectionHomePage {
  /* width: 45%; */
  text-align: center;
  color: white;
  /*position: absolute;
   left: 28%;
  top: 117rem; */
  font-size: 17px;
}
.textUnderBrownSectionHomePage h2 {
  font-size: 45px;
}
.textUnderBrownSectionHomePage p {
  padding: 0 20%;
}

.firstItemHomePage {
  /* width: 18%;
  position: absolute;
  top: 132rem;
  left: 8%; */
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.secondItemHomePage {
  /* width: 18%;
  position: absolute;
  top: 138rem;
  left: 30%; */
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.thirdItemHomePage {
  /* width: 18%;
  position: absolute;
  top: 132rem;
  left: 52%; */
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.fourthItemHomePage {
  /* width: 18%;
  position: absolute;
  top: 138rem;
  left: 74%; */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.firstItemHomePage p,
.secondItemHomePage p,
.thirdItemHomePage p,
.fourthItemHomePage p {
  color: white;
  font-size: 17px;
  padding-left: 20px;
}
.firstItemHomePage a,
.secondItemHomePage a,
.thirdItemHomePage a,
.fourthItemHomePage a {
  text-decoration: none;
  background-color: #8e7c61;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}
.firstItemHomePage a:hover:after,
.secondItemHomePage a:hover:after,
.thirdItemHomePage a:hover:after,
.fourthItemHomePage a:hover:after {
  /*content: " ➔";*/
      content: "";
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='arrow-right' class='svg-inline--fa fa-arrow-right fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'%3E%3C/path%3E%3C/svg%3E");
    width: 15px;
    height: 17px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -3px;
}
.firstItemHomePage h2,
.secondItemHomePage h2,
.thirdItemHomePage h2,
.fourthItemHomePage h2 {
  font-size: 78px;
  opacity: 0.7;
}
.firstItemHomePage .listTitle,
.secondItemHomePage .listTitle,
.thirdItemHomePage .listTitle,
.fourthItemHomePage .listTitle {
  font-size: 28px;
  margin-top: -120px;
  position: relative;
}
.firstItemHomePage:hover,
.thirdItemHomePage:hover,
.secondItemHomePage:hover,
.fourthItemHomePage:hover {
  margin-top: -30px;
}
/* .secondItemHomePage:hover,
.fourthItemHomePage:hover {
  top: 136rem;
} */

.textBetweenItemsAndSlider {
  text-align: center;
  font-weight: bold;
  margin: 100px 0 50px 0;
  color: #00428c;
}
.textBetweenItemsAndSlider h2 {
  color: #00428c;
  font-size: 45px;
}
.sliderHomePage {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.sliderContent h2 {
  color: #8e7c61;
}
.sliderContent {
  text-align: center;
}
.sliderHomePage nav {
  bottom: 120px;
}
.sliderHomePage nav .slider-menu {
  display: none;
}
.sliderHomePage nav a {
  text-decoration: none;
  color: #00428c;
}
/* slider for Phone  */
#bW2 {
  display: none;
  /* margin-top: -900px; */
  text-align: center;
  margin-bottom: 2vw;
}
.sliderForPhone nav {
  width: 70%;
  margin-left: 15%;
}
.sliderForPhone nav a {
  text-decoration: none;
  color: white;
}
.firstItemHomePagePhone h2,
.secondItemHomePagePhone h2,
.thirdItemHomePagePhone h2,
.fourthItemHomePagePhone h2 {
  font-size: 72px;
  opacity: 0.7;
}
.firstItemHomePagePhone p,
.secondItemHomePagePhone p,
.thirdItemHomePagePhone p,
.fourthItemHomePagePhone p {
  color: white;
  font-size: 17px;
  padding-left: 20px;
}
.firstItemHomePagePhone a,
.secondItemHomePagePhone a,
.thirdItemHomePagePhone a,
.fourthItemHomePagePhone a {
  text-decoration: none;
  background-color: #8e7c61;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}
.firstItemHomePagePhone .listTitle,
.secondItemHomePagePhone .listTitle,
.thirdItemHomePagePhone .listTitle,
.fourthItemHomePagePhone .listTitle {
  font-size: 46px;
  margin-top: -120px;
  position: relative;
}

/* pages Title */
.titlePage {
  display: flex;
  height: 112px;
  color: white;
  margin-top: -10px;
}
.titlePage h2 {
  width: 100% !important;
  background-color: #8e7c61;
  font-size: 45px;
  padding-top: 30px;
  margin: 0;
  padding-left: 10%;
}
/* .titlePage p {
  width: 15%;
  background-color: #6d5d46;
  font-size: 17px;
  margin: 0;
  padding-top: 40px;
  padding-left: 20%;
} */

/* general style */
.roundCustom img {
  border-radius: 10px;
}
.paddingCustom {
  padding-bottom: 70px !important;
}
.textUnderTitlePage {
  display: flex;
  justify-content: center;
  padding: 50px 10%;
  font-size: 17px;
  background-color: #eeefef;
}
.firstSectionDiagnostikPage,
.secondSectionDiagnostikPage,
.thirdSectionDiagnostikPage,
.firstSectionTherapiePage,
.secondSectionTherapiePage,
.thirdSectionTherapiePage,
.fourthSectionTherapiePage,
.fifthSectionTherapiePage,
.sixthSectionTherapiePage,
.firstSectionKOPage,
.secondSectionKOPage,
.thirdSectionKOpage {
  padding: 10px 55% 0px 10%;
  width: 100%;
}

.firstSectionDiagnostikPage p,
.secondSectionDiagnostikPage p,
.thirdSectionDiagnostikPage p,
.firstSectionTherapiePage p,
.secondSectionTherapiePage p,
.thirdSectionTherapiePage p,
.fourthSectionTherapiePage p,
.fifthSectionTherapiePage p,
.sixthSectionTherapiePage p,
.firstSectionKOPage p,
.secondSectionKOPage p,
.thirdSectionKOpage p {
  padding-left: 10px;
  font-size: 17px;
  line-height: 1.5;
}
.firstSectionDiagnostikPage h2,
.secondSectionDiagnostikPage h2,
.thirdSectionDiagnostikPage h2,
.firstSectionTherapiePage h2,
.secondSectionTherapiePage h2,
.thirdSectionTherapiePage h2,
.fourthSectionTherapiePage h2,
.fifthSectionTherapiePage h2,
.sixthSectionTherapiePage h2,
.firstSectionKOPage h2,
.secondSectionKOPage h2,
.thirdSectionKOpage h2 {
  color: #8e7c61;
  font-size: 78px;
  opacity: 0.5;
  margin: 0;
}
.firstSectionDiagnostikPage .titleSection,
.secondSectionDiagnostikPage .titleSection,
.thirdSectionDiagnostikPage .titleSection,
.firstSectionTherapiePage .titleSection,
.secondSectionTherapiePage .titleSection,
.thirdSectionTherapiePage .titleSection,
.fourthSectionTherapiePage .titleSection,
.fifthSectionTherapiePage .titleSection,
.sixthSectionTherapiePage .titleSection,
.firstSectionKOPage .titleSection,
.secondSectionKOPage .titleSection,
.thirdSectionKOpage .titleSection {
  color: #00428c;
  font-size: 34px;
  margin-top: -60px;
  position: relative;
  z-index: 1;
}
#image1TherapiePage,
#image2TherapiePage,
#image3TherapiePage,
#image4TherapiePage,
#image5TherapiePage,
#image1KOPage,
#image2KOPage,
#image3KOPage {
  position: absolute;
  right: 10%;
  margin: 0;
  height: 400px;
}
#image6TherapiePage {
  position: absolute;
  right: 10%;
  margin: 0;
}
#image1TherapiePage img,
#image2TherapiePage img,
#image3TherapiePage img,
#image4TherapiePage img,
#image5TherapiePage img,
#image1KOPage img,
#image2KOPage img,
#image3KOPage img {
  height: 400px;
}
.bottomImage {
  height: 638px;
}
.bottomImage img {
  object-fit: cover;
  height: 638px;
}
/* .
.
.
.
.
.
.Diagnostik Page */
.firstSectionDiagnostikPage,
.thirdSectionDiagnostikPage {
  background-color: #eeefef;
}
#image1DiagnostikPage {
  position: absolute;
  right: 10%;
  top: 59.8rem;
  margin: 0;
}
#image2DiagnostikPage {
  position: absolute;
  right: 10%;
  top: 93.3rem;
  margin: 0;
}
#text1DiagnostikPage {
  position: absolute;
  right: 10%;
  top: 132rem;
  margin: 0;
  width: 35%;
}
#text2DiagnostikPage {
  position: absolute;
  right: 10%;
  top: 143rem;
  margin: 0;
  width: 35%;
}

/* 
.
.
.
.
.
.
.
Therapie Page */
.therapie4 p {
  margin: 0 !important;
}
.therapieWrapper4 strong,
.firstSectionTherapiePage strong {
  font-size: 1.17em;
  font-weight: bold;
}
.therapieWrapper4.rs-column {
  margin-top: 0;
  margin-bottom: 0;
}
.therapieWrapper4 > div {
  width: 48%;
}
.therapieWrapper4.dsTextAlign p {
  width: 100%;
}
.therapieWrapper4 figure{
	    text-align: center;
}
#image1TherapiePage {
  top: 67rem;
}

#image2TherapiePage {
  top: 102rem;
}

#image3TherapiePage {
  top: 135rem;
}

#image4TherapiePage {
  top: 191rem;
}
.text4TherapiePage {
  position: absolute;
  right: 15.5%;
  margin: 0;
  top: 177rem;
}
#image5TherapiePage {
  top: 220rem;
}
.subtitleSection {
  color: #00428c;
  font-size: 28px !important;
}
#image6TherapiePage {
  top: 268rem;
}
.rightSection6text1,
.rightSection6text2,
.rightSection6text3,
.rightSection6title {
  position: absolute;
  width: 38%;
  right: 10%;
}
.rightSection6text1 {
  margin-top: -47.35rem;
}
.rightSection6title {
  margin-top: -19rem;
}
.rightSection6text2 {
  margin-top: -15rem;
}
.rightSection6text3 {
  margin-top: -7.5rem;
}

.firstSectionTherapiePage,
.thirdSectionTherapiePage,
.fifthSectionTherapiePage {
  background-color: #eeefef;
}
/* 
.
.
.
.
.
.
MRT page */
.mrtWrapper {
  margin: 0 !important;
  display: flex;
  background-color: #eeefef;
  justify-content: space-evenly;
  padding: 50px 0;
}
.mrtWrapper .textUnderTitlePage p {
  width: 80%;
}
.mrtTextNearSlider {
  width: 50%;
  padding: 0 !important;
}
.mrtTextNearSlider p {
  padding: 50px 10% !important;
}
.titlePage.MRTpage p {
  width: 30%;
  padding-left: 5%;
}
.textUnderTitlePage p {
  width: 100%;
}
.mrtSlider {
  /* width: 724px; */
  width: 40%;
  height: 487px;
  border-radius: 10px;
  margin-top: 50px;
  margin-right: 10%;
}
.mrtSlider img {
  max-height: 638px;
  object-fit: cover;
}
.mrtSlider .slider-control {
  /* margin: -35px 50px 0 50px; */
  margin-top: -80px;
  position: absolute;
  width: inherit;
}
.mrtSlider .slider-control a {
  text-decoration: none;
  color: #033c7b;
  /* margin-top: -319px; */
}
.mrtSlider figure img {
  border-radius: 10px;
  width: 100%;
}

/* 
.
.
.
.
.
.
.
Kinderortopadie page */
.therapieWrapper4 > div {
  margin-bottom: 17px;
}
#Kinder1,
#Kinder2,
#Kinder3 {
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
}
#Kinder1,
#Kinder3 {
  background-color: #eeefef;
}
#Kinder3 {
  padding-bottom: 100px;
}
.dsTextAlign.firstSectionKOPage.roundCustom.rs-column {
  margin: 0 !important;
}
#image1KOPage {
  top: 62rem;
}
#image2KOPage {
  top: 90rem;
}
#image3KOPage {
  top: 118rem;
}

.firstSectionKOPage,
.thirdSectionKOpage {
  background-color: #eeefef;
}
.thirdSectionKOpage.roundCustom {
  padding-bottom: 50px !important;
}
/* 
.
.
.
.
.
.
.
.
Igel page */
.IGeL.textUnderTitlePage {
  width: 90%;
  padding: 50px 5% !important;
}
.IGeL.textUnderTitlePage p {
  width: 90% !important;
}
.IGeL.textUnderTitlePage.rs-column {
  margin-top: 0;
  margin-bottom: 0;
}
.IGeL.textUnderTitlePage.rs-column > div:first-child {
  margin-right: 4rem;
}
.titlePage.igelPage p {
  width: 30%;
  padding-left: 5%;
}
.textUnderTitlePage.IGeL p {
  width: 50%;
}
.textUnderTitlePage.IGeL figure img {
  border-radius: 10px;
}
.textUnderTitlePage p {
  padding: 0 10px;
  width: calc(100% - 20px);
}

/* 
.
.
.
.
.
.
Datenschutz page*/
#DSAlign {
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 0;
}

.underTitleTextDS h2 {
  margin: 0;
  font-size: 45px;
  color: #00428c;
  margin-top: 50px;
}
.underTitleTextDS p {
  margin: 0;
  color: #8e7c61;
  font-size: 17px;
}
.subTitleDSPage {
  font-size: 28px;
  color: #8e7c61 !important;
}
.subTitleDSPage p {
  margin-bottom: 0;
}
.dsTextAlign {
  font-size: 17px;
  display: flex;
  justify-content: space-between;
}
.dsTextAlign.halfpage {
  flex-direction: column;
}
.halfpage p {
  width: 50%;
  margin-top: 0;
}
.halfpage strong a {
  color: #00428c;
  text-decoration: none;
}
.jobbeschreibung h3 {
  padding-left: 10px;
}
.jobbeschreibung .blaue_button_reihe {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-column-gap: 40px;
  width: 80%;
  margin-bottom: 50px;
}
.jobbeschreibung .blaue_button_reihe p {
  background-color: #00428c;
  color: #fff;
  padding: 10px 30px;
  text-align: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

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


.select:not(.select-hidden),
fieldset {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 5px;
}
 textarea,
 input{
  width: calc(100% - 40px);
  margin-bottom: 20px;
  border-radius: 5px;
}
.widget.widget_even {
  width: 50%;
  float:right;
}
.widget-checkbox {
  width: 100%;
}
.widget-submit {
  width: 130px;
  float: left;
}
.ce_form {
  margin-bottom: 50px;
}

.ce_form .message h2 {
  margin-bottom: 0;
  font-size: 45px;
  line-height: 45px;
}
.ce_form .message h3 {
  font-size: 33px;
}
select, input, textarea {
  padding: 10px 20px;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  border: 0px solid transparent;
}
select:focus {
  border: 0px solid transparent;
  margin-bottom: 100px;
}
option li {
  border-radius: 5px;
  padding: 20px;
}
input::placeholder,
textarea::placeholder {
  color: #1D2536;
}
input[type="checkbox"] {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  width: auto;
}
fieldset {
  border: 0px solid transparent;
}
fieldset label {
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
}
.widget-submit {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.widget-submit button {
  background-color: #00428c;
  color: #fff;
  border: 0px solid transparent;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
}


/*.dsTextAlign p {
  width: 48%;
}*/

/* Impressum Page */
.marginBottomCustom {
  margin-bottom: 100px;
}
/* 
.
.
.
.
.
.
Uber Uns page */
.bottomTextUU {
  text-align: center;
  width: 90%;
  bottom: 53rem;
  background-color: #eeefef;
  padding: 100px 5%;
}
.customBlock {
  display: block !important;
}
.uberUnsImage img {
  margin-top: -55px;
}
.brownSectionUberUns {
  background-color: #8e7c61;
  color: white;
  height: 350px;
  margin-bottom: 270px;
  margin-top: 200px;
}
.brownSectionUberUns p {
  padding-top: 4%;
  width: 45%;
}
.galleryUberUns {
  position: absolute;
  right: 7rem;
  top: 57rem;
  bottom: 3rem;
  max-height: 680px;
  max-width: 650px;
}

.unserTeamSection {
  text-align: center;
  margin: 100px 0 70px 0;
  color: #00428c;
}
.unserTeamSection {
}
.drMedInfo {
  display: flex;
  margin: 0 5%;
  justify-content: space-evenly;
  text-align: center;
  margin-bottom: 50px;
}
.drMedInfo p {
  margin: 0 1%;
  color: #8e7c61;
}
.drMedInfo p strong {
  color: #00428c;
}
.personalText {
  text-align: center;
  margin: 0 5%;
}
.personalText .subTitleDSPage {
  margin-bottom: 0;
}
.blueLine {
  letter-spacing: -1px;
  font-size: 30px;
  color: #00428c;
  margin: 0;
}
.marginTopZero {
  margin-top: 0;
}
.linePersonal {
  display: flex;
  justify-content: space-evenly;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 28px;
}

.linePersonal strong {
  color: #00428c;
}

.linePersonal img{
	border-radius: 5px;
}
.linePersonal p {
  width: 27%;
  min-width: 180px;
  text-align: center;
}
.linePersonal p:nth-child(2),
.linePersonal p:nth-child(4) {
  margin-top: 100px;
}
.marginTopMinus {
  margin-top: -80px;
}
#secondPersonal {
  /* margin-top: 100px; */
}
.bottomImageUberUnsPage {
  height: 1044px;
  background-color: black;
}
.bottomImageUberUnsPage img {
  object-fit: cover;
  height: 1044px;
  opacity: 0.7;
}
.firstTextUUPage {
  text-align: center;
  position: absolute;
  width: 90%;
  bottom: 53rem;
  color: white;
  margin: 0 5%;
}
#UUalign {
  width: 70%;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 0;
}
.textUUalign {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 11rem;
  color: white;
}
.textUUalign p {
  width: 45%;
}
.rightBorder {
  border-right: solid;
  padding-right: 5%;
}
.textUUalign p a {
  background-color: white;
  text-decoration: none;
  color: #00428c;
  padding: 7px 12px;
  border-radius: 7px;
}
.textUUalign p a:hover:after {
  content: " ➔";
}

.med1info p {
  width: 40%;
}

.infoWrapper {
  background-color: #00428c;
  width: 80%;
  margin: 20px 10%;
  position: relative;
  flex-flow: wrap;
  padding: 15px;
}

.infoWrapper h2 {
  margin-top: 0;
}

.infoWrapper * {
  color: #fff !important;
}

.infoWrapper ul {
  padding-left: 0;
}

.infoWrapperLeft {
  width: 50%;
  text-align: left;
}
.infoWrapperRight {
  width: 40%;
  margin-left: 10%;
  text-align: left;
}

/* .infoWrapper ul li  ul{
  position: absolute;
  left: 150px;
} */

.infoWrapper li {
  list-style: none;
}

.infoWrapper > div > ul > li {
  display: flex;
  margin: 10px 0;
  /* flex-flow: wrap; */
}

.infoWrapper > div > ul > li > strong {
  min-width: 140px;
  margin-right: 5px;
}

@media (max-width: 1279px) {
  .infoWrapperLeft {
    width: 100%;
    padding: 15px;
  }
  .infoWrapperRight {
    width: 100%;
    margin-left: 0;
    padding: 15px;
  }
  .infoWrapper {
    padding: 0;
  }
  .iconsTextSectionHomePage .rs-column {
    display: grid;
    grid-template-columns: 120px calc(100% - 120px);
  }
  .iconsTextSectionHomePage.new .programIcon h3 {
    display: flex;
    justify-content: flex-end;
  }
}

@media (max-width: 550px) {
  .infoWrapper > div > ul > li > strong {
    min-width: auto;
  }
  .infoWrapper > div > ul > li {
    display: block;
  }
}

.firstPDInfo {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-color: #00428c;
  color: white;
}
.firstPDInfo p {
  padding: 10px 50px;
  width: 45%;
}
.firstPDInfo p:nth-child(2) {
  width: 35%;
}
.contentFlexText {
  display: flex;
  width: 90%;
  justify-content: space-between;
  padding: 0 5%;
}

.contentFlexText p {
  width: 30%;
  margin: 5px 0;
}
.contentFlexText p:nth-child(2) {
  width: 70%;
}
.contentInsidePD,
.contentInsidePD2 {
  display: flex;
  justify-content: space-between;
  background-color: #00428c;
  color: white;
}
.contentInsidePD2 {
  padding-left: 50px;
}
.contentInsidePD div {
  margin-left: 25px;
}
.contentLeftSidePD {
  width: 45%;
}
.contentRightSidePD {
  width: 40%;
}
.med1,
.med2,
.med3 {
  cursor: pointer;
}

#med1,
#med2,
#med3 {
  display: none;
}
/* BackOnTopBtn */
.backOnTopBtn {
  display: none;
}

/*
.
.
.
.
.
.
.
 Kontakt page */
#iframe {
  width: 50%;
}
.kontaktWrapper {
	position: relative;
}
.kontaktWrapper.rs-column {
  margin-top: 0;
  margin-bottom: 0;
}
.infoKontaktWrapper.rs-column {
  margin-top: 0;
  margin-bottom: 0;
  width: 50%;
}
.kontaktWrapper {
  background-image: url(/files/Homepage/orthopaedie-allgaeu-hintergrund.png);
  object-fit: cover;
  height: 100%;
  margin-bottom: -5.5px;
  width: 100%;
  display: flex;
}
iframe {
  width: 100%;
  min-height: 400px;
}
.backgroundImageKontaktpage,
.backgroundImageKontaktpage img {
  height: 748px;
  object-fit: cover;
}
.titleKontaktPage {
  position: absolute;
  left: 5%;
  bottom: 30rem;
}
.titleKontaktPage h2 {
  margin: 0;
  font-size: 45px;
  color: #00428c;
  margin-top: 50px;
}
.titleKontaktPage p {
  font-size: 18px;
  color: #8e7c61;
  font-weight: bold;
  margin: 0;
}
.infoKontaktWrapper {
  padding-top: 11%;
  padding-bottom: 11%;
}
.infoKontaktWrapper div {
  padding-left: 150px;
}
.content1 a {
  color: black;
  text-decoration: none;
}
.content1 p,
.content2 p {
  padding: 0 10px;
}

.kontaktSlider {
  width: 50%;
  position: absolute;
  right: 0%;
  top: 0%;
  background-color: #00418cc7;
  height: 100%;
}
.kontaktSlider .slider-menu {
  display: none;
}
.kontaktSlider .slider-control {
  transform: rotate(270deg);
  position: absolute;
  top: 53%;
  left: 10px;
}

.kontaktSlider .formbody div {
  margin: 15px 0;
}
.kontaktSlider .formSection form {
  margin: 15% 0 0 25%;
}
.kontaktSlider .formbody div input {
  background-color: #00418c5b;
  color: white;
  border: solid 1px white;
  height: 30px;
  border-radius: 5px;
  width: 350px;
  padding: 5px;
}
.messageInput {
  display: grid;
  color: white;
  width: 358px;
}
.messageInput textarea {
  background-color: #00418c5b;
  border: solid 1px white;
  border-radius: 5px;
}

.kontaktSlider .formbody div input:focus {
  border: solid 1px white;
}
.kontaktSlider .formbody div button {
  font-size: 18px;
  padding: 5px 15px;
  background-color: white;
  color: #00428c;
  border: none;
  border-radius: 5px;
}
.kontaktSlider .formbody div button:hover {
  border: solid 1px #00428c;
}
.kontaktSlider .formbody div button:hover:after {
  content: " ➔";
}
.kontaktSlider figure {
  display: flex;
  justify-content: center;
}

.kontaktSlider .formbody div input::placeholder {
  color: white;
}
.kontaktSlider .slider-control a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.575);
}
.kontaktSlider .slider-control .slider-prev {
  padding-left: 10px;
}
.kontaktSlider .slider-control .slider-next {
  padding-right: 10px;
}
.kontaktSlider .slider-control a:active {
  color: white;
}
.kontaktSlider .slider-control a:focus {
  border-right-color: rgba(255, 255, 255, 0.575);
  color: white;
}
.kontaktSlider .slider-next {
  border-right: solid;
}
/*

.
.
.
.
.
.
.
 FOOTER */
footer {
  background-color: #033c7b;
  color: white;
  /* margin-top: 8px; */
  box-shadow: 0px -2px 8px rgb(0 0 0 / 60%);
  position: relative;
  /* margin-top: 5rem; */
}
.flexFooter {
  display: flex;
  justify-content: space-between;
  padding-left: 325px;
  padding-right: 5%;
}

.logoFooter {
  display: inline-block;
}
.logoFooter {
  position: absolute;
  background-color: #8e7c61;
  height: 200px;
  bottom: 0;
  width: 305px;
  border-top-right-radius: 15px;
}
.flexFooter p {
  font-size: 18px;
}
.flexFooter strong {
  font-size: 15px;
}
.footerBottom {
  background-color: #032a56;
  height: 40px;
  font-size: 14px;
  padding-right: 20px;
  padding-bottom: 15px;
}
footer figure {
  display: flex;
  justify-content: center;
}
footer img {
  margin-top: 15px;
}
footer a {
  color: white;
  text-decoration: none;
}
@media (max-width: 1750px) {
  .galleryUberUns {
    width: 45%;
  }
  .galleryUberUns {
    top: 53rem;
  }
}
@media (max-width: 1600px) {
  .linePersonal p {
    width: 22%;
  }
  .galleryUberUns {
    top: 47rem;
  }

  .content1 {
    bottom: 12rem;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
  }
  .content2 {
    bottom: 3rem;
  }
  .brownSectionUberUns {
    margin-bottom: 130px;
  }
}
@media (max-width: 1470px) {
  .navtop ul {
    font-size: 16px;
  }
  .logoImageHomePage {
    top: 4vw;
    left: 48%;
  }
  .iconsTextSectionHomePage {
    font-size: 16px;
  }
  .urlaubs-info{
    top: 20vw;
  }
  .imageRightSideHomePage {
    top: 55vw;
  }

  .brownTextSectionHomePage p {
    padding: 0 3%;
  }

  .firstItemHomePage,
  .thirdItemHomePage {
    top: 57%;
  }
  .firstItemHomePage:hover,
  .thirdItemHomePage:hover {
    top: 58%;
  }

  .secondItemHomePage,
  .fourthItemHomePage {
    top: 59%;
  }
  .secondItemHomePage:hover,
  .fourthItemHomePage:hover {
    top: 60%;
  }
  .titlePage p {
    width: 20%;
    padding-left: 15%;
  }
  .firstSectionDiagnostikPage,
  .secondSectionDiagnostikPage,
  .thirdSectionDiagnostikPage,
  .firstSectionTherapiePage,
  .secondSectionTherapiePage,
  .thirdSectionTherapiePage,
  .fourthSectionTherapiePage,
  .fifthSectionTherapiePage,
  .sixthSectionTherapiePage,
  .firstSectionKOPage,
  .secondSectionKOPage,
  .thirdSectionKOpage {
    padding: 5px 55% 0px 5%;
  }
  .bottomImage {
    height: 438px;
  }
  .galleryUberUns {
    right: 5rem;
  }
  #article-17 .thirdSectionDiagnostikPage {
    padding: 5px 10%;
    width: 90%;
  }
  #article-17 .jobbeschreibung .blaue_button_reihe {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1290px) {
  .navtop ul {
    margin: 0;
  }
}
@media (max-width: 1210px) {
  .headerDetailInfo {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .galleryUberUns{
    top: 46rem;
  }
  .iconsTextSectionHomePage p {
    padding: 0;
  }
  .iconsTextSectionHomePage .paddingWhite {
    padding-top: 3%;
  }
  .iconsTextSectionHomePage .paddingBlue {
    padding-top: 12%;
  }
  .logoHeader figure {
    left: 1%;
  }
  .logoImageHomePage {
    width: 40%;
    left: 55%;
  }

  .urlaubs-info{
    top: 7vw;
  }

  .firstItemHomePage,
  .thirdItemHomePage {
    top: 55%;
  }
  .firstItemHomePage:hover,
  .thirdItemHomePage:hover {
    top: 53%;
  }
  .secondItemHomePage,
  .fourthItemHomePage {
    top: 58%;
  }
  .secondItemHomePage:hover,
  .fourthItemHomePage:hover {
    top: 56%;
  }
  .titlePage {
    height: auto;
  }
  .titlePage p {
    width: 25%;
    padding-left: 10%;
    padding-top: 4%;
    padding-bottom: 2%;
  }
  .titlePage h2 {
    font-size: 38px;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .bottomImage {
    height: 338px;
  }
  .kontaktSlider {
    display: block;
    width: 100%;
    position: static;
  }
  .titleKontaktPage {
    bottom: 80rem;
  }
  .content1 {
    bottom: 60rem;
  }
  .content2 {
    bottom: 50rem;
  }
  .kontaktSlider .slider-control {
    transform: rotate(0deg);
    position: absolute;
    left: 100px;
  }
}
@media (max-width: 1040px) {
  .logoFooter {
    bottom: 13rem;
  }
  .flexFooter {
    display: block;
  }
  .footerBottom {
    padding-left: 0;
  }
  .linePersonal {
    margin-left: 0;
    margin-right: 0;
  }
  #UUalign {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
}
.navtopHamburger {
  position: absolute;
  width: 100%;
  top: 75px;
  background-color: white;
  text-align: center;
  visibility: visible;
}
.contentOpacity {
  opacity: 0.3;
}
@media (max-width: 1024px) {
  .mrtTextNearSlider {
    width: 100%;
  }
  .mrtSlider {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .galleryUberUns {
    right: 3rem;
  }
  .mrtWrapper {
    display: block;
    padding: 0;
  }
  .mrtWrapper .mrtSlider {
    margin-bottom: 100px;
  }
  .mrtSlider{
    width: 80%;
    text-align: center;
    margin-right: auto;
  }
  .headerDetailInfo p:nth-child(2),
  .headerDetailInfo p:nth-child(4) {
    display: none;
  }
  .navtop ul li {
    min-width: 120px;
    text-align: center;
  }
  .logoHeader {
    width: 315px;
  }
  .brownSectionUberUns {
    margin-bottom: 80px;
  }
}
@media (max-width: 900px) {
  .kontaktWrapper {
    margin-bottom: 50px;
  }
  .sliderWrapperHomePage > div:nth-child(2n){
    padding-top: 0px;
  }
}
@media (max-width: 840px) {

  .iconsTextSectionHomePage .rs-column {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
}
.iconsTextSectionHomePage .rs-column table tr td {
  height: 25px !important;
}
.iconsTextSectionHomePage .rightBlueSide {
  border-bottom-left-radius: 15px;
  border-top-right-radius: 0;
}
.iconsTextSectionHomePage .rs-column {
  width: 100%;
  margin-top: 0;
  margin-right: 0;
}
  .urlaubs-info{
    top: 2rem;
  }
  
}

@media (max-width: 1300px){
  .navtop ul,
  .headerDetailInfo {
    display: none;
  }
  /* hamburger menu + nav */
  .hamburger-desktop.hamburger.hamburger--squeeze {
    visibility: visible;
    padding: 15px;
  }
  .brownTextSectionHomePage div p {
    word-break: break-word;

  }
  .brownTextSectionHomePage p strong {
    font-size: 42px;
  }
  .mod_navigation.navtop.block.open ul {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 4rem;
    width: 100%;
    background-color: #eeefef;
    padding: 8px 0 200px 0;
    left: 0;
    height: auto;
    box-shadow: rgb(0 0 0 / 30%) 0px 10px 38px, rgb(0 0 0 / 22%) 0px 20px 10px;
  }
  .mod_navigation.navtop.block.open ul li {
    padding: 5px 0;
    margin: 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
  }
  .mod_navigation.navtop.block.open ul li strong {
    font-size: 24px;
  }
  header .ce_gallery.mod_navigation.last.block.open {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    top: 17rem;
    border-top: solid 2px #c5b6aa57;
  }
  .ce_text.headerDetailInfo.block.open {
    display: flex;
    position: absolute;
    width: 60%;
    border-radius: 0;
    justify-content: center;
    top: 24rem;
    left: 20%;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .ce_text.headerDetailInfo.block.open p:nth-child(2),
  .ce_text.headerDetailInfo.block.open p:nth-child(4) {
    display: block;
  }
  .active {
    /* background-color: #eeefef;
    text-decoration: underline; */
    font-weight: bold;
  }
}

@media (max-width: 820px) {
  .therapieWrapper4.dsTextAlign p,
  .therapieWrapper4.dsTextAlign h3 {
    width: 90% !important;
    padding: 0 5%;
  }
  .therapieWrapper4 > div {
    width: 100%;
  }
  .textUnderTitlePage.IGeL p {
    width: 100%;
  }
  .kontaktWrapper {
    display: block;
  }
  iframe {
    margin-top: 0;
  }
  #iframe {
    width: 100%;
  }
  .infoKontaktWrapper {
    padding-top: 10%;
    padding-bottom: 5%;
  }
  .infoKontaktWrapper.rs-column {
    width: 100%;
  }
  .infoKontaktWrapper div {
    padding-left: 10%;
  }
  .logoHeader {
    width: 395px;
  }
  
  .dsTextAlign,
  .textUnderTitlePage {
    display: block;
    padding: 50px 5%;
  }
  .IGeL.textUnderTitlePage.rs-column > div:first-child {
    margin-right: 0;
  }
  .dsTextAlign p {
    width: 90% !important;
    padding: 0 5%;
  }
  .uberUnsImage img {
    margin-top: -20px;
  }
  .linePersonal {
    justify-content: space-evenly;
    margin-left: 2%;
    margin-right: 2%;
    flex-wrap: wrap;
  }
  #UUalign {
    width: 100%;
    margin: 0 5px;
    padding: 0;
  }

  .brownSectionUberUns h2 {
    padding: 0 5%;
  }
  .brownSectionUberUns {
    height: auto;
    margin-top: 50px;
  }
  .galleryUberUns {
    width: 90%;
    max-width: 550px;
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
  }
  .brownSectionUberUns {
    margin-bottom: 80;
  }
  #DSAlign {
    padding-left: 0;
    padding-right: 0;
  }

  .iconsTextSectionHomePage .paddingWhite {
    padding-top: 0;
  }
  .iconsTextSectionHomePage .paddingBlue {
    padding-top: 8%;
  }
  .firstItemHomePage,
  .thirdItemHomePage {
    top: 235vw;
  }
  .secondItemHomePage,
  .fourthItemHomePage {
    top: 250vw;
  }
  .slider-control a,
  .slider-control .slider-menu {
    top: 0 !important;
  }
  .textLeftSideHomePage p:nth-child(2) {
    display: flex;
    justify-content: center;
  }
  #DSAlign {
    width: 100%;
  }
  .bottomImageUberUnsPage,
  .bottomImageUberUnsPage figure,
  .bottomImageUberUnsPage figure img {
    height: 1544px;
  }
  .firstTextUUPage {
    bottom: 86rem;
  }
  .textUUalign {
    /* bottom: 4%; */
    display: block;
  }
  .textUUalign p {
    width: 90%;
    padding: 10px 5%;
  }
  .rightBorder {
    border-bottom: solid;
  }
  #bW1 {
    display: none;
  }
  #bW2 {
    display: block;
  }
  .backOnTopBtn {
    display: block;
    position: fixed;
    bottom: 10px;
    z-index: 1500;
    right: 10px;
  }
  .drMedInfo {
    display: block;
  }
  .firstPDInfo,
  .contentInsidePD {
    display: block;
  }
  .contentLeftSidePD,
  .contentRightSidePD {
    width: 100%;
    padding: 10px 0;
  }
  .firstPDInfo p,
  .firstPDInfo p:nth-child(2) {
    padding: 10px 5%;
    width: 90%;
  }
  .contentInsidePD div {
    margin: 0;
  }
  .drMedInfo p .infoWrapper p,
  .drMedInfo p .infoWrapper p strong {
    color: white;
  }
  .infoWrapper {
    padding: 0;
    width: 100%;
    margin: 15px 0;
  }
  .contentInsidePD2 {
    display: block;
  }
  .linePersonal p,
  .content1,
  .content2 {
    font-size: 16px;
  }
  .brownTextSectionHomePage {
    display: block;
  }
  .brownTextSectionHomePage div {
    max-width: 100%;
  }
  .borderRight {
    border-right: none;
    border-bottom: solid 2px white;
  }
  .subTitleDSPage p {
    margin-left: 5%;
  }
  .underTitleTextDS h2,
  .underTitleTextDS p {
    padding-left: 5%;
  }
  .linePersonal p {
    width: 40%;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0 !important;
    margin-top: 20px !important;
  }
  .marginTopMinus {
    margin-top: 0;
  }
  #article-17 .thirdSectionDiagnostikPage {
    padding: 5px 5%;
    width: 90%;
  }
  .halfpage p {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .mrtSlider {
    width: 90%;
    height: auto;
  }
}
@media (max-width: 700px) {
  .iconsTextSectionHomePage .rs-column {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
  }
  .rightBlueSide .mainPageText {
    margin-left: auto;
    margin-right: auto;
  }
  
  .urlaubs-info{
    top: -6rem;
    position: relative;
  }
  .iconsTextSectionHomePage p {
    margin: 0;
    /* text-align: center; */
  }
  
  .iconsTextSectionHomePage .paddingBlue {
    padding-top: 8%;
    padding-left: 15%;
  }
}
@media (max-width: 600px) {
  .brownTextSectionHomePage strong {
    font-size: 32px !important;
  }
  .texterezept h2 {
    font-size: 32px !important;
  }
  .textUnderBrownSectionHomePage p {
    padding: 0;
  }
  .firstItemHomePage,
  .secondItemHomePage,
  .thirdItemHomePage,
  .fourthItemHomePage {
    width: 50%;
  }
  .firstItemHomePage,
  .thirdItemHomePage {
    top: 480vw;
  }
  .secondItemHomePage,
  .fourthItemHomePage {
    top: 495vw;
  }

  .logoFooter {
    bottom: 23rem;
    height: 170px;
  }
  .flexFooter {
    text-align: center;
    padding-top: 130px;
    padding-left: 25px;
  }
  .footerBottom {
    display: block;
    text-align: center;
    height: auto;
  }
  .footerBottom p{
    text-align: left !important;
    margin-left: 10px;
  }
  .mod_navigation.navtop.block.open ul {
    padding: 50px 0 200px 0;
  }
  .logoHeader figure {
    width: 225px;
  }
  #DSAlign {
    width: 100%;
  }
  .titlePage h2 {
    font-size: 24px;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 63%;
    padding-left: 2%;
  }
  .titlePage p {
    font-size: 12px;
  }
  .dsTextAlign p {
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
  }

  .infoWrapper,
  .contentLeftSidePD {
    width: 100%;
    margin: 0px;
  }
  .contentInsidePD div {
    margin-left: 0;
  }
  .firstPDInfo,
  .contentInsidePD,
  .contentInsidePD2 {
    display: block;
  }
  .firstPDInfo p,
  .firstPDInfo p:nth-child(2),
  .contentInsidePD,
  .contentRightSidePD {
    width: 100%;
  }
  .drMedInfo {
    margin: 0;
  }
  .ce_text.headerDetailInfo.block.open {
    top: 27rem;
    width: 80%;
    left: 10%;
  }
  .firstSectionDiagnostikPage .titleSection,
  .secondSectionDiagnostikPage .titleSection,
  .thirdSectionDiagnostikPage .titleSection,
  .firstSectionTherapiePage .titleSection,
  .secondSectionTherapiePage .titleSection,
  .thirdSectionTherapiePage .titleSection,
  .fourthSectionTherapiePage .titleSection,
  .fifthSectionTherapiePage .titleSection,
  .sixthSectionTherapiePage .titleSection,
  .firstSectionKOPage .titleSection,
  .secondSectionKOPage .titleSection,
  .thirdSectionKOpage .titleSection {
    font-size: 30px;
  }
  .iconsTextSectionHomePage .rightBlueSideBorder,
  .leftWhiteSide.zeroPaddingLeft {
    padding-top: 0;
  }
  .iconsTextSectionHomePage .leftWhiteSide img {
    width: 70px;
  }
  .iconsTextSectionHomePage .rightBlueSide img {
    width: 50px;
  }
  .kontaktSlider .formSection form {
    margin: 12% 0 0 5%;
  }
  .kontaktSlider {
    padding-bottom: 40px;
  }
  .kontaktSlider .slider-control {
    position: absolute;
    left: 70px;
    top: 60%;
  }
  .content1 {
    bottom: 45rem;
  }
  .content2 {
    bottom: 35rem;
  }
  .backgroundImageKontaktpage,
  .backgroundImageKontaktpage img {
    height: 648px;
  }
  .rightBorder {
    border-bottom: solid;
    padding-bottom: 15px;
  }

  .infoWrapper {
    font-size: 14px;
    margin: 15px 0;
  }
  .infoWrapper p {
    margin: 0;
  }
  .firstPDInfo {
    padding: 15px 0;
  }
  .firstPDInfo p,
  .firstPDInfo p:nth-child(2) {
    padding: 0;
  }
  .textUUalign {
    bottom: 1%;
  }
  .subTitleDSPage p {
    font-size: 24px;
    width: 90%;
  }

  .underTitleTextDS h2 {
    font-size: 32px;
    padding: 0 5%;
  }
  .underTitleTextDS p {
    font-size: 17px;
    padding: 0 5%;
  }
  .kontaktSlider .slider-control a {
    padding: 0px;
  }
  .kontaktSlider .slider-control .slider-prev {
    padding-left: 10px;
  }
  .kontaktSlider .slider-control .slider-next {
    padding-right: 10px;
  }
  #article-17 .jobbeschreibung .blaue_button_reihe {
    grid-template-columns: repeat(1,1fr);
  }
}
@media (max-width: 562px) {
  .linePersonal p:nth-child(3) {
    margin-top: -50px;
  }
  #secondPersonal {
    margin-top: 70px;
  }
}
@media (max-width: 480px) {
  .titlePage h2 {
    padding-top: 3.5%;
  }
  .iconsTextSectionHomePage .leftWhiteSide img {
    width: 55px;
    min-width: 55px;
  }
  .iconsTextSectionHomePage .programIcon {
    min-width: 55px;
  }
  .iconsTextSectionHomePage .rs-column {
    grid-template-columns: 75px calc(100% - 75px);
  }
}
@media (max-width: 450px) {
  .textUnderBrownSectionHomePage h2 {
    font-size: 35px;
  }
}
@media (max-width: 425px) {
  .mrtSlider .slider-control a {
    margin-top: 0;
  }
}
@media (max-width: 400px) {
  .brownTextSectionHomePage {
    width: 90%;
    margin: 0 5%;
  }
  .texterezept {
    margin: 0 5%;
    margin-top: 250px;
  }
  .iconsTextSectionHomePage {
    width: 90%;
    margin: 5px 5%;
    margin-bottom: 25px;
  }
  .rs-column.bluegrid {
    width: 90%;
    margin: 25px 5%;
    margin-top: -75px;
  }
  .logoFooter {
    bottom: 22.7rem;
  }
  .kontaktSlider .formbody div input {
    width: 300px;
  }
  .messageInput {
    width: 305px;
  }
  .textUnderBrownSectionHomePage h2,
  .textBetweenItemsAndSlider h2 {
    font-size: 36px;
  }

  .firstTextUUPage {
    bottom: 84rem;
  }
  .textUUalign p {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .leftWhiteSide img {
    display: none;
  }
  .iconsTextSectionHomePage .programIcon {
    min-width: 0px !important;
    padding: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: none;
  }
  .iconsTextSectionHomePage .rs-column {
    grid-template-columns: repeat(1,1fr);
    padding: 25px 0;
  }
}
@media (max-width: 374px) {
  .brownSectionUberUns p {
    padding-top: 10px;
  }
  .marginTopMinus,
  #secondPersonal,
  .linePersonal p:nth-child(3) {
    margin-top: 0;
  }
  .textUUalign {
    bottom: 1rem;
  }
}

@media (max-width: 335px) {
}
@media (max-width: 325px) {
  .firstTextUUPage {
    bottom: 85rem;
  }
}

.sliderForPhone p {
  padding: 0 50px;
}

/* Cookie Styling */
.uc-banner-content, #uc-btn-deny-banner, #uc-btn-more-info-banner{
	background-color: #363636 !important;
}
#uc-btn-accept-banner{
	background-color: #033c7b  !important;
}
#bto-path-1, #fingerprint, #ico_button_close-b{
	fill: #033c7b ;
}
.uc-save-settings-button, .uc-card-header, .uc-nav-tabs, .usercentrics-button.layout-1 .uc-btn.uc-btn-primary, #usercentrics-button #uc-consents-info-modal .uc-consents-info-modal-wrapper .uc-modal-header{
	background-color: #033c7b  !important;
}

/*Open Street Map*/
#MYMAP{
	width: 50%;
	position: relative;
	height: auto !important;
}
@media (max-width: 820px){
	#MYMAP{
		height: 80vh !important;
		width: 100%;
	}
}

.pop-up-stellenanzeige{
  position: fixed;
  height: 100vh;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 99999;
  background-color: rgb(255 255 255 / 71%);
}

.pop_up_closed{
  display: none !important;
}

.pop-up-stellenanzeige:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('/files/stellenausschreibung/orthopaedie-allgaeu-stellenanzeige.png');
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  z-index: -1;
}

#close-pop-up{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.042' height='24.349' viewBox='0 0 24.042 24.349'%3E%3Cg id='Gruppe_194' data-name='Gruppe 194' transform='translate(-1386.483 1159.809) rotate(-45)'%3E%3Cline id='Linie_11' data-name='Linie 11' y2='30' transform='translate(1800.283 162.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Linie_12' data-name='Linie 12' y2='30' transform='translate(1815.5 177.283) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  right: 5%;
  top: 5%;
  cursor: pointer;
}

.stellenanzeige-content{
  width: 50%;
  position: absolute;
  top: 25%;
  right: 0;
}

.stellenanzeige-content *{
  color: #F4F4F9;
  font-size: 22px;
}

.stellenanzeige-content strong{
  font-weight: bold;
}

#stellenanzeige-kontakt{
  /*display: flex;*/
  display: none;
  align-items: center;
}

#stellenanzeige-kontakt a{
  display: block;
  text-decoration: none;
  background-color: #F4F4F9;
  color: #00428c;
  border-radius: 5px;
  padding: 5px 10px;
  padding-right: 30px;
  margin-left: 20px;
  font-size: 19px;
  position: relative;
}

#stellenanzeige-kontakt a:before{
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.304' height='6.944' viewBox='0 0 24.304 6.944'%3E%3Cpath id='Rechteck_8' data-name='Rechteck 8' d='M2,0H24.3a0,0,0,0,1,0,0V6.944a0,0,0,0,1,0,0H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0Z' fill='%2300428c'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -5px;
  height: 5px;
  width: 20px;
  top: 15px;
}

.stellenanzeige-content h1{
  font-size: 100px;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 2rem;
}

@media (max-width: 1330px){
  .stellenanzeige-content {
    width: 80%;
    top: 2rem;
    left: 10%;
    right: 10%;
  }
  .pop-up-stellenanzeige:before{
    background: #00428c;
    top: 0;
    height: 70%;
  }
  .pop-up-stellenanzeige:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 33%;
    background-image: url('/files/stellenausschreibung/orthopaedie-allgaeu-stellenanzeige-mobile-bottom.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
}

@media (max-width: 845px){
  .stellenanzeige-content h1 {
    font-size: 60px;
  }
  #stellenanzeige-kontakt{
    display: block;
  }
  #stellenanzeige-kontakt a {
    margin-left: 0;
    display: inline-block;
  }
}

@media (max-width: 560px){
  .stellenanzeige-content h1 {
    font-size: 40px;
  }
  #close-pop-up {
    width: 20px;
    height: 20px;
    right: 15px;
    top: 15px;
  }
}

#popup {
  position: fixed;
  top: 0;
  background-color: rgb(255 255 255 / 70%);
  z-index: 10000;
}
#popup .inside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}
#popup .popup-job {
  height: max-content;
  max-width: 800px;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  position: relative;
}

#popup .popup-job .close {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.414' height='31.414' viewBox='0 0 31.414 31.414'%3E%3Cpath id='Vereinigungsmenge_1' data-name='Vereinigungsmenge 1' d='M15,15,0,30,15,15,0,0,15,15,30,0,15,15,30,30Z' transform='translate(0.707 0.707)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E%0A");
  right: 15px;
  top: 15px;
  position: absolute;
  height: 30px;
  cursor: pointer;
}
#popup .popup-job .ce_text {
  padding: 50px;
  text-align: left;
}
#popup .popup-job .ce_text h3,
#popup .popup-job .ce_text h2,
#popup .popup-job .ce_text p {
  color: #083A47;
  margin-bottom: 0;
}
#popup .popup-job .ce_image {
  height: 100%;
  width: 100%;
}
#popup .popup-job .ce_image figure {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#popup .popup-job .ce_image figure img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 1050px) {
  #popup .popup-job {
    width: 90vw;
  }
}
@media (max-width: 700px) {
  #popup .popup-job .ce_text {
    padding: 25px;
  }
  #popup .popup-job {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  #popup {
    overflow: scroll;
  }
}
@media (max-width: 500px) {
  #popup .inside {
    display: block;
  }
  #popup .popup-job {
    aspect-ratio: unset;
  }
  #popup .inside .ce_image img {
    content: url('/files/Home/pop-up_mobil.jpg');
    height: 90vh;
    object-fit: contain;
  }
}