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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.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%;
  }
}

@font-face {
  font-family: 'RockSolid-Icons';
  src: url('../../files/theme/fonts/RockSolid-Icons.eot?rkvjzf');
  src: url('../../files/theme/fonts/RockSolid-Icons.eot?rkvjzf#iefix')
      format('embedded-opentype'),
    url('../../files/theme/fonts/RockSolid-Icons.ttf?rkvjzf') format('truetype'),
    url('../../files/theme/fonts/RockSolid-Icons.woff?rkvjzf') format('woff'),
    url('../../files/theme/fonts/RockSolid-Icons.woff2') format('woff2'),
    url('../../files/theme/fonts/RockSolid-Icons.svg?rkvjzf#RockSolid-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'RockSolid-Icons';
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-3d:before {
  content: '\e150';
}
.icon-addressbook:before {
  content: '\e001';
}
.icon-airplane:before {
  content: '\e002';
}
.icon-amazon-2:before {
  content: '\e003';
}
.icon-amazon:before {
  content: '\e004';
}
.icon-ampersand:before {
  content: '\26';
}
.icon-anchor:before {
  content: '\e005';
}
.icon-android:before {
  content: '\e006';
}
.icon-aperture:before {
  content: '\e007';
}
.icon-apple:before {
  content: '\e008';
}
.icon-arrow-2-down:before {
  content: '\e009';
}
.icon-arrow-2-left:before {
  content: '\e00a';
}
.icon-arrow-2-right:before {
  content: '\e00b';
}
.icon-arrow-2-up:before {
  content: '\e00c';
}
.icon-arrow-3-down-left:before {
  content: '\e00d';
}
.icon-arrow-3-down-right:before {
  content: '\e00e';
}
.icon-arrow-3-down:before {
  content: '\2193';
}
.icon-arrow-3-left:before {
  content: '\2190';
}
.icon-arrow-3-right:before {
  content: '\2192';
}
.icon-arrow-3-up-left:before {
  content: '\e00f';
}
.icon-arrow-3-up-right:before {
  content: '\e010';
}
.icon-arrow-3-up:before {
  content: '\2191';
}
.icon-arrow-4-down:before {
  content: '\e011';
}
.icon-arrow-4-left:before {
  content: '\e012';
}
.icon-arrow-4-right:before {
  content: '\e013';
}
.icon-arrow-4-up:before {
  content: '\e014';
}
.icon-arrow-5-down:before {
  content: '\e015';
}
.icon-arrow-5-first:before {
  content: '\e016';
}
.icon-arrow-5-last:before {
  content: '\e017';
}
.icon-arrow-5-left:before {
  content: '\e018';
}
.icon-arrow-5-right:before {
  content: '\e019';
}
.icon-arrow-5-up:before {
  content: '\e01a';
}
.icon-arrow-down-left:before {
  content: '\e01b';
}
.icon-arrow-down-right:before {
  content: '\e01c';
}
.icon-arrow-down:before {
  content: '\e01d';
}
.icon-arrow-left:before {
  content: '\e01e';
}
.icon-arrow-right:before {
  content: '\e01f';
}
.icon-arrow-up-left:before {
  content: '\e020';
}
.icon-arrow-up-right:before {
  content: '\e021';
}
.icon-arrow-up:before {
  content: '\e022';
}
.icon-at:before {
  content: '\40';
}
.icon-award:before {
  content: '\e023';
}
.icon-backspace:before {
  content: '\e024';
}
.icon-baidu:before {
  content: '\e025';
}
.icon-bars:before {
  content: '\e026';
}
.icon-basket:before {
  content: '\e027';
}
.icon-beaker:before {
  content: '\e028';
}
.icon-bell:before {
  content: '\e029';
}
.icon-binoculars:before {
  content: '\e02a';
}
.icon-blogger-2:before {
  content: '\e02b';
}
.icon-blogger:before {
  content: '\e02c';
}
.icon-bluetooth:before {
  content: '\e02d';
}
.icon-bolt-2:before {
  content: '\e02e';
}
.icon-bolt:before {
  content: '\2301';
}
.icon-book-2:before {
  content: '\e02f';
}
.icon-book-3:before {
  content: '\e030';
}
.icon-book:before {
  content: '\e031';
}
.icon-bookmark:before {
  content: '\e032';
}
.icon-box:before {
  content: '\e033';
}
.icon-brush:before {
  content: '\e034';
}
.icon-calc:before {
  content: '\e035';
}
.icon-calendar-stroke:before {
  content: '\e036';
}
.icon-calendar:before {
  content: '\e037';
}
.icon-camera:before {
  content: '\e038';
}
.icon-cart-2:before {
  content: '\e039';
}
.icon-cart:before {
  content: '\e03a';
}
.icon-case:before {
  content: '\e03b';
}
.icon-cc:before {
  content: '\e03c';
}
.icon-cd:before {
  content: '\e03d';
}
.icon-chart-down-2:before {
  content: '\e03e';
}
.icon-chart-down:before {
  content: '\e03f';
}
.icon-chart-up-2:before {
  content: '\e040';
}
.icon-chart-up:before {
  content: '\e041';
}
.icon-chart:before {
  content: '\25d5';
}
.icon-chat-stroke:before {
  content: '\e042';
}
.icon-chat:before {
  content: '\e043';
}
.icon-check-2:before {
  content: '\e044';
}
.icon-check-3:before {
  content: '\2714';
}
.icon-check:before {
  content: '\2713';
}
.icon-chrome:before {
  content: '\e045';
}
.icon-clef-2:before {
  content: '\e046';
}
.icon-clef:before {
  content: '\e047';
}
.icon-clipboard:before {
  content: '\e048';
}
.icon-clock:before {
  content: '\e049';
}
.icon-cloud-download:before {
  content: '\e04a';
}
.icon-cloud-upload:before {
  content: '\e04b';
}
.icon-cloud:before {
  content: '\2601';
}
.icon-code:before {
  content: '\e04c';
}
.icon-coffee:before {
  content: '\e04d';
}
.icon-cog:before {
  content: '\2699';
}
.icon-cogs:before {
  content: '\e04e';
}
.icon-command:before {
  content: '\e04f';
}
.icon-comment-2-stroke:before {
  content: '\e050';
}
.icon-comment-2:before {
  content: '\e051';
}
.icon-comment-stroke:before {
  content: '\e052';
}
.icon-comment:before {
  content: '\e053';
}
.icon-cone-2:before {
  content: '\e054';
}
.icon-cone:before {
  content: '\e055';
}
.icon-contao:before {
  content: '\e056';
}
.icon-contrast:before {
  content: '\e057';
}
.icon-creditcard-2:before {
  content: '\e058';
}
.icon-creditcard:before {
  content: '\e059';
}
.icon-css3:before {
  content: '\e05a';
}
.icon-cursor:before {
  content: '\2196';
}
.icon-curved-arrow:before {
  content: '\e05b';
}
.icon-delicious:before {
  content: '\e05c';
}
.icon-denied:before {
  content: '\2298';
}
.icon-deviantart-2:before {
  content: '\e05d';
}
.icon-deviantart:before {
  content: '\e05e';
}
.icon-direction:before {
  content: '\e05f';
}
.icon-document-add:before {
  content: '\e060';
}
.icon-document-css:before {
  content: '\e061';
}
.icon-document-excel:before {
  content: '\e062';
}
.icon-document-openoffice:before {
  content: '\e063';
}
.icon-document-pdf:before {
  content: '\e064';
}
.icon-document-powerpoint:before {
  content: '\e065';
}
.icon-document-remove:before {
  content: '\e066';
}
.icon-document-word:before {
  content: '\e067';
}
.icon-document:before {
  content: '\e06a';
}
.icon-document-xml:before {
  content: '\e068';
}
.icon-document-zip:before {
  content: '\e069';
}
.icon-documents-2:before {
  content: '\e06b';
}
.icon-documents:before {
  content: '\e06c';
}
.icon-download-2:before {
  content: '\2913';
}
.icon-download:before {
  content: '\e06d';
}
.icon-dribbble-2:before {
  content: '\e06e';
}
.icon-dribbble:before {
  content: '\e06f';
}
.icon-dropbox:before {
  content: '\e070';
}
.icon-eject:before {
  content: '\23cf';
}
.icon-ember:before {
  content: '\e071';
}
.icon-equalizer:before {
  content: '\e072';
}
.icon-external:before {
  content: '\e151';
}
.icon-eye:before {
  content: '\e073';
}
.icon-eyedropper:before {
  content: '\e074';
}
.icon-facebook-2:before {
  content: '\e075';
}
.icon-facebook:before {
  content: '\e076';
}
.icon-fan:before {
  content: '\e077';
}
.icon-fax:before {
  content: '\e078';
}
.icon-feed-2:before {
  content: '\e079';
}
.icon-feed:before {
  content: '\e07a';
}
.icon-female:before {
  content: '\e07b';
}
.icon-firefox:before {
  content: '\e07c';
}
.icon-firewire:before {
  content: '\e07d';
}
.icon-first:before {
  content: '\21e4';
}
.icon-flag-2:before {
  content: '\e07e';
}
.icon-flag:before {
  content: '\e07f';
}
.icon-flickr-2:before {
  content: '\e080';
}
.icon-flickr:before {
  content: '\e081';
}
.icon-floppy:before {
  content: '\e082';
}
.icon-folder:before {
  content: '\e083';
}
.icon-folders:before {
  content: '\e084';
}
.icon-font-2:before {
  content: '\e085';
}
.icon-font:before {
  content: '\e086';
}
.icon-fork:before {
  content: '\2443';
}
.icon-forrst-2:before {
  content: '\e087';
}
.icon-forrst:before {
  content: '\e088';
}
.icon-fullscreen-exit:before {
  content: '\e089';
}
.icon-fullscreen:before {
  content: '\e08a';
}
.icon-funnel:before {
  content: '\e08b';
}
.icon-gallery:before {
  content: '\e08c';
}
.icon-game:before {
  content: '\e08d';
}
.icon-git-2:before {
  content: '\e08e';
}
.icon-git-3:before {
  content: '\e08f';
}
.icon-git:before {
  content: '\e090';
}
.icon-github-2:before {
  content: '\e091';
}
.icon-github-cat:before {
  content: '\e092';
}
.icon-github:before {
  content: '\e093';
}
.icon-glasses:before {
  content: '\e094';
}
.icon-globe:before {
  content: '\e095';
}
.icon-gplus-2:before {
  content: '\e096';
}
.icon-gplus-3:before {
  content: '\e097';
}
.icon-gplus:before {
  content: '\e098';
}
.icon-grid-2:before {
  content: '\e099';
}
.icon-grid:before {
  content: '\e09a';
}
.icon-hash:before {
  content: '\23';
}
.icon-hd:before {
  content: '\e09b';
}
.icon-headphones:before {
  content: '\e09c';
}
.icon-heart-stroke:before {
  content: '\e09d';
}
.icon-heart:before {
  content: '\e09e';
}
.icon-heartbeat:before {
  content: '\e09f';
}
.icon-help:before {
  content: '\e0a0';
}
.icon-home-2:before {
  content: '\e0a1';
}
.icon-home:before {
  content: '\2302';
}
.icon-html5-stroke:before {
  content: '\e0a2';
}
.icon-html5:before {
  content: '\e0a3';
}
.icon-ie:before {
  content: '\e0a4';
}
.icon-infinity:before {
  content: '\e0a5';
}
.icon-info-2:before {
  content: '\e0a6';
}
.icon-info:before {
  content: '\2139';
}
.icon-instagram:before {
  content: '\e152';
}
.icon-ipad:before {
  content: '\e0a7';
}
.icon-iphone:before {
  content: '\e0a8';
}
.icon-ipod:before {
  content: '\e0a9';
}
.icon-key-stroke:before {
  content: '\e0aa';
}
.icon-key:before {
  content: '\e0ab';
}
.icon-laptop-2:before {
  content: '\e0ac';
}
.icon-laptop:before {
  content: '\e0ad';
}
.icon-last:before {
  content: '\21e5';
}
.icon-lastfm-2:before {
  content: '\e0ae';
}
.icon-lastfm:before {
  content: '\e0af';
}
.icon-layers:before {
  content: '\e0b0';
}
.icon-leave:before {
  content: '\e0b1';
}
.icon-left-quote-2:before {
  content: '\e0b2';
}
.icon-left-quote:before {
  content: '\201c';
}
.icon-like:before {
  content: '\e0b3';
}
.icon-link-2:before {
  content: '\e0b4';
}
.icon-link:before {
  content: '\e0b5';
}
.icon-linkedin:before {
  content: '\e0b6';
}
.icon-list-2:before {
  content: '\e0b7';
}
.icon-list:before {
  content: '\e0b8';
}
.icon-load-0:before {
  content: '\e0b9';
}
.icon-load-1:before {
  content: '\e0ba';
}
.icon-load-2:before {
  content: '\e0bb';
}
.icon-load-3:before {
  content: '\e0bc';
}
.icon-load-4:before {
  content: '\e0bd';
}
.icon-load-5:before {
  content: '\e0be';
}
.icon-load-6:before {
  content: '\e0bf';
}
.icon-load-7:before {
  content: '\e0c0';
}
.icon-lock-2:before {
  content: '\e0c1';
}
.icon-lock-stroke:before {
  content: '\e0c2';
}
.icon-lock:before {
  content: '\e0c3';
}
.icon-loop-double:before {
  content: '\e0c4';
}
.icon-loop-left-2:before {
  content: '\e0c5';
}
.icon-loop-left:before {
  content: '\e0c6';
}
.icon-loop-right-2:before {
  content: '\e0c7';
}
.icon-loop-right:before {
  content: '\e0c8';
}
.icon-loop:before {
  content: '\27f3';
}
.icon-magnifying-glass-2:before {
  content: '\e0c9';
}
.icon-magnifying-glass-3:before {
  content: '\e0ca';
}
.icon-magnifying-glass:before {
  content: '\e0cb';
}
.icon-mail-2:before {
  content: '\e0cc';
}
.icon-mail-3:before {
  content: '\e0cd';
}
.icon-mail-stroke:before {
  content: '\e0ce';
}
.icon-mail:before {
  content: '\2709';
}
.icon-male:before {
  content: '\e0cf';
}
.icon-map-pin-2-stroke:before {
  content: '\e0d0';
}
.icon-map-pin-2:before {
  content: '\e0d1';
}
.icon-map-pin-stroke:before {
  content: '\e0d2';
}
.icon-map-pin:before {
  content: '\e0d3';
}
.icon-megaphone:before {
  content: '\e0d4';
}
.icon-mic-2:before {
  content: '\e0d5';
}
.icon-mic:before {
  content: '\e0d6';
}
.icon-minus-2:before {
  content: '\2296';
}
.icon-minus:before {
  content: '\2212';
}
.icon-monitor:before {
  content: '\e0d7';
}
.icon-moon-stroke:before {
  content: '\263e';
}
.icon-moon:before {
  content: '\e0d8';
}
.icon-mouse:before {
  content: '\e0d9';
}
.icon-move-horizontal:before {
  content: '\2194';
}
.icon-move-vertical:before {
  content: '\2195';
}
.icon-move:before {
  content: '\e0da';
}
.icon-movie:before {
  content: '\e0db';
}
.icon-new-window:before {
  content: '\e0dc';
}
.icon-news:before {
  content: '\e0dd';
}
.icon-opera:before {
  content: '\e0de';
}
.icon-paperclip:before {
  content: '\e0df';
}
.icon-paperplane:before {
  content: '\e0e0';
}
.icon-pause-2:before {
  content: '\e0e1';
}
.icon-pause:before {
  content: '\e0e2';
}
.icon-pen-2-stroke:before {
  content: '\e0e3';
}
.icon-pen-2:before {
  content: '\e0e4';
}
.icon-pen-3:before {
  content: '\e0e5';
}
.icon-pen:before {
  content: '\270f';
}
.icon-phone-2:before {
  content: '\e0e6';
}
.icon-phone-mobile:before {
  content: '\e0e7';
}
.icon-phone:before {
  content: '\e0e8';
}
.icon-picasa-2:before {
  content: '\e0e9';
}
.icon-picasa:before {
  content: '\e0ea';
}
.icon-pilcrow:before {
  content: '\b6';
}
.icon-pin:before {
  content: '\e0eb';
}
.icon-pinterest-2:before {
  content: '\e0ec';
}
.icon-pinterest:before {
  content: '\e0ed';
}
.icon-play-2:before {
  content: '\e0ee';
}
.icon-play:before {
  content: '\25b6';
}
.icon-plus-2:before {
  content: '\e0ef';
}
.icon-plus-3:before {
  content: '\2295';
}
.icon-plus:before {
  content: '\2b';
}
.icon-podcast-2:before {
  content: '\e0f0';
}
.icon-podcast:before {
  content: '\e0f1';
}
.icon-polaroids:before {
  content: '\e0f2';
}
.icon-power:before {
  content: '\e0f3';
}
.icon-printer-2:before {
  content: '\e0f4';
}
.icon-printer:before {
  content: '\e0f5';
}
.icon-puzzle:before {
  content: '\e0f6';
}
.icon-question-mark:before {
  content: '\3f';
}
.icon-question:before {
  content: '\e0f7';
}
.icon-rain:before {
  content: '\e0f8';
}
.icon-read:before {
  content: '\e0f9';
}
.icon-recycle:before {
  content: '\e0fa';
}
.icon-reload:before {
  content: '\21bb';
}
.icon-responsive:before {
  content: '\e0fb';
}
.icon-right-quote-2:before {
  content: '\e0fc';
}
.icon-right-quote:before {
  content: '\201d';
}
.icon-rocket:before {
  content: '\e0fd';
}
.icon-rss-2:before {
  content: '\e0fe';
}
.icon-rss:before {
  content: '\e0ff';
}
.icon-ruler:before {
  content: '\e100';
}
.icon-safari:before {
  content: '\e101';
}
.icon-save:before {
  content: '\e102';
}
.icon-seo:before {
  content: '\e103';
}
.icon-share-2:before {
  content: '\e104';
}
.icon-share:before {
  content: '\e105';
}
.icon-shield-2-stroke:before {
  content: '\e106';
}
.icon-shield-2:before {
  content: '\e107';
}
.icon-shield:before {
  content: '\e108';
}
.icon-shuffle:before {
  content: '\e109';
}
.icon-skype:before {
  content: '\e10a';
}
.icon-smiles:before {
  content: '\e10b';
}
.icon-snowflake:before {
  content: '\e10c';
}
.icon-soundcloud-2:before {
  content: '\e10d';
}
.icon-soundcloud:before {
  content: '\e10e';
}
.icon-speedometer-2-low:before {
  content: '\e10f';
}
.icon-speedometer-2-medium:before {
  content: '\e110';
}
.icon-speedometer-2:before {
  content: '\e111';
}
.icon-speedometer:before {
  content: '\e112';
}
.icon-spin:before {
  content: '\e113';
}
.icon-star-2-half:before {
  content: '\e114';
}
.icon-star-2-stroke:before {
  content: '\e115';
}
.icon-star-2:before {
  content: '\e116';
}
.icon-star-half:before {
  content: '\e117';
}
.icon-star-stroke:before {
  content: '\e118';
}
.icon-star:before {
  content: '\2605';
}
.icon-stop-2:before {
  content: '\e119';
}
.icon-stop:before {
  content: '\25a0';
}
.icon-stumbleupon-2:before {
  content: '\e11a';
}
.icon-stumbleupon:before {
  content: '\e11b';
}
.icon-sun-stroke:before {
  content: '\263c';
}
.icon-sun:before {
  content: '\2600';
}
.icon-support:before {
  content: '\e11c';
}
.icon-tag-left:before {
  content: '\e11d';
}
.icon-tag-right:before {
  content: '\e11e';
}
.icon-tag-stroke:before {
  content: '\e11f';
}
.icon-tag:before {
  content: '\e120';
}
.icon-target-2:before {
  content: '\e121';
}
.icon-target:before {
  content: '\e122';
}
.icon-temperature-2:before {
  content: '\e123';
}
.icon-temperature:before {
  content: '\e124';
}
.icon-thumb-down:before {
  content: '\e125';
}
.icon-thumb-up:before {
  content: '\e126';
}
.icon-tie:before {
  content: '\e127';
}
.icon-tools-2:before {
  content: '\e128';
}
.icon-tools:before {
  content: '\e129';
}
.icon-transfer:before {
  content: '\21c4';
}
.icon-trash-2:before {
  content: '\e12a';
}
.icon-trash-3-stroke:before {
  content: '\e12b';
}
.icon-trash-3:before {
  content: '\e12c';
}
.icon-trash:before {
  content: '\e12d';
}
.icon-truck:before {
  content: '\e12e';
}
.icon-tumblr-2:before {
  content: '\e12f';
}
.icon-tumblr:before {
  content: '\e130';
}
.icon-twitter-bird-2:before {
  content: '\e131';
}
.icon-twitter-bird:before {
  content: '\e132';
}
.icon-umbrella:before {
  content: '\2602';
}
.icon-undo:before {
  content: '\238c';
}
.icon-unlock-stroke:before {
  content: '\e133';
}
.icon-unlock:before {
  content: '\e134';
}
.icon-upload:before {
  content: '\2912';
}
.icon-upload1:before {
  content: '\e135';
}
.icon-usb:before {
  content: '\e136';
}
.icon-user-2:before {
  content: '\e137';
}
.icon-user:before {
  content: '\e138';
}
.icon-users:before {
  content: '\e139';
}
.icon-vcard:before {
  content: '\e13a';
}
.icon-vector-2:before {
  content: '\e13b';
}
.icon-vector:before {
  content: '\e13c';
}
.icon-video:before {
  content: '\e13d';
}
.icon-vimeo-2:before {
  content: '\e13e';
}
.icon-vimeo:before {
  content: '\e13f';
}
.icon-volume-mute:before {
  content: '\e140';
}
.icon-volume:before {
  content: '\e141';
}
.icon-wand:before {
  content: '\e142';
}
.icon-warning-2:before {
  content: '\e143';
}
.icon-warning:before {
  content: '\e144';
}
.icon-windows:before {
  content: '\e145';
}
.icon-wireless:before {
  content: '\e146';
}
.icon-wordpress-2:before {
  content: '\e147';
}
.icon-wordpress:before {
  content: '\e148';
}
.icon-wrench:before {
  content: '\e149';
}
.icon-x-2-stroke:before {
  content: '\e14a';
}
.icon-x-2:before {
  content: '\2297';
}
.icon-x:before {
  content: '\d7';
}
.icon-xing:before {
  content: '\e14b';
}
.icon-yahoo-2:before {
  content: '\e14c';
}
.icon-yahoo:before {
  content: '\e14d';
}
.icon-youtube-2:before {
  content: '\e14e';
}
.icon-youtube:before {
  content: '\e14f';
}
.icon-x-twitter:before {
  content: '\e900';
}
.icon-cloud-rainbow:before {
  content: '\e901';
}
.icon-down-left-and-up-right-to-center:before {
  content: '\e902';
}
.icon-diamond-turn-right:before {
  content: '\e903';
}
.icon-down-right:before {
  content: '\e904';
}
.icon-circle-up-right:before {
  content: '\e905';
}
.icon-circle-right:before {
  content: '\e906';
}
.icon-square-chevron-right:before {
  content: '\e907';
}
.icon-square-right:before {
  content: '\e908';
}
.icon-square-up-right:before {
  content: '\e909';
}
.icon-square-caret-right:before {
  content: '\e90a';
}
.icon-right:before {
  content: '\e90b';
}
.icon-right-to-bracket:before {
  content: '\e90c';
}
.icon-right-to-line:before {
  content: '\e90d';
}
.icon-square-arrow-down-right:before {
  content: '\e90e';
}
.icon-square-arrow-right:before {
  content: '\e90f';
}
.icon-caret-right:before {
  content: '\e910';
}
.icon-chevron-right:before {
  content: '\e911';
}
.icon-chevrons-right:before {
  content: '\e912';
}
.icon-circle-arrow-right:before {
  content: '\e913';
}
.icon-circle-chevron-right:before {
  content: '\e914';
}
.icon-arrow-right-long-to-line:before {
  content: '\e915';
}
.icon-arrow-right-from-line:before {
  content: '\e916';
}
.icon-arrow-right-arrow-left:before {
  content: '\e917';
}
.icon-angles-right:before {
  content: '\e918';
}
.icon-arrow-right-to-bracket:before {
  content: '\e919';
}
.icon-arrow-right-to-arc:before {
  content: '\e91a';
}
.icon-arrow-right-to-line:before {
  content: '\e91b';
}
.icon-arrow-right1:before {
  content: '\e91c';
}
.icon-arrow-rotate-right:before {
  content: '\e91d';
}
.icon-arrow-right-long:before {
  content: '\e91e';
}
.icon-angle-right:before {
  content: '\e91f';
}
.icon-angle-left:before {
  content: '\e920';
}
.icon-angles-left:before {
  content: '\e921';
}
.icon-arrow-down-left-and-arrow-up-right-to-center:before {
  content: '\e922';
}
.icon-arrow-down-left1:before {
  content: '\e923';
}
.icon-arrow-left-from-line:before {
  content: '\e924';
}
.icon-arrow-left-long-to-line:before {
  content: '\e925';
}
.icon-arrow-left-long:before {
  content: '\e926';
}
.icon-arrow-left-to-line:before {
  content: '\e927';
}
.icon-arrow-left1:before {
  content: '\e928';
}
.icon-arrow-right-arrow-left1:before {
  content: '\e929';
}
.icon-arrow-rotate-left:before {
  content: '\e92a';
}
.icon-arrow-turn-down-left:before {
  content: '\e92b';
}
.icon-arrow-up-left-from-circle:before {
  content: '\e92c';
}
.icon-arrow-up-left1:before {
  content: '\e92d';
}
.icon-caret-left:before {
  content: '\e92e';
}
.icon-chevron-left:before {
  content: '\e92f';
}
.icon-chevrons-left:before {
  content: '\e930';
}
.icon-circle-arrow-down-left:before {
  content: '\e931';
}
.icon-circle-arrow-left:before {
  content: '\e932';
}
.icon-circle-arrow-up-left:before {
  content: '\e933';
}
.icon-circle-caret-left:before {
  content: '\e934';
}
.icon-circle-down-left:before {
  content: '\e935';
}
.icon-circle-chevron-left:before {
  content: '\e936';
}
.icon-circle-left:before {
  content: '\e937';
}
.icon-circle-up-left:before {
  content: '\e938';
}
.icon-clock-rotate-left:before {
  content: '\e939';
}
.icon-down-left:before {
  content: '\e93a';
}
.icon-left-from-line:before {
  content: '\e93b';
}
.icon-left-long-to-line:before {
  content: '\e93c';
}
.icon-left-long:before {
  content: '\e93d';
}
.icon-left-to-line:before {
  content: '\e93e';
}
.icon-left:before {
  content: '\e93f';
}
.icon-square-arrow-down-left:before {
  content: '\e940';
}
.icon-square-arrow-left:before {
  content: '\e941';
}
.icon-square-arrow-up-left:before {
  content: '\e942';
}
.icon-square-caret-left:before {
  content: '\e943';
}
.icon-square-down-left:before {
  content: '\e944';
}
.icon-square-chevron-left:before {
  content: '\e945';
}
.icon-square-left:before {
  content: '\e946';
}
.icon-square-up-left:before {
  content: '\e947';
}
.icon-rotate-left:before {
  content: '\e948';
}
.icon-right-left:before {
  content: '\e949';
}
.icon-right-left-large:before {
  content: '\e94a';
}
.icon-turn-down-left:before {
  content: '\e94b';
}
.icon-up-left:before {
  content: '\e94c';
}
.icon-up-right-and-down-left-from-center:before {
  content: '\e94d';
}
.icon-magnifying-glass-minus:before {
  content: '\e94e';
}
.icon-magnifying-glass-plus:before {
  content: '\e94f';
}
.icon-magnifying-glass1:before {
  content: '\e950';
}
.icon-circle-info:before {
  content: '\e951';
}
.icon-circle-info1:before {
  content: '\e952';
}
.icon-circle-info2:before {
  content: '\e953';
}
.icon-circle-xmark:before {
  content: '\e954';
}
.icon-location-xmark:before {
  content: '\e955';
}
.icon-xmark:before {
  content: '\e956';
}
.icon-xmark-large:before {
  content: '\e957';
}
.icon-trash-can-xmark:before {
  content: '\e958';
}
.icon-circle-xmark1:before {
  content: '\e959';
}
.icon-location-xmark1:before {
  content: '\e95a';
}
.icon-xmark1:before {
  content: '\e95b';
}
.icon-xmark-large1:before {
  content: '\e95c';
}
.icon-threads:before {
  content: '\e95d';
}
.icon-up-down-left-right:before {
  content: '\e95e';
}
.icon-up-down:before {
  content: '\e95f';
}
.icon-up-from-line:before {
  content: '\e960';
}
.icon-up-from-bracket:before {
  content: '\e961';
}
.icon-up:before {
  content: '\e962';
}
.icon-up-to-line:before {
  content: '\e963';
}
.icon-water-arrow-up:before {
  content: '\e964';
}
.icon-folder-arrow-up:before {
  content: '\e965';
}
.icon-file-arrow-up:before {
  content: '\e966';
}
.icon-circle-caret-up:before {
  content: '\e967';
}
.icon-circle-chevron-up:before {
  content: '\e968';
}
.icon-circle-sort-up:before {
  content: '\e969';
}
.icon-circle-up:before {
  content: '\e96a';
}
.icon-cloud-arrow-up:before {
  content: '\e96b';
}
.icon-comment-arrow-up:before {
  content: '\e96c';
}
.icon-circle-arrow-up:before {
  content: '\e96d';
}
.icon-arrows-up-down-left-right:before {
  content: '\e96e';
}
.icon-arrows-up-down:before {
  content: '\e96f';
}
.icon-arrow-up-to-dotted-line:before {
  content: '\e970';
}
.icon-arrow-up-to-line:before {
  content: '\e971';
}
.icon-arrow-up-from-arc:before {
  content: '\e972';
}
.icon-arrow-up-from-bracket:before {
  content: '\e973';
}
.icon-arrow-up-from-line:before {
  content: '\e974';
}
.icon-arrow-turn-up:before {
  content: '\e975';
}
.icon-arrow-down-arrow-up:before {
  content: '\e976';
}
.icon-angles-up:before {
  content: '\e977';
}
.icon-square-chevron-down:before {
  content: '\e978';
}
.icon-angle-up:before {
  content: '\e979';
}
.icon-angle-down:before {
  content: '\e97a';
}
.icon-angles-down:before {
  content: '\e97b';
}
.icon-arrow-down-from-dotted-line:before {
  content: '\e97c';
}
.icon-arrow-down-from-line:before {
  content: '\e97d';
}
.icon-arrow-down-to-arc:before {
  content: '\e97e';
}
.icon-arrow-down-to-bracket:before {
  content: '\e97f';
}
.icon-circle-arrow-down:before {
  content: '\e980';
}
.icon-circle-chevron-down:before {
  content: '\e981';
}
.icon-circle-down:before {
  content: '\e982';
}
.icon-circle-caret-down:before {
  content: '\e983';
}
.icon-comment-arrow-down:before {
  content: '\e984';
}
.icon-cloud-arrow-down:before {
  content: '\e985';
}
.icon-file-arrow-down:before {
  content: '\e986';
}
.icon-folder-arrow-down:before {
  content: '\e987';
}
.icon-down:before {
  content: '\e988';
}
.icon-down-to-bracket:before {
  content: '\e989';
}
.icon-down-to-dotted-line:before {
  content: '\e98a';
}
.icon-down-to-line:before {
  content: '\e98b';
}
.icon-desktop-arrow-down:before {
  content: '\e98c';
}
.icon-display-arrow-down:before {
  content: '\e98d';
}
.icon-down-from-dotted-line:before {
  content: '\e98e';
}
.icon-down-from-line:before {
  content: '\e98f';
}
.icon-water-arrow-down:before {
  content: '\e990';
}
.icon-square-arrow-down:before {
  content: '\e991';
}
.icon-sort-down:before {
  content: '\e992';
}
.icon-square-caret-down:before {
  content: '\e993';
}
.icon-square-down:before {
  content: '\e994';
}
.icon-square-chevron-down1:before {
  content: '\e995';
}
.icon-blue-sky:before {
  content: '\e996';
}

@font-face {
  font-family: 'Laica A';
  src: url('../../files/theme/fonts/laica/LaicaA-Italic.eot');
  src: local('Laica A Italic'), local('LaicaA-Italic'),
    url('../../files/theme/fonts/laica/LaicaA-Italic.eot?#iefix') format('embedded-opentype'),
    url('../../files/theme/fonts/laica/LaicaA-Italic.woff2') format('woff2'),
    url('../../files/theme/fonts/laica/LaicaA-Italic.woff') format('woff'),
    url('../../files/theme/fonts/laica/LaicaA-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Laica A';
  src: url('../../files/theme/fonts/laica/LaicaA-Regular.eot');
  src: local('Laica A Regular'), local('LaicaA-Regular'),
    url('../../files/theme/fonts/laica/LaicaA-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../files/theme/fonts/laica/LaicaA-Regular.woff2') format('woff2'),
    url('../../files/theme/fonts/laica/LaicaA-Regular.woff') format('woff'),
    url('../../files/theme/fonts/laica/LaicaA-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../../files/theme/fonts/graphik/Graphik-Regular.eot');
  src: url('../../files/theme/fonts/graphik/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../files/theme/fonts/graphik/Graphik-Regular.woff2') format('woff2'),
    url('../../files/theme/fonts/graphik/Graphik-Regular.woff') format('woff'),
    url('../../files/theme/fonts/graphik/Graphik-Regular.svg#Graphik-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../../files/theme/fonts/graphik/Graphik-RegularItalic.eot');
  src: url('../../files/theme/fonts/graphik/Graphik-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('../../files/theme/fonts/graphik/Graphik-RegularItalic.woff2') format('woff2'),
    url('../../files/theme/fonts/graphik/Graphik-RegularItalic.woff') format('woff'),
    url('../../files/theme/fonts/graphik/Graphik-RegularItalic.svg#Graphik-RegularItalic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../../files/theme/fonts/graphik/Graphik-BoldItalic.eot');
  src: url('../../files/theme/fonts/graphik/Graphik-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../../files/theme/fonts/graphik/Graphik-BoldItalic.woff2') format('woff2'),
    url('../../files/theme/fonts/graphik/Graphik-BoldItalic.woff') format('woff'),
    url('../../files/theme/fonts/graphik/Graphik-BoldItalic.svg#Graphik-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../../files/theme/fonts/graphik/Graphik-Bold.eot');
  src: url('../../files/theme/fonts/graphik/Graphik-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../files/theme/fonts/graphik/Graphik-Bold.woff2') format('woff2'),
    url('../../files/theme/fonts/graphik/Graphik-Bold.woff') format('woff'),
    url('../../files/theme/fonts/graphik/Graphik-Bold.svg#Graphik-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../../files/theme/fonts/graphik/Graphik-ExtralightItalic.eot');
  src: url('../../files/theme/fonts/graphik/Graphik-ExtralightItalic.eot?#iefix') format('embedded-opentype'),
    url('../../files/theme/fonts/graphik/Graphik-ExtralightItalic.woff2') format('woff2'),
    url('../../files/theme/fonts/graphik/Graphik-ExtralightItalic.woff') format('woff'),
    url('../../files/theme/fonts/graphik/Graphik-ExtralightItalic.svg#Graphik-ExtralightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../../files/theme/fonts/graphik/Graphik-Extralight.eot');
  src: url('../../files/theme/fonts/graphik/Graphik-Extralight.eot?#iefix') format('embedded-opentype'),
    url('../../files/theme/fonts/graphik/Graphik-Extralight.woff2') format('woff2'),
    url('../../files/theme/fonts/graphik/Graphik-Extralight.woff') format('woff'),
    url('../../files/theme/fonts/graphik/Graphik-Extralight.svg#Graphik-Extralight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@charset "UTF-8";
:root {
  --main-padding-x: 2.66667rem;
  --safe-area-left: 0px;
  --safe-area-right: 0px;
  --safe-area-top: 0px;
  --safe-area-bottom: 0px;
  --page-padding-left: calc(var(--safe-area-left) + var(--main-padding-x));
  --page-padding-right: calc( var(--safe-area-right) + var(--main-padding-x));
  --page-inner-width: calc( 100% - var(--page-padding-left) - var(--page-padding-right));
}

@media screen and (max-width: 1280px) {
  :root {
    --main-padding-x: 3.125%;
  }
}

@media screen and (max-width: 900px) {
  :root {
    --main-padding-x: 4.16667%;
  }
}

@supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) {
  :root {
    /* Non-standard iOS 11.1 syntax */
    --safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5);
    --safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5);
    --safe-area-top: constant(safe-area-inset-top, 0px);
    --safe-area-bottom: constant(safe-area-inset-bottom, 0px);
  }
}

@supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) {
  :root {
    /* W3C standard and iOS 11.2 syntax */
    --safe-area-left: calc( max(0px, env(safe-area-inset-left, 0px) - 14px));
    --safe-area-right: calc( max(0px, env(safe-area-inset-right, 0px) - 14px));
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  }
}

html {
  position: relative;
  box-sizing: border-box;
  font: 18px/1.6em "Laica A";
  color: black;
  -webkit-tap-highlight-color: #3596db;
}

@media screen and (max-width: 599px) {
  html {
    font-size: 13px;
  }
}

body {
  font: 18px/1.6em "Laica A";
  text-transform: lowercase !important;
  font-weight: 500;
  font-style: normal;
}

body[class^='icon-']:before, body[class*=' icon-']:before {
  /* Ignore icon classes on the body element */
  content: none;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

#header {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  padding: 0 20px;
  min-height: 60px;
  display: block;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 800;
  background-color: white;
  transition: box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 901px) {
  #header {
    padding: 0 2%;
    box-shadow: none;
  }
  #header.fixed {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
}

#header .inside {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  min-height: 60px;
}

@media screen and (min-width: 901px) {
  #header .inside {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }
}

#main .inside,
#footer .inside {
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

.fullwidth #main .inside, .fullwidth
#footer .inside {
  max-width: 100%;
}

@media screen and (min-width: 1280px) {
  #main .inside,
  #footer .inside {
    padding-left: 0;
    padding-right: 0;
  }
}

#footer .inside {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

/* Headlines */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Graphik", sans-serif;
  line-height: 1em;
}

#hero h1 {
  font-weight: 400;
  margin-bottom: 2rem;
  margin-top: 0;
}

.layout_full h1 {
  margin-bottom: 3rem;
  font-size: clamp(1.2em, 35px, 40px);
  font-weight: 600;
}

h2 {
  margin-bottom: 2rem;
}

#hero h2 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.hero-list h2 {
  font-size: clamp(1.2em, 40px, 50px);
}

.layout_latest h2 a,
.layout_teaser h2 a {
  text-decoration: none;
}

.content-text h2 {
  font-size: clamp(1.2em, 22px, 25px);
  margin-bottom: 1rem;
}

.books h2,
.authors h2,
.layout_teaser h2 {
  margin-top: 0;
  text-align: center;
  font-weight: 600;
}

.books h2::after,
.authors h2::after,
.layout_teaser h2::after {
  content: '';
  display: block;
  width: 30%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  background-color: black;
}

.-color-inverted .books h2::after, .-color-inverted
.authors h2::after, .-color-inverted
.layout_teaser h2::after {
  background-color: white;
}

.books > h2 {
  text-align: left;
  margin-top: 2rem;
  font-weight: 400;
}

.books > h2:after {
  display: none;
}

.hero-list h2:after {
  display: none;
}

.authors h2,
.layout_teaser h2 {
  text-align: left;
}

.authors h2:after,
.layout_teaser h2:after {
  margin-left: 0;
}

.layout_teaser h2 {
  margin-top: 2rem;
}

.layout_teaser h2::after {
  display: none;
}

.books .custom-color h2 a {
  color: var(--color);
}

.books .custom-color h2:after {
  background-color: var(--color);
}

.authors .custom-color h2 a {
  color: white;
}

.authors .custom-color h2:after {
  background-color: white;
}

.content-text h3 {
  font-size: clamp(1.1em, 20px, 22px);
  margin-bottom: 1rem;
}

/* Text Variables */
.serif {
  font-family: "Laica A";
}

.sans {
  font-family: "Graphik", sans-serif;
}

.purple {
  color: #7e79a3;
}

.green {
  color: #8dbcb7;
}

.bage {
  color: #bcb7a6;
}

/* Alignment*/
.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

/* Margin, Padding */
*.margin-top-m {
  margin-top: 2rem;
}

*.margin-top-l {
  margin-top: 4rem;
}

*.margin-top-xl {
  margin-top: 6rem;
}

*.margin-top-xxl {
  margin-top: 8rem;
}

*.margin-bottom-m {
  margin-bottom: 2rem;
}

*.margin-bottom-l {
  margin-bottom: 4rem;
}

*.margin-bottom-xl {
  margin-bottom: 6rem;
}

*.margin-bottom-xxl {
  margin-bottom: 8rem;
}

*.margin-bottom-top-m {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

*.margin-bottom-top-l {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

*.margin-bottom-top-xl {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

*.margin-bottom-topth-xxl {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

*.no-margin-top {
  margin-top: 0 !important;
}

*.no-margin-bottom {
  margin-bottom: 0 !important;
}

/* Width */
.narrow-width {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* Formulare */
form {
  margin-top: 40px;
  margin-bottom: 40px;
}

.form-modal form {
  margin-top: 10px;
  margin-bottom: 0;
}

form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
  clear: both;
}

form .form-row {
  position: relative;
  clear: both;
}

form .form-row b.error,
form p.error {
  display: block;
  margin: 0;
  color: #cc1919;
}

/* Link */
a,
a:link {
  color: #7e79a3;
  transition: color 0.3s ease-in-out;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

a:hover,
a:link:hover {
  color: black;
}

.author a, .author
a:link {
  font-weight: 500;
  color: black;
}

.author a:hover, .author
a:link:hover {
  color: #7e79a3;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

input {
  padding: 0.8em 1em;
  line-height: normal;
  border: 1px solid #e5e5e5;
  font-size: 0.93333em;
  background: white;
}

.form-modal input {
  padding-left: 0;
  border: none;
  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out;
}

.valid input {
  border-bottom-color: #3596db;
}

.invalid input, input.error {
  border-bottom-color: #cc1919;
}

input::-webkit-input-placeholder {
  color: grey;
}

input:-moz-placeholder {
  color: grey;
}

input:-ms-input-placeholder {
  color: grey;
}

input::placeholder {
  color: grey;
}

input:hover {
  border-bottom-color: #d8d8d8 #d8d8d8 #cecece;
  box-shadow: 0 0 -6px rgba(0, 0, 0, 0.1);
}

input:focus {
  border-bottom-color: #7e79a3;
}

textarea {
  padding: 0.8em 1.26667em;
  line-height: normal;
  border: 1px solid #e5e5e5;
  font-size: 0.93333em;
  background: white;
}

.valid textarea {
  border-color: #3596db;
}

.invalid textarea, textarea.error {
  border-color: #cc1919;
}

textarea::-webkit-input-placeholder {
  color: grey;
}

textarea:-moz-placeholder {
  color: grey;
}

textarea:-ms-input-placeholder {
  color: grey;
}

textarea::placeholder {
  color: grey;
}

textarea:hover {
  border-color: #d8d8d8 #d8d8d8 #cecece;
  box-shadow: 0 0 -6px rgba(0, 0, 0, 0.1);
}

textarea:focus {
  border-bottom-color: #7e79a3;
}

input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='url'], input[type='number'] {
  outline: none;
}

input[type='checkbox'], input[type='radio'], input[type='image'] {
  width: auto !important;
  height: auto !important;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}

input[type='checkbox'] {
  vertical-align: middle;
  appearance: checkbox;
}

input[type='radio'] {
  vertical-align: middle;
  appearance: radio;
  background: none;
}

input[type='file'] {
  height: auto;
  padding: 0;
  border: 0;
  /* IE8 und IE9 */
  border: 1px solid #e5e5e5 	;
  background: none;
  box-shadow: none;
}

button,
input[type='submit'] {
  margin-top: 1.2em;
}

textarea {
  height: 223px;
  resize: vertical;
  line-height: 1.5;
  outline: none;
  border: #e5e5e5;
}

fieldset {
  margin: 1.2em 0;
  border: 0px solid #e5e5e5;
  padding: 0;
}

fieldset legend {
  padding: 0;
}

fieldset legend .mandatory {
  color: #cc1919;
}

fieldset + br {
  /* <br> von Contao ausblenden */
  display: none;
}

fieldset.cols-2, fieldset.cols-3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 901px) {
  fieldset.cols-2, fieldset.cols-3 {
    flex-direction: row;
  }
}

.widget {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  clear: left;
  float: none;
}

.cols-2 .widget {
  width: 100%;
}

@media screen and (min-width: 901px) {
  .cols-2 .widget {
    width: calc(50% - 3%);
    margin-right: 3%;
  }
  .cols-2 .widget:nth-child(2n) {
    margin-right: 0;
  }
}

.cols-3 .widget {
  width: 100%;
}

@media screen and (min-width: 901px) {
  .cols-3 .widget {
    width: calc(33% - 3%);
    margin-right: 3%;
  }
  .cols-3 .widget:nth-child(3n) {
    margin-right: 0;
  }
}

.custom-select {
  min-width: 100%;
  max-width: 100%;
  position: relative;
}

.custom-select:before, .custom-select:after {
  --size: 0.3rem;
  position: absolute;
  content: '';
  right: 1rem;
  pointer-events: none;
}

.custom-select:before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 40%;
}

.custom-select:after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%;
}

.custom-select select {
  appearance: none;
  /* safari */
  -webkit-appearance: none;
  /* other styles for aesthetics */
  width: 100%;
  padding: 0.675em 6em 0.675em 1em;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0rem;
  color: #000;
  outline: 0;
  cursor: pointer;
}

.form-modal .custom-select select {
  padding-left: 0;
  border: none;
  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out;
}

#main form .form-row {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

#main label {
  display: block;
  position: absolute;
  color: grey;
  top: 40px;
  left: 0;
  font-size: 0.93333em;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
}

.-color-inverted #main label {
  color: white;
}

#main label .mandatory {
  margin-left: 0.14286em;
  color: #cc1919;
}

#main .focused label {
  transform: translateY(-125%);
  font-size: 0.75em;
}

#main .widget-select label,
#main .form-bookname label {
  position: relative;
  top: 0;
  margin-bottom: 0px;
}

#main input[type='checkbox'] + label {
  display: inline;
}

#main fieldset p {
  margin: 0;
}

#main fieldset label {
  display: inline;
  margin: 0;
}

#main fieldset label:after {
  /* Zeilenumbruch nach label */
  content: '\A';
  white-space: pre;
}

#main input,
#main textarea,
#main select,
#main fieldset {
  width: 100%;
}

@media screen and (max-width: 599px) {
  #main input,
  #main textarea,
  #main select,
  #main fieldset {
    width: 100%;
  }
}

#main .rs-column input,
#main .rs-column textarea,
#main .rs-column select,
#main .rs-column fieldset,
#main .rs-column .select-selected {
  width: 100%;
}

#main button,
#main input[type='submit'] {
  width: auto;
}

@media screen and (max-width: 599px) {
  #main button,
  #main input[type='submit'] {
    width: 100%;
  }
}

.fullwidth-form input,
.fullwidth-form textarea,
.fullwidth-form select,
.fullwidth-form fieldset {
  width: 100%;
}

.explanation p,
.captcha_text p {
  margin: 0;
}

.explanation {
  font-size: 0.93333em;
  margin: 0.85714em 0 1.71429em;
  color: grey;
}

.-color-inverted .explanation {
  color: white;
}

.captcha_text {
  display: block;
}

label .captcha_text {
  display: inline;
}

.form-confirmation {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 700px;
  background-color: white;
  border-radius: 8px;
  padding: 20px;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #7e79a3;
  position: relative;
  font-weight: bold;
  font-family: "Graphik", sans-serif;
}

.main-content .form-confirmation p:first-child {
  margin-top: 0;
}

.form-confirmation::before {
  font: 100%/1 "RockSolid-Icons";
  content: "ℹ";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  position: relative;
  left: 0px;
  top: 10px;
  font-size: 2rem;
  margin-right: 0.3rem;
  margin-left: 0;
  color: white;
  color: white;
  display: block;
  background: #7e79a3;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 1.5rem;
  margin-top: -30px;
  padding: 10px 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#left form input,
#left form textarea,
#left form select,
#left form fieldset,
#left form button,
#right form input,
#right form textarea,
#right form select,
#right form fieldset,
#right form button {
  width: 100%;
}

#left form label,
#right form label {
  display: block;
  margin-bottom: 0.3125em;
  font-size: 1.06667em;
}

#left form input[type='checkbox'], #left form input[type='radio'], #left form input[type='image'],
#right form input[type='checkbox'],
#right form input[type='radio'],
#right form input[type='image'] {
  width: auto;
}

/* Buttons */
.button-box {
  margin: 0.8em 0;
}

.button-box.-left {
  text-align: left;
}

.button-box.-right {
  text-align: right;
}

.button-box.-centered {
  text-align: center;
}

.button-box.-inline {
  display: inline;
}

input[type='submit'].-secondary, .main-navigation-search-form button,
.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
  font-family: "Graphik", sans-serif !important;
  position: relative;
  appearance: none;
  display: inline-block;
  padding: 1.07143em 1.42857em;
  border: 1px solid black;
  border-radius: 8px;
  outline: none;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  line-height: 1.42929;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: black;
  background: white;
}

input[type='submit'].-secondary:hover, .main-navigation-search-form button:hover, input[type='submit'].-secondary:focus, .main-navigation-search-form button:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type='submit']:hover,
input[type='submit']:focus,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='button']:hover,
input[type='button']:focus {
  background-color: #e6e6e6;
  text-decoration: none;
  cursor: pointer;
}

input[type='submit'].-secondary:active, .main-navigation-search-form button:active,
.button:active,
button:active,
input[type='submit']:active,
input[type='reset']:active,
input[type='button']:active {
  background-color: #f2f2f2;
}

input.-small[type='submit'].-secondary, .main-navigation-search-form button.-small,
.button.-small,
button.-small,
input[type='submit'].-small,
input[type='reset'].-small,
input[type='button'].-small {
  padding: 0.66667em 1em;
  font-size: 0.8em;
  line-height: 1.6675;
}

input.-medium[type='submit'].-secondary, .main-navigation-search-form button.-medium,
.button.-medium,
button.-medium,
input[type='submit'].-medium,
input[type='reset'].-medium,
input[type='button'].-medium {
  padding: 0.75em 1em;
  font-size: 1.2em;
  line-height: 1.11167;
}

input.-large[type='submit'].-secondary, .main-navigation-search-form button.-large,
.button.-large,
button.-large,
input[type='submit'].-large,
input[type='reset'].-large,
input[type='button'].-large {
  padding: 0.71429em 0.95238em;
  font-size: 1.4em;
  line-height: 0.95286;
}

input.-super-size[type='submit'].-secondary, .main-navigation-search-form button.-super-size,
.button.-super-size,
button.-super-size,
input[type='submit'].-super-size,
input[type='reset'].-super-size,
input[type='button'].-super-size {
  padding: 0.55556em 0.69444em;
  font-size: 2.4em;
  line-height: 1.00028;
}

@media screen and (max-width: 599px) {
  input.-super-size[type='submit'].-secondary, .main-navigation-search-form button.-super-size,
  .button.-super-size,
  button.-super-size,
  input[type='submit'].-super-size,
  input[type='reset'].-super-size,
  input[type='button'].-super-size {
    font-size: 1.86667em;
  }
}

.-highlight-color input[type='submit'].-secondary, .-highlight-color .main-navigation-search-form button, .main-navigation-search-form .-highlight-color button, .-highlight-color
.button, .-highlight-color
button, .-highlight-color
input[type='submit'], .-highlight-color
input[type='reset'], .-highlight-color
input[type='button'] {
  color: black;
}

.content-text input[type='submit'].-secondary, .content-text .main-navigation-search-form button, .main-navigation-search-form .content-text button, input.simple[type='submit'].-secondary, .main-navigation-search-form button.simple, .content-text
.button,
.button.simple, .content-text
button,
button.simple, .content-text
input[type='submit'],
input[type='submit'].simple, .content-text
input[type='reset'],
input[type='reset'].simple, .content-text
input[type='button'],
input[type='button'].simple {
  border: none;
  padding: 0;
  background: transparent;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  text-transform: lowercase;
}

.content-text input[type='submit'].-secondary a, .content-text .main-navigation-search-form button a, .main-navigation-search-form .content-text button a, input.simple[type='submit'].-secondary a, .main-navigation-search-form button.simple a, .content-text
.button a,
.button.simple a, .content-text
button a,
button.simple a, .content-text
input[type='submit'] a,
input[type='submit'].simple a, .content-text
input[type='reset'] a,
input[type='reset'].simple a, .content-text
input[type='button'] a,
input[type='button'].simple a {
  display: block;
}

.-color-inverted .content-text input[type='submit'].-secondary a, .-color-inverted .content-text .main-navigation-search-form button a, .main-navigation-search-form .-color-inverted .content-text button a, .-color-inverted input.simple[type='submit'].-secondary a, .-color-inverted .main-navigation-search-form button.simple a, .main-navigation-search-form .-color-inverted button.simple a, .-color-inverted .content-text
.button a, .-color-inverted
.button.simple a, .-color-inverted .content-text
button a, .-color-inverted
button.simple a, .-color-inverted .content-text
input[type='submit'] a, .-color-inverted
input[type='submit'].simple a, .-color-inverted .content-text
input[type='reset'] a, .-color-inverted
input[type='reset'].simple a, .-color-inverted .content-text
input[type='button'] a, .-color-inverted
input[type='button'].simple a {
  color: white;
}

.content-text input[type='submit'].-secondary a:before, .content-text .main-navigation-search-form button a:before, .main-navigation-search-form .content-text button a:before, input.simple[type='submit'].-secondary a:before, .main-navigation-search-form button.simple a:before, .content-text
.button a:before,
.button.simple a:before, .content-text
button a:before,
button.simple a:before, .content-text
input[type='submit'] a:before,
input[type='submit'].simple a:before, .content-text
input[type='reset'] a:before,
input[type='reset'].simple a:before, .content-text
input[type='button'] a:before,
input[type='button'].simple a:before {
  font: 100%/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
}

#main input.buy[type='submit'].-secondary, #main .main-navigation-search-form button.buy, .main-navigation-search-form #main button.buy, #main
.button.buy, #main
button.buy, #main
input[type='submit'].buy, #main
input[type='reset'].buy, #main
input[type='button'].buy {
  width: fit-content;
}

#main input.buy[type='submit'].-secondary::before, #main .main-navigation-search-form button.buy::before, .main-navigation-search-form #main button.buy::before, #main
.button.buy::before, #main
button.buy::before, #main
input[type='submit'].buy::before, #main
input[type='reset'].buy::before, #main
input[type='button'].buy::before {
  font: 100%/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
}

input[type='submit'].-secondary, .main-navigation-search-form button {
  padding: 0.92857em 1.28571em;
  border: 2px solid black;
  border-color: currentColor;
  color: inherit;
  background: transparent;
}

input[type='submit'].-secondary:hover, .main-navigation-search-form button:hover, input[type='submit'].-secondary:focus, .main-navigation-search-form button:focus {
  background-color: transparent;
}

input[type='submit'].-secondary:hover:after, .main-navigation-search-form button:hover:after, input[type='submit'].-secondary:focus:after, .main-navigation-search-form button:focus:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: currentColor;
  opacity: 0.2;
}

input[type='submit'].-secondary:active, .main-navigation-search-form button:active {
  background-color: transparent;
}

input[type='submit'].-secondary:active:after, .main-navigation-search-form button:active:after {
  opacity: 0.1;
}

input.-large[type='submit'].-secondary, .main-navigation-search-form button.-large, input.-super-size[type='submit'].-secondary, .main-navigation-search-form button.-super-size {
  border-width: 3px;
}

input[type='submit'].-tertiary {
  padding: 0;
  font-size: 1.6em;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  background: none;
  color: #3596db;
}

input.-small[type='submit'].-tertiary {
  font-size: 0.93333em;
  line-height: 1.42929;
}

input.-medium[type='submit'].-tertiary {
  font-size: 1.2em;
  line-height: 1.11167;
}

input.-large[type='submit'].-tertiary {
  font-size: 1.4em;
  line-height: 0.95286;
}

input.-super-size[type='submit'].-tertiary {
  font-size: 2.4em;
  line-height: 1.00028;
}

input[type='submit'].-tertiary:before {
  top: -2px;
  font-size: 60%;
}

.-color-inverted input[type='submit'].-tertiary {
  color: white;
}

input[type='submit'].-tertiary:hover, input[type='submit'].-tertiary:focus {
  color: #2871a4;
}

input[type='submit'].-small {
  padding: 0.41667em 0.83333em;
  font-size: 0.8em;
}

/* Formulare */
form {
  margin-top: 40px;
  margin-bottom: 40px;
}

form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
  clear: both;
}

form .form-row {
  position: relative;
  clear: both;
}

form .form-row b.error,
form p.error {
  display: block;
  margin: 0;
  color: #cc1919;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

input {
  padding: 0.8em 1em;
  line-height: normal;
  border: 0;
  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out;
  font-size: 0.93333em;
  background: white;
}

.valid input {
  border-bottom-color: #3596db;
}

.invalid input, input.error {
  border-bottom-color: #cc1919;
}

input::-webkit-input-placeholder {
  color: grey;
}

input:-moz-placeholder {
  color: grey;
}

input:-ms-input-placeholder {
  color: grey;
}

input::placeholder {
  color: grey;
}

input:hover {
  border-bottom-color: #d8d8d8 #d8d8d8 #cecece;
  box-shadow: 0 0 -6px rgba(0, 0, 0, 0.1);
}

input:focus {
  box-shadow: 0 2px 0 0 #7e79a3;
}

textarea {
  padding: 0.8em 1.26667em;
  line-height: normal;
  border: 1px solid #e5e5e5;
  font-size: 0.93333em;
  background: white;
}

.valid textarea {
  border-color: #3596db;
}

.invalid textarea, textarea.error {
  border-color: #cc1919;
}

textarea::-webkit-input-placeholder {
  color: grey;
}

textarea:-moz-placeholder {
  color: grey;
}

textarea:-ms-input-placeholder {
  color: grey;
}

textarea::placeholder {
  color: grey;
}

textarea:hover {
  border-color: #d8d8d8 #d8d8d8 #cecece;
  box-shadow: 0 0 -6px rgba(0, 0, 0, 0.1);
}

textarea:focus {
  border-bottom-color: #7e79a3;
}

input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='url'] {
  outline: none;
}

input[type='checkbox'], input[type='radio'], input[type='image'] {
  width: auto !important;
  height: auto !important;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}

input[type='checkbox'] {
  vertical-align: middle;
  appearance: checkbox;
}

input[type='radio'] {
  vertical-align: middle;
  appearance: radio;
  background: none;
}

input[type='file'] {
  height: auto;
  padding: 0;
  border: 0;
  /* IE8 und IE9 */
  border: 1px solid #e5e5e5 	;
  background: none;
  box-shadow: none;
}

button,
input[type='submit'] {
  margin-top: 1.2em;
}

textarea {
  height: 223px;
  resize: vertical;
  line-height: 1.5;
  outline: none;
}

fieldset {
  margin: 1.2em 0;
  border: 0px solid #e5e5e5;
  padding: 0;
}

fieldset legend {
  padding: 0;
}

fieldset legend .mandatory {
  color: #cc1919;
}

fieldset + br {
  /* <br> von Contao ausblenden */
  display: none;
}

.widget {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  clear: left;
  float: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-end;
  height: 79px;
}

.widget.widget-textarea, .widget.widget-explanation {
  height: auto;
}

#main form .form-row {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

#main label {
  display: block;
  margin-bottom: 0.35714em;
  margin-top: 0.35714em;
  font-size: 0.93333em;
}

.-color-inverted #main label {
  color: white;
}

#main label .mandatory {
  margin-left: 0.14286em;
  color: #cc1919;
}

#main input[type='checkbox'] + label {
  display: inline;
}

#main fieldset p {
  margin: 0;
}

#main fieldset label {
  display: inline;
  margin: 0;
}

#main fieldset label:after {
  /* Zeilenumbruch nach label */
  content: '\A';
  white-space: pre;
}

#main input,
#main textarea,
#main select,
#main fieldset {
  width: 100%;
}

@media screen and (max-width: 599px) {
  #main input,
  #main textarea,
  #main select,
  #main fieldset {
    width: 100%;
  }
}

#main input,
#main textarea {
  transition: border-color 0.3s, box-shadow 0.2 ease-in-out;
}

#main input:focus,
#main textarea:focus {
  border-color: #7e79a3;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#main .form-modal input:focus,
#main .form-modal textarea:focus {
  border: none;
  box-shadow: 0 1px 0 0 #7e79a3;
}

#main .rs-column input,
#main .rs-column textarea,
#main .rs-column select,
#main .rs-column fieldset,
#main .rs-column .select-selected {
  width: 100%;
}

#main button,
#main input[type='submit'] {
  width: auto;
}

@media screen and (max-width: 599px) {
  #main button,
  #main input[type='submit'] {
    width: 100%;
  }
}

.fullwidth-form input,
.fullwidth-form textarea,
.fullwidth-form select,
.fullwidth-form fieldset {
  width: 100%;
}

.explanation p,
.captcha_text p {
  margin: 0;
}

.explanation {
  font-size: 0.93333em;
  margin: 0.85714em 0 1.71429em;
  color: grey;
}

.-color-inverted .explanation {
  color: white;
}

.captcha_text {
  display: block;
}

label .captcha_text {
  display: inline;
}

#left form input,
#left form textarea,
#left form select,
#left form fieldset,
#left form button,
#right form input,
#right form textarea,
#right form select,
#right form fieldset,
#right form button {
  width: 100%;
}

#left form label,
#right form label {
  display: block;
  margin-bottom: 0.3125em;
  font-size: 1.06667em;
}

#left form input[type='checkbox'], #left form input[type='radio'], #left form input[type='image'],
#right form input[type='checkbox'],
#right form input[type='radio'],
#right form input[type='image'] {
  width: auto;
}

/* Buttons */
.button-box {
  margin: 0.8em 0;
}

.button-box.-left {
  text-align: left;
}

.button-box.-right {
  text-align: right;
}

.button-box.-centered {
  text-align: center;
}

.button-box.-inline {
  display: inline;
}

input[type='submit'].-secondary, .main-navigation-search-form button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
  position: relative;
  appearance: none;
  display: inline-block;
  padding: 1.07143em 1.42857em;
  border: 0;
  outline: none;
  font-size: 0.93333em;
  letter-spacing: 0.1em;
  line-height: 1.42929;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  background: white;
  transition: background-color 0.3s ease-in-out;
}

input[type='submit'].-secondary:hover, .main-navigation-search-form button:hover, input[type='submit'].-secondary:focus, .main-navigation-search-form button:focus,
input[type='submit']:hover,
input[type='submit']:focus,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='button']:hover,
input[type='button']:focus {
  background-color: #e6e6e6;
  text-decoration: none;
}

input[type='submit'].-secondary:active, .main-navigation-search-form button:active,
input[type='submit']:active,
input[type='reset']:active,
input[type='button']:active {
  background-color: #f2f2f2;
}

input.-small[type='submit'].-secondary, .main-navigation-search-form button.-small,
input[type='submit'].-small,
input[type='reset'].-small,
input[type='button'].-small {
  padding: 0.66667em 1em;
  font-size: 0.8em;
  line-height: 1.6675;
}

input.-medium[type='submit'].-secondary, .main-navigation-search-form button.-medium,
input[type='submit'].-medium,
input[type='reset'].-medium,
input[type='button'].-medium {
  padding: 0.75em 1em;
  font-size: 1.2em;
  line-height: 1.11167;
}

input.-large[type='submit'].-secondary, .main-navigation-search-form button.-large,
input[type='submit'].-large,
input[type='reset'].-large,
input[type='button'].-large {
  padding: 0.71429em 0.95238em;
  font-size: 1.4em;
  line-height: 0.95286;
}

input.-super-size[type='submit'].-secondary, .main-navigation-search-form button.-super-size,
input[type='submit'].-super-size,
input[type='reset'].-super-size,
input[type='button'].-super-size {
  padding: 0.55556em 0.69444em;
  font-size: 2.4em;
  line-height: 1.00028;
}

@media screen and (max-width: 599px) {
  input.-super-size[type='submit'].-secondary, .main-navigation-search-form button.-super-size,
  input[type='submit'].-super-size,
  input[type='reset'].-super-size,
  input[type='button'].-super-size {
    font-size: 1.86667em;
  }
}

.-highlight-color input[type='submit'].-secondary, .-highlight-color .main-navigation-search-form button, .main-navigation-search-form .-highlight-color button, .-highlight-color
input[type='submit'], .-highlight-color
input[type='reset'], .-highlight-color
input[type='button'] {
  color: black;
}

input[type='submit'].-secondary, .main-navigation-search-form button {
  padding: 0.92857em 1.28571em;
  border: 2px solid black;
  border-color: currentColor;
  color: inherit;
  background: transparent;
}

input[type='submit'].-secondary:hover, .main-navigation-search-form button:hover, input[type='submit'].-secondary:focus, .main-navigation-search-form button:focus {
  background-color: transparent;
}

input[type='submit'].-secondary:hover:after, .main-navigation-search-form button:hover:after, input[type='submit'].-secondary:focus:after, .main-navigation-search-form button:focus:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: currentColor;
  opacity: 0.2;
}

input[type='submit'].-secondary:active, .main-navigation-search-form button:active {
  background-color: transparent;
}

input[type='submit'].-secondary:active:after, .main-navigation-search-form button:active:after {
  opacity: 0.1;
}

input.-large[type='submit'].-secondary, .main-navigation-search-form button.-large, input.-super-size[type='submit'].-secondary, .main-navigation-search-form button.-super-size {
  border-width: 3px;
}

input[type='submit'].-tertiary {
  padding: 0;
  font-size: 1.6em;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  background: none;
  color: #3596db;
}

input.-small[type='submit'].-tertiary {
  font-size: 0.93333em;
  line-height: 1.42929;
}

input.-medium[type='submit'].-tertiary {
  font-size: 1.2em;
  line-height: 1.11167;
}

input.-large[type='submit'].-tertiary {
  font-size: 1.4em;
  line-height: 0.95286;
}

input.-super-size[type='submit'].-tertiary {
  font-size: 2.4em;
  line-height: 1.00028;
}

input[type='submit'].-tertiary:before {
  top: -2px;
  font-size: 60%;
}

.-color-inverted input[type='submit'].-tertiary {
  color: white;
}

input[type='submit'].-tertiary:hover, input[type='submit'].-tertiary:focus {
  color: #2871a4;
}

input[type='submit'].-small {
  padding: 0.41667em 0.83333em;
  font-size: 0.8em;
}

/* Logo */
.logo {
  display: block;
  margin: 0;
  padding: 0;
  width: fit-content;
  text-align: left;
  line-height: 1em;
  font-size: 1em;
}

.logo img {
  width: 100%;
  max-width: 145px;
  height: 18px;
}

/* Main Navigation */
.main-navigation {
  float: right;
  padding-right: 1.46667em;
  font-family: "Graphik", sans-serif;
  font-weight: 500;
}

@media screen and (max-width: 1280px) {
  .main-navigation {
    padding-right: 0.8em;
  }
}

@media screen and (max-width: 1000px) {
  .main-navigation {
    zoom: 1;
    position: relative;
    float: none;
    clear: both;
    padding-left: 1.46667em;
    padding-left: calc(1.46667em + var(--safe-area-left));
  }
  .main-navigation:before {
    content: '';
    display: table;
  }
  .main-navigation:after {
    content: '';
    display: table;
    clear: both;
  }
}

@media screen and (max-width: 1000px) {
  .main-navigation {
    display: none;
  }
}

.main-navigation ul {
  display: inline;
  margin: 0;
  padding: 0;
}

.main-navigation > ul > li {
  position: relative;
  float: left;
  margin-left: 1rem;
}

@media screen and (max-width: 1280px) {
  .main-navigation > ul > li {
    margin-left: 0;
  }
}

.main-navigation > ul > li:before {
  /* disable icons */
  content: none;
  display: none;
}

.main-navigation > ul > li.-mega {
  position: static;
}

.main-navigation > ul > li > a,
.main-navigation > ul > li > strong,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
  text-decoration: none;
  text-transform: lowercase !important;
  z-index: 1;
  position: relative;
  float: left;
  padding: 0 1.07692em 0 0.53846em;
  border: solid transparent;
  border-width: 0.84615em 0;
  font-size: 0.86667em;
  line-height: 1.61615;
  letter-spacing: 0.1em;
  color: black;
  text-transform: uppercase;
  background-clip: padding-box;
}

.main-navigation > ul > li > a.highlight,
.main-navigation > ul > li > strong.highlight,
.main-navigation > ul > li > span.active.highlight,
.main-navigation > ul > li > span.trail.highlight,
.main-navigation > ul > li > span.forward.highlight {
  color: #7e79a3;
}

.main-navigation > ul > li > a.highlight:after,
.main-navigation > ul > li > strong.highlight:after,
.main-navigation > ul > li > span.active.highlight:after,
.main-navigation > ul > li > span.trail.highlight:after,
.main-navigation > ul > li > span.forward.highlight:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  border: 2px solid #7e79a3;
}

.main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus,
.main-navigation > ul > li > strong:hover,
.main-navigation > ul > li > strong:focus,
.main-navigation > ul > li > span.active:hover,
.main-navigation > ul > li > span.active:focus,
.main-navigation > ul > li > span.trail:hover,
.main-navigation > ul > li > span.trail:focus,
.main-navigation > ul > li > span.forward:hover,
.main-navigation > ul > li > span.forward:focus {
  color: #7e79a3;
  text-decoration: none;
}

.main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward,
.main-navigation > ul > li > strong.active,
.main-navigation > ul > li > strong.trail,
.main-navigation > ul > li > strong.forward,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
  color: black;
}

.main-navigation > ul > li > a.active:not(.highlight):after, .main-navigation > ul > li > a.trail:not(.highlight):after, .main-navigation > ul > li > a.forward:not(.highlight):after,
.main-navigation > ul > li > strong.active:not(.highlight):after,
.main-navigation > ul > li > strong.trail:not(.highlight):after,
.main-navigation > ul > li > strong.forward:not(.highlight):after,
.main-navigation > ul > li > span.active:not(.highlight):after,
.main-navigation > ul > li > span.trail:not(.highlight):after,
.main-navigation > ul > li > span.forward:not(.highlight):after {
  content: '';
  position: absolute;
  bottom: -0.92308em;
  left: 50%;
  display: block;
  width: 0.84615em;
  height: 0.84615em;
  margin-left: -0.61538em;
  border: solid white;
  border-width: 0 1px 1px 0;
  background: white;
  transform: rotate(45deg);
  transform-origin: 0 100%;
}

.main-navigation > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  overflow: hidden;
  max-height: 0;
  min-width: 100%;
  padding: 0;
  border: 1px solid white;
  background: white;
  opacity: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
  pointer-events: none;
}

.header-navigation.is-bottom .main-navigation > ul > li > ul {
  top: auto;
  bottom: 100%;
}

.main-navigation > ul > li > ul li {
  position: relative;
  display: block;
  padding: 0;
  border-top: 1px solid white;
  white-space: nowrap;
}

.main-navigation > ul > li > ul li:first-child {
  border-top: 0;
}

.main-navigation > ul > li > ul li li {
  border: 0;
}

.main-navigation > ul > li > ul li[data-icon]:before,
.main-navigation > ul > li > ul li[class^='icon-']:before,
.main-navigation > ul > li > ul li[class*=' icon-']:before {
  position: absolute;
  top: 0.85714em;
  left: 1em;
  z-index: 1;
  font-size: 0.93333em;
}

.main-navigation > ul > li > ul li[data-icon] a,
.main-navigation > ul > li > ul li[data-icon] strong,
.main-navigation > ul > li > ul li[data-icon] span.active,
.main-navigation > ul > li > ul li[data-icon] span.trail,
.main-navigation > ul > li > ul li[data-icon] span.forward,
.main-navigation > ul > li > ul li[class^='icon-'] a,
.main-navigation > ul > li > ul li[class^='icon-'] strong,
.main-navigation > ul > li > ul li[class^='icon-'] span.active,
.main-navigation > ul > li > ul li[class^='icon-'] span.trail,
.main-navigation > ul > li > ul li[class^='icon-'] span.forward,
.main-navigation > ul > li > ul li[class*=' icon-'] a,
.main-navigation > ul > li > ul li[class*=' icon-'] strong,
.main-navigation > ul > li > ul li[class*=' icon-'] span.active,
.main-navigation > ul > li > ul li[class*=' icon-'] span.trail,
.main-navigation > ul > li > ul li[class*=' icon-'] span.forward {
  padding-left: 2.42857em;
}

.main-navigation > ul > li > ul a,
.main-navigation > ul > li > ul strong,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
  position: relative;
  display: block;
  padding: 0.57143em 0.85714em;
  margin: 0;
  font-size: 0.93333em;
  font-weight: inherit;
}

.main-navigation > ul > li > ul a:before,
.main-navigation > ul > li > ul strong:before,
.main-navigation > ul > li > ul span.active:before,
.main-navigation > ul > li > ul span.trail:before,
.main-navigation > ul > li > ul span.forward:before {
  /* disable icons */
  content: none;
  display: none;
}

.main-navigation > ul > li > ul a {
  color: #3596db;
  transition: background-color 0.6s ease-in, color 0.6s ease-in;
}

.main-navigation > ul > li > ul a:hover {
  text-decoration: none;
  color: black;
  background-color: grey;
  transition-duration: 0.05s;
}

.main-navigation > ul > li > ul a.active, .main-navigation > ul > li > ul a.trail, .main-navigation > ul > li > ul a.forward,
.main-navigation > ul > li > ul strong.active,
.main-navigation > ul > li > ul strong.trail,
.main-navigation > ul > li > ul strong.forward,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
  color: black;
  font-weight: 800;
}

.main-navigation > ul > li > ul ul {
  display: block;
  padding-left: 0.66667em;
}

.main-navigation > ul > li:hover {
  z-index: 2;
}

.main-navigation > ul > li:hover:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin-top: 0.66667em;
}

.main-navigation > ul > li:hover > ul {
  z-index: 1;
  max-height: 9999px;
  opacity: 1;
  transition: opacity 0.2s;
  pointer-events: auto;
}

.main-navigation > ul > li:hover > a,
.main-navigation > ul > li:hover > strong,
.main-navigation > ul > li:hover > span.active,
.main-navigation > ul > li:hover > span.trail,
.main-navigation > ul > li:hover > span.forward {
  z-index: 2;
}

.main-navigation > ul > li.submenu:hover > a:after,
.main-navigation > ul > li.submenu:hover > strong:after,
.main-navigation > ul > li.submenu:hover > span.active:after,
.main-navigation > ul > li.submenu:hover > span.trail:after,
.main-navigation > ul > li.submenu:hover > span.forward:after {
  content: '';
  position: absolute;
  top: -0.23077em;
  right: 0;
  bottom: -0.92308em;
  left: 0;
  width: auto;
  height: auto;
  margin-left: 0;
  border: 0;
  border-top: 4px solid #7e79a3;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 white, inset -1px 0 white, inset 0 -10px white;
  background: none;
  transform: none;
}

.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > a:after, .header-navigation.is-bottom
.main-navigation > ul > li.submenu:hover > strong:after, .header-navigation.is-bottom
.main-navigation > ul > li.submenu:hover > span.active:after, .header-navigation.is-bottom
.main-navigation > ul > li.submenu:hover > span.trail:after, .header-navigation.is-bottom
.main-navigation > ul > li.submenu:hover > span.forward:after {
  top: -0.92308em;
  bottom: -0.46154em;
  border-top: 0;
  border-bottom: 4px solid #7e79a3;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 white, inset -1px 0 white, inset 0 10px white;
}

.main-navigation > ul > li.last > ul {
  left: auto;
  right: 0;
}

.navigation-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  flex-direction: end;
  align-items: center;
}

/* Mobile Navigation */
.main-navigation-mobile-open {
  position: fixed;
  top: 25px;
  left: auto;
  right: 20px;
  width: 44px;
  height: 39px;
  margin: -19px 0 0 -11px;
  padding: 11px;
  display: none;
  z-index: 900;
  text-indent: -99em;
  line-height: 0;
}

.main-navigation-mobile-open:after {
  content: '';
  display: block;
  height: 3px;
  border-radius: 2px;
  background: black;
  box-shadow: 0 7px black, 0 14px black;
}

@media screen and (max-width: 1000px) {
  .main-navigation-mobile-open {
    display: block;
  }
}

.main-navigation-wrapper .main-navigation-mobile-open {
  top: 50%;
}

.main-navigation-mobile-close {
  position: absolute;
  top: 0;
  right: -17.64706%;
  display: none;
  width: 17.64706%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0 !important;
  text-indent: -99em;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: none !important;
  border-radius: 0;
}

.main-navigation-mobile-close:hover {
  background: rgba(0, 0, 0, 0.8);
}

.is-active > .main-navigation-mobile-close {
  display: block;
}

.is-active > .main-navigation-mobile-close:after {
  font: 100%/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
  font-size: 1.3em;
}

.main-navigation-mobile {
  /* Hide mobile navigation by default */
  display: none;
  padding: 0;
  padding-top: var(--safe-area-top);
  padding-bottom: var(--safe-area-bottom);
  padding-left: var(--safe-area-left);
  border-top: 1px solid black;
  color: black;
  background: black;
}

@media screen and (max-width: 1000px) {
  .main-navigation-mobile {
    display: block;
  }
}

.modernizr-js .main-navigation-mobile {
  display: none;
}

.main-navigation-mobile.is-enabled {
  position: absolute;
  top: 0;
  left: -85%;
  z-index: 1000;
  width: 85%;
  min-height: 100%;
  transition: left 0.2s ease-out;
}

@media screen and (max-width: 599px) {
  .main-navigation-mobile.is-enabled {
    display: block;
  }
}

.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
  left: 0;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.2s ease-out;
}

.main-navigation-mobile.is-active {
  left: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.modernizr-csstransforms3d .main-navigation-mobile.is-active {
  transform: translate3d(0, 0, 0);
}

.main-navigation-mobile ul {
  display: block;
  margin: 0;
  padding: 0;
}

.main-navigation-mobile ul ul {
  background: black;
  box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04);
}

.main-navigation-mobile .is-collapsed > ul {
  display: none;
}

.main-navigation-mobile li {
  position: relative;
  display: block;
}

.main-navigation-mobile li:before {
  content: none;
}

.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
  display: block;
  padding: 0.64286em 0.92857em 0.57143em;
  border-bottom: 1px solid black;
  color: white;
  background-color: black;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
  transition: background-color 0.6s ease-out;
  text-decoration: none;
}

.main-navigation-mobile a:before,
.main-navigation-mobile strong:before,
.main-navigation-mobile span.active:before,
.main-navigation-mobile span.trail:before,
.main-navigation-mobile span.forward:before {
  margin-right: 0.42857em;
}

.main-navigation-mobile a:hover, .main-navigation-mobile a:focus,
.main-navigation-mobile strong:hover,
.main-navigation-mobile strong:focus,
.main-navigation-mobile span.active:hover,
.main-navigation-mobile span.active:focus,
.main-navigation-mobile span.trail:hover,
.main-navigation-mobile span.trail:focus,
.main-navigation-mobile span.forward:hover,
.main-navigation-mobile span.forward:focus {
  outline: none;
  text-decoration: none;
  background-color: black;
  transition: background-color 0.2s ease-out;
  color: white;
}

.main-navigation-mobile a.active,
.main-navigation-mobile a.trail,
.main-navigation-mobile strong.active,
.main-navigation-mobile strong.trail,
.main-navigation-mobile strong.forward,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
  font-weight: bold;
}

.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
  background-color: #141414;
  box-shadow: inset 0 0 5px black;
}

.main-navigation-mobile li li {
  color: black;
}

.main-navigation-mobile li li a,
.main-navigation-mobile li li strong,
.main-navigation-mobile li li span.active,
.main-navigation-mobile li li span.trail,
.main-navigation-mobile li li span.forward {
  padding-left: 1.85714em;
}

.main-navigation-mobile li li li a,
.main-navigation-mobile li li li strong,
.main-navigation-mobile li li li span.active,
.main-navigation-mobile li li li span.trail,
.main-navigation-mobile li li li span.forward {
  padding-left: 2.78571em;
}

.main-navigation-mobile li li li li a,
.main-navigation-mobile li li li li strong,
.main-navigation-mobile li li li li span.active,
.main-navigation-mobile li li li li span.trail,
.main-navigation-mobile li li li li span.forward {
  padding-left: 3.71429em;
}

.main-navigation-mobile li li li li li a,
.main-navigation-mobile li li li li li strong,
.main-navigation-mobile li li li li li span.active,
.main-navigation-mobile li li li li li span.trail,
.main-navigation-mobile li li li li li span.forward {
  padding-left: 4.64286em;
}

.main-navigation-mobile .main-navigation-mobile-expand {
  position: absolute;
  top: 0.21429em;
  right: 0;
  overflow: hidden;
  margin: 0;
  padding: 0.57143em 0.92857em;
  border: solid transparent;
  border-width: 0.21429em 0;
  box-shadow: inset 1px 0 #1f1f1f;
  border-radius: 0;
  outline: none;
  line-height: 0;
  color: inherit;
  text-indent: -99em;
  text-shadow: none;
  background: none;
}

.main-navigation-mobile .main-navigation-mobile-expand:after {
  font: 1.14286em/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  display: block;
}

.main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after {
  content: '\e00c';
}

.main-navigation-mobile-search {
  position: relative;
  margin: 5%;
}

.main-navigation-mobile-search a,
.main-navigation-mobile-search label {
  display: none;
}

.main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus {
  width: 100%;
  border: 1px solid black;
  background: transparent;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}

.main-navigation-mobile-search button {
  position: absolute;
  top: 0.07143em;
  right: 0;
  width: 3.57143em;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  text-indent: -99em;
  text-shadow: none;
  line-height: 0;
  background: none;
  box-shadow: none;
}

.main-navigation-mobile-search button:after {
  font: 1.14286em/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  display: block;
  text-align: center;
}

/* Search */
.main-navigation-search {
  margin-right: 0;
}

@media screen and (max-width: 1000px) {
  .main-navigation-search {
    display: none;
  }
}

.main-navigation-search > a {
  display: block;
  overflow: hidden;
  margin-right: 0;
  line-height: 0;
  color: black;
  text-decoration: none;
  text-indent: -99em;
  padding-left: 1px;
}

@media screen and (max-width: 1280px) {
  .main-navigation-search > a {
    margin-right: 0;
  }
}

@media screen and (max-width: 900px) {
  .main-navigation-search > a {
    margin-top: 0.66667em;
  }
}

@media screen and (max-width: 900px) {
  .main-navigation-search > a {
    margin-top: 0;
    margin-right: 0;
  }
}

.main-navigation-search > a:hover, .main-navigation-search > a:focus {
  color: #7e79a3;
}

.main-navigation-search > a:after {
  font: 1em/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  display: block;
  padding: 0;
  padding-left: 0;
  line-height: 1.2em;
  text-indent: 0;
}

.dark .main-navigation-search > a:after {
  color: white;
}

@media screen and (max-width: 900px) {
  .main-navigation-search > a:after {
    border-left: 0;
  }
}

.main-navigation-search form {
  display: none;
}

/* Search */
.main-navigation-search-form {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 900;
  margin: 0;
  color: white;
  text-align: center;
  background: #7e79a3;
  background: rgba(126, 121, 163, 0.98);
}

.dark .main-navigation-search-form {
  background-color: #333;
}

.main-navigation-search-form.is-active, .main-navigation-search-form.is-pre-active {
  display: block;
}

.main-navigation-search-form.is-pre-active {
  opacity: 0;
}

.main-navigation-search-form.is-active {
  transition: opacity 0.3s linear;
}

.main-navigation-search-form:before {
  content: '';
  display: block;
  height: 50%;
  margin-bottom: -6.66667em;
}

.main-navigation-search-form label {
  display: block;
  font-size: 2.4em;
}

@media screen and (max-width: 599px) {
  .main-navigation-search-form label {
    font-size: 1.86667em;
  }
}

.main-navigation-search-form input,
.main-navigation-search-form input:hover,
.main-navigation-search-form input:focus {
  display: block;
  margin: 0.33333em auto;
  padding: 0;
  border: 0;
  border-bottom: 2px solid currentColor;
  border-radius: 0;
  font-size: 2.4em;
  color: inherit;
  text-align: center;
  background: none;
  box-shadow: none;
}

@media screen and (max-width: 599px) {
  .main-navigation-search-form input,
  .main-navigation-search-form input:hover,
  .main-navigation-search-form input:focus {
    width: 80%;
    font-size: 1.86667em;
  }
}

.main-navigation-search-close {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  padding: 2em;
  padding-top: calc(2em + $safe-area-top);
  padding-right: calc(2em + $safe-area-right);
  color: inherit;
  line-height: 0;
  text-indent: -99em;
}

.main-navigation-search-close:hover, .main-navigation-search-close:focus {
  text-decoration: none;
}

.main-navigation-search-close:after {
  font: 2.13333em/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  display: block;
  text-indent: 0;
  font-weight: 200;
}

/* Centered wrapper */
.mod_article {
  overflow: visible;
}

.centered-wrapper-inner,
.mod_article .boxes-groupe.-centered {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1280px) {
  .centered-wrapper-inner,
  .mod_article .boxes-groupe.-centered {
    width: 100%;
    max-width: none;
    margin-right: 0;
  }
}

@media screen and (max-width: 900px) {
  .centered-wrapper-inner,
  .mod_article .boxes-groupe.-centered {
    width: 100%;
    margin-left: 0;
  }
}

.centered-wrapper {
  zoom: 1;
  position: relative;
  clear: both;
  background: 50% 50% no-repeat;
  background-size: cover;
}

.centered-wrapper:before {
  content: '';
  display: table;
}

.centered-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.centered-wrapper.-vertical-centered {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.centered-wrapper.-border-top {
  border-top: 1px solid #e5e5e5;
}

.centered-wrapper.-border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.centered-wrapper.-color-inverted {
  color: white;
}

.centered-wrapper.-highlight-color {
  background-color: #7e79a3;
}

.centered-wrapper.-background-color-1 {
  background-color: white;
}

.centered-wrapper.-background-color-2 {
  background-color: white;
}

.centered-wrapper.-height-small {
  min-height: 300px;
}

@media screen and (max-width: 599px) {
  .centered-wrapper.-height-small {
    min-height: 200px;
  }
}

.centered-wrapper.-height-medium {
  min-height: 600px;
}

@media screen and (max-width: 599px) {
  .centered-wrapper.-height-medium {
    min-height: 400px;
  }
}

.centered-wrapper.-height-large {
  min-height: 900px;
}

@media screen and (max-width: 599px) {
  .centered-wrapper.-height-large {
    min-height: 600px;
  }
}

.centered-wrapper.-viewport-height {
  min-height: 710px;
  min-height: calc(100vh - 3.86667em);
}

@media screen and (max-width: 900px) {
  .centered-wrapper.-viewport-height {
    min-height: 100vh;
  }
}

@media screen and (max-width: 599px) {
  .centered-wrapper.-viewport-height {
    min-height: 500px;
    min-height: 100vh;
  }
}

.centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax {
  overflow: hidden;
}

.centered-wrapper.-fade-in.not-in-view {
  opacity: 0;
}

.centered-wrapper.-fade-in.in-view {
  transition: opacity 1.5s;
}

.centered-wrapper.-margin-s {
  margin: 20px 0;
}

.centered-wrapper.-margin-m {
  margin: 40px 0;
}

.centered-wrapper.-margin-l {
  margin: 60px 0;
}

.centered-wrapper.-margin-xl {
  margin: 80px 0;
}

.centered-wrapper.-no-margin {
  margin: 0px !important;
}

.centered-wrapper.-no-margin-top {
  margin-top: 0 !important;
}

.centered-wrapper.-no-margin-bottom {
  margin-bottom: 0 !important;
}

.centered-wrapper-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: 50% 50% no-repeat;
  background-size: cover;
}

.centered-wrapper-background video {
  /* Change this to `object-fit: cover;` once all browsers support it, */
  /* see http://stackoverflow.com/a/20851590 */
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}

.-background-mousemove > .centered-wrapper-background,
.-background-mousemove-inverted > .centered-wrapper-background {
  right: -12%;
}

.centered-wrapper-background-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}

.centered-wrapper-inner {
  position: relative;
}

.centered-wrapper-inner.-fullwidth {
  width: 100%;
  max-width: none;
  margin: 0;
}

.centered-wrapper-inner.-fullwidth-padded {
  max-width: none;
  padding-right: 2.66667em;
  padding-right: var(--page-padding-right);
  padding-left: 2.66667em;
  padding-left: var(--page-padding-left);
}

@media screen and (max-width: 1280px) {
  .centered-wrapper-inner.-fullwidth-padded {
    padding-right: 0;
    padding-left: 0;
  }
}

.-padding-m .centered-wrapper-inner {
  padding: 40px 0;
}

@media screen and (max-width: 900px) {
  .-padding-m .centered-wrapper-inner {
    padding: 40px 20px;
  }
}

.-padding-l .centered-wrapper-inner {
  padding: 60px 0;
}

@media screen and (max-width: 900px) {
  .-padding-l .centered-wrapper-inner {
    padding: 40px 20px;
  }
}

.-padding-xl .centered-wrapper-inner {
  padding: 80px 0;
}

@media screen and (max-width: 900px) {
  .-padding-xl .centered-wrapper-inner {
    padding: 40px 20px;
  }
}

.-no-padding .centered-wrapper-inner {
  padding: 0px;
}

@media screen and (max-width: 900px) {
  .-no-padding .centered-wrapper-inner {
    padding: 0px;
  }
}

@media screen and (max-width: 900px) {
  .centered-wrapper.-no-background-tablet > .centered-wrapper-background,
  .centered-wrapper.-no-background-tablet > .centered-wrapper-background-2 {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .centered-wrapper.-no-background-mobile > .centered-wrapper-background,
  .centered-wrapper.-no-background-mobile > .centered-wrapper-background-2 {
    display: none;
  }
}

#hero .content-text {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  font-size: 1.2em;
}

@media screen and (min-width: 901px) {
  #hero .content-text {
    font-size: 1.3em;
    flex-direction: row;
    align-items: center;
  }
  #hero .content-text > * {
    width: calc(50% - 3%);
  }
  #hero .content-text > * *:first-child {
    margin-right: 3%;
  }
  #hero .content-text > * *:last-child {
    margin-left: 0;
  }
  #hero .content-text > figure {
    order: 2;
  }
}

.media > figure,
.content-image > figure,
.content-gallery figure,
.image_container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

.media > figure.float_above,
.content-image > figure.float_above,
.content-gallery figure.float_above,
.image_container.float_above {
  margin-top: 1.6em;
}

.media > figure.float_below,
.content-image > figure.float_below,
.content-gallery figure.float_below,
.image_container.float_below {
  margin-bottom: 1.6em;
}

.media > figure img,
.content-image > figure img,
.content-gallery figure img,
.image_container img {
  display: block;
  width: 100%;
  height: auto;
}

.media > figure a,
.content-image > figure a,
.content-gallery figure a,
.image_container a {
  position: relative;
  display: block;
  overflow: hidden;
  /* Fixes IE bug */
  text-decoration: none;
}

.media > figure a:hover:before, .media > figure a:focus:before,
.content-image > figure a:hover:before,
.content-image > figure a:focus:before,
.content-gallery figure a:hover:before,
.content-gallery figure a:focus:before,
.image_container a:hover:before,
.image_container a:focus:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(126, 121, 163, 0.6);
}

.media > figure a:hover:after, .media > figure a:focus:after,
.content-image > figure a:hover:after,
.content-image > figure a:focus:after,
.content-gallery figure a:hover:after,
.content-gallery figure a:focus:after,
.image_container a:hover:after,
.image_container a:focus:after {
  font: 1.6em/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -0.5em;
  color: white;
}

.media > figure figcaption,
.media > figure .caption,
.content-image > figure figcaption,
.content-image > figure .caption,
.content-gallery figure figcaption,
.content-gallery figure .caption,
.image_container figcaption,
.image_container .caption {
  /* overwrite elements style attribute */
  width: 100% !important;
  padding: 0.42857em;
  font-size: 0.73333em;
  color: #474343;
  text-align: center;
  line-height: 1em;
}

.-color-inverted .media > figure figcaption, .-color-inverted
.media > figure .caption, .-color-inverted
.content-image > figure figcaption, .-color-inverted
.content-image > figure .caption, .-color-inverted
.content-gallery figure figcaption, .-color-inverted
.content-gallery figure .caption, .-color-inverted
.image_container figcaption, .-color-inverted
.image_container .caption {
  color: white;
}

.media--below {
  display: flex;
  flex-direction: column;
}

.media--below > figure {
  order: 1;
  margin-top: 1.5rem;
  position: relative;
  padding-top: 45px;
}

.media--below > figure:before {
  position: absolute;
  top: 0;
  left: calc(50% - 5px);
  content: '';
  width: 10px;
  height: 10px;
  transform-origin: center;
  transform: rotate(-45deg);
  background: #7e79a3;
  box-shadow: 0.8rem 0.8rem rgba(126, 121, 163, 0.5), -0.8rem -0.8rem rgba(126, 121, 163, 0.2);
}

.media--right > figure,
.media--left > figure,
.image_container.float_right,
.image_container.float_left {
  float: right;
  width: 31.25% !important;
  margin: 0.53333em 0 1.06667em 6.25%;
}

@media screen and (max-width: 599px) {
  .media--right > figure,
  .media--left > figure,
  .image_container.float_right,
  .image_container.float_left {
    margin-left: 0;
    float: none !important;
    width: auto !important;
    width: auto !important;
  }
}

.no-resize .media--right > figure,
.oneo-no-sidebar .no-resize .media--right > figure, .media--right > figure.no-resize,
.oneo-no-sidebar .media--right > figure.no-resize, .no-resize
.media--left > figure,
.oneo-no-sidebar .no-resize
.media--left > figure,
.media--left > figure.no-resize,
.oneo-no-sidebar
.media--left > figure.no-resize, .no-resize
.image_container.float_right,
.oneo-no-sidebar .no-resize
.image_container.float_right,
.image_container.float_right.no-resize,
.oneo-no-sidebar
.image_container.float_right.no-resize, .no-resize
.image_container.float_left,
.oneo-no-sidebar .no-resize
.image_container.float_left,
.image_container.float_left.no-resize,
.oneo-no-sidebar
.image_container.float_left.no-resize {
  width: auto !important;
}

#hero .media--right > figure, #hero
.media--left > figure, #hero
.image_container.float_right, #hero
.image_container.float_left {
  margin-left: 0;
  margin-right: 0;
  width: 100% !important;
  max-width: 100% !important;
}

@media screen and (min-width: 901px) {
  #hero .media--right > figure, #hero
  .media--left > figure, #hero
  .image_container.float_right, #hero
  .image_container.float_left {
    max-width: 50% !important;
  }
}

.media--left > figure,
.image_container.float_left {
  float: left;
  margin: 0.53333em 6.25% 1.06667em 0;
}

@media screen and (max-width: 599px) {
  .media--left > figure,
  .image_container.float_left {
    margin-right: 0;
  }
}

#hero .media--left > figure, #hero
.image_container.float_left {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100% !important;
}

@media screen and (min-width: 901px) {
  #hero .media--left > figure, #hero
  .image_container.float_left {
    max-width: 50% !important;
  }
}

.no-resize .media:not(.media--left):not(.media--right) > figure img, .media:not(.media--left):not(.media--right) > figure.no-resize img, .no-resize
.image_container:not(.float_right):not(.float_left) img,
.image_container:not(.float_right):not(.float_left).no-resize img {
  width: auto;
  max-width: 100%;
}

.img-bw img {
  filter: grayscale(100%);
}

.img-saturate img {
  filter: saturate(100%);
}

.img-sepia img {
  filter: sepia(100%);
}

.ce_youtube-wrapper,
.ce_vimeo-wrapper {
  position: relative;
  margin: 1.6em 0;
  /* ratio 16 to 9 */
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.ce_youtube-wrapper iframe,
.ce_youtube-wrapper object,
.ce_youtube-wrapper embed,
.ce_vimeo-wrapper iframe,
.ce_vimeo-wrapper object,
.ce_vimeo-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mejs__video:not(.mejs__container-fullscreen) video {
  object-fit: cover;
}

.mejs__video button,
.mejs__audio button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

.content-player video,
.content-player audio,
.video_container video,
.audio_container audio {
  display: block;
  width: 100%;
}

.content-player video,
.video_container video {
  height: auto;
}

.content-player > figure,
.content-youtube > figure,
.content-vimeo > figure,
.video_container {
  margin: 1.6em 0;
}

.content-player iframe,
.content-youtube iframe,
.content-vimeo iframe,
.video_container iframe {
  border: 0;
}

.content-player .aspect,
.content-player .responsive,
.content-youtube .aspect,
.content-youtube .responsive,
.content-vimeo .aspect,
.content-vimeo .responsive,
.video_container .aspect,
.video_container .responsive {
  position: relative;
  padding-bottom: 56.25%;
}

.content-player .aspect.aspect--16\:9, .content-player .aspect.ratio-169,
.content-player .responsive.aspect--16\:9,
.content-player .responsive.ratio-169,
.content-youtube .aspect.aspect--16\:9,
.content-youtube .aspect.ratio-169,
.content-youtube .responsive.aspect--16\:9,
.content-youtube .responsive.ratio-169,
.content-vimeo .aspect.aspect--16\:9,
.content-vimeo .aspect.ratio-169,
.content-vimeo .responsive.aspect--16\:9,
.content-vimeo .responsive.ratio-169,
.video_container .aspect.aspect--16\:9,
.video_container .aspect.ratio-169,
.video_container .responsive.aspect--16\:9,
.video_container .responsive.ratio-169 {
  padding-bottom: 56.25%;
}

.content-player .aspect.aspect--16\:10, .content-player .aspect.ratio-1610,
.content-player .responsive.aspect--16\:10,
.content-player .responsive.ratio-1610,
.content-youtube .aspect.aspect--16\:10,
.content-youtube .aspect.ratio-1610,
.content-youtube .responsive.aspect--16\:10,
.content-youtube .responsive.ratio-1610,
.content-vimeo .aspect.aspect--16\:10,
.content-vimeo .aspect.ratio-1610,
.content-vimeo .responsive.aspect--16\:10,
.content-vimeo .responsive.ratio-1610,
.video_container .aspect.aspect--16\:10,
.video_container .aspect.ratio-1610,
.video_container .responsive.aspect--16\:10,
.video_container .responsive.ratio-1610 {
  padding-bottom: 62.5%;
}

.content-player .aspect.aspect--21\:9, .content-player .aspect.ratio-219,
.content-player .responsive.aspect--21\:9,
.content-player .responsive.ratio-219,
.content-youtube .aspect.aspect--21\:9,
.content-youtube .aspect.ratio-219,
.content-youtube .responsive.aspect--21\:9,
.content-youtube .responsive.ratio-219,
.content-vimeo .aspect.aspect--21\:9,
.content-vimeo .aspect.ratio-219,
.content-vimeo .responsive.aspect--21\:9,
.content-vimeo .responsive.ratio-219,
.video_container .aspect.aspect--21\:9,
.video_container .aspect.ratio-219,
.video_container .responsive.aspect--21\:9,
.video_container .responsive.ratio-219 {
  padding-bottom: 42.85714%;
}

.content-player .aspect.aspect--4\:3, .content-player .aspect.ratio-43,
.content-player .responsive.aspect--4\:3,
.content-player .responsive.ratio-43,
.content-youtube .aspect.aspect--4\:3,
.content-youtube .aspect.ratio-43,
.content-youtube .responsive.aspect--4\:3,
.content-youtube .responsive.ratio-43,
.content-vimeo .aspect.aspect--4\:3,
.content-vimeo .aspect.ratio-43,
.content-vimeo .responsive.aspect--4\:3,
.content-vimeo .responsive.ratio-43,
.video_container .aspect.aspect--4\:3,
.video_container .aspect.ratio-43,
.video_container .responsive.aspect--4\:3,
.video_container .responsive.ratio-43 {
  padding-bottom: 75%;
}

.content-player .aspect.aspect--3\:2, .content-player .aspect.ratio-32,
.content-player .responsive.aspect--3\:2,
.content-player .responsive.ratio-32,
.content-youtube .aspect.aspect--3\:2,
.content-youtube .aspect.ratio-32,
.content-youtube .responsive.aspect--3\:2,
.content-youtube .responsive.ratio-32,
.content-vimeo .aspect.aspect--3\:2,
.content-vimeo .aspect.ratio-32,
.content-vimeo .responsive.aspect--3\:2,
.content-vimeo .responsive.ratio-32,
.video_container .aspect.aspect--3\:2,
.video_container .aspect.ratio-32,
.video_container .responsive.aspect--3\:2,
.video_container .responsive.ratio-32 {
  padding-bottom: 66.66667%;
}

.content-player .aspect iframe,
.content-player .aspect [data-splash-screen],
.content-player .aspect img,
.content-player .responsive iframe,
.content-player .responsive [data-splash-screen],
.content-player .responsive img,
.content-youtube .aspect iframe,
.content-youtube .aspect [data-splash-screen],
.content-youtube .aspect img,
.content-youtube .responsive iframe,
.content-youtube .responsive [data-splash-screen],
.content-youtube .responsive img,
.content-vimeo .aspect iframe,
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .aspect img,
.content-vimeo .responsive iframe,
.content-vimeo .responsive [data-splash-screen],
.content-vimeo .responsive img,
.video_container .aspect iframe,
.video_container .aspect [data-splash-screen],
.video_container .aspect img,
.video_container .responsive iframe,
.video_container .responsive [data-splash-screen],
.video_container .responsive img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-player .aspect [data-splash-screen],
.content-player .responsive [data-splash-screen],
.content-youtube .aspect [data-splash-screen],
.content-youtube .responsive [data-splash-screen],
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .responsive [data-splash-screen],
.video_container .aspect [data-splash-screen],
.video_container .responsive [data-splash-screen] {
  margin: 0;
  color: inherit;
}

.content-player .aspect [data-splash-screen] p,
.content-player .responsive [data-splash-screen] p,
.content-youtube .aspect [data-splash-screen] p,
.content-youtube .responsive [data-splash-screen] p,
.content-vimeo .aspect [data-splash-screen] p,
.content-vimeo .responsive [data-splash-screen] p,
.video_container .aspect [data-splash-screen] p,
.video_container .responsive [data-splash-screen] p {
  position: relative;
}

.content-gallery.content-gallery--cols-1 > ul > li,
.content-gallery > ul.cols_1 > li,
.ce_gallery.content-gallery--cols-1 > ul > li,
.ce_gallery > ul.cols_1 > li {
  width: 97%;
}

.content-gallery.content-gallery--cols-2 > ul > li,
.content-gallery > ul.cols_2 > li,
.ce_gallery.content-gallery--cols-2 > ul > li,
.ce_gallery > ul.cols_2 > li {
  width: 47.75%;
}

.content-gallery.content-gallery--cols-3 > ul > li,
.content-gallery > ul.cols_3 > li,
.ce_gallery.content-gallery--cols-3 > ul > li,
.ce_gallery > ul.cols_3 > li {
  width: 31.33333%;
}

.content-gallery.content-gallery--cols-4 > ul > li,
.content-gallery > ul.cols_4 > li,
.ce_gallery.content-gallery--cols-4 > ul > li,
.ce_gallery > ul.cols_4 > li {
  width: 23.125%;
}

.content-gallery.content-gallery--cols-5 > ul > li,
.content-gallery > ul.cols_5 > li,
.ce_gallery.content-gallery--cols-5 > ul > li,
.ce_gallery > ul.cols_5 > li {
  width: 18.2%;
}

.content-gallery.content-gallery--cols-6 > ul > li,
.content-gallery > ul.cols_6 > li,
.ce_gallery.content-gallery--cols-6 > ul > li,
.ce_gallery > ul.cols_6 > li {
  width: 14.91667%;
}

.content-gallery.content-gallery--cols-7 > ul > li,
.content-gallery > ul.cols_7 > li,
.ce_gallery.content-gallery--cols-7 > ul > li,
.ce_gallery > ul.cols_7 > li {
  width: 12.57143%;
}

.content-gallery.content-gallery--cols-8 > ul > li,
.content-gallery > ul.cols_8 > li,
.ce_gallery.content-gallery--cols-8 > ul > li,
.ce_gallery > ul.cols_8 > li {
  width: 10.8125%;
}

.content-gallery.content-gallery--cols-9 > ul > li,
.content-gallery > ul.cols_9 > li,
.ce_gallery.content-gallery--cols-9 > ul > li,
.ce_gallery > ul.cols_9 > li {
  width: 9.44444%;
}

.content-gallery.content-gallery--cols-10 > ul > li,
.content-gallery > ul.cols_10 > li,
.ce_gallery.content-gallery--cols-10 > ul > li,
.ce_gallery > ul.cols_10 > li {
  width: 8.35%;
}

.content-gallery.content-gallery--cols-11 > ul > li,
.content-gallery > ul.cols_11 > li,
.ce_gallery.content-gallery--cols-11 > ul > li,
.ce_gallery > ul.cols_11 > li {
  width: 7.45455%;
}

.content-gallery.content-gallery--cols-12 > ul > li,
.content-gallery > ul.cols_12 > li,
.ce_gallery.content-gallery--cols-12 > ul > li,
.ce_gallery > ul.cols_12 > li {
  width: 6.70833%;
}

@media screen and (max-width: 599px) {
  .content-gallery.content-gallery > ul > li,
  .content-gallery.ce_gallery > ul > li,
  .ce_gallery.content-gallery > ul > li,
  .ce_gallery.ce_gallery > ul > li {
    /* doubled class for specificity */
    width: auto;
  }
}

.content-gallery.no-resize > ul > li,
.ce_gallery.no-resize > ul > li {
  width: auto;
}

.main-content .content-gallery, .main-content
.ce_gallery {
  margin: 1.6em 0;
}

.content-gallery > ul,
.ce_gallery > ul {
  zoom: 1;
  margin: 0 -1.545% !important;
  padding: 0 0 1.545% 0 !important;
  list-style: none !important;
}

.content-gallery > ul:before,
.ce_gallery > ul:before {
  content: '';
  display: table;
}

.content-gallery > ul:after,
.ce_gallery > ul:after {
  content: '';
  display: table;
  clear: both;
}

.content-gallery > ul > li,
.ce_gallery > ul > li {
  float: left;
  width: 23.125%;
  margin: 1.5% 0 0 1.5%;
}

@media screen and (max-width: 599px) {
  .content-gallery > ul > li,
  .ce_gallery > ul > li {
    margin-left: 0;
    margin-right: 1.5%;
  }
}

.content-gallery > ul > li.col_first,
.ce_gallery > ul > li.col_first {
  clear: left;
  margin-left: 0;
}

@media screen and (max-width: 599px) {
  .content-gallery > ul > li.col_first,
  .ce_gallery > ul > li.col_first {
    clear: none;
  }
}

.content-gallery > ul > li.col_last,
.ce_gallery > ul > li.col_last {
  /* for rounding failures */
  margin-right: -1%;
}

@media screen and (max-width: 599px) {
  .content-gallery > ul > li.col_last,
  .ce_gallery > ul > li.col_last {
    margin-right: 1.5%;
  }
}

.content-gallery > ul > li > figure,
.content-gallery > ul > li > .image_container,
.ce_gallery > ul > li > figure,
.ce_gallery > ul > li > .image_container {
  display: block;
  width: 100%;
}

.content-gallery img,
.ce_gallery img {
  display: block;
  width: 100%;
  height: auto;
}

.content-downloads,
.sidebar .content-downloads,
.enclosure,
.sidebar .enclosure,
.ce_downloads,
.sidebar .ce_downloads {
  margin: 1.8em 0;
  padding: 1.33333em 2em;
  border: 1px solid #e5e5e5;
}

.content-downloads h1,
.content-downloads h2,
.content-downloads h3,
.content-downloads h4,
.content-downloads h5,
.content-downloads h6,
.sidebar .content-downloads h1,
.sidebar .content-downloads h2,
.sidebar .content-downloads h3,
.sidebar .content-downloads h4,
.sidebar .content-downloads h5,
.sidebar .content-downloads h6,
.enclosure h1,
.enclosure h2,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.sidebar .enclosure h1,
.sidebar .enclosure h2,
.sidebar .enclosure h3,
.sidebar .enclosure h4,
.sidebar .enclosure h5,
.sidebar .enclosure h6,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6,
.sidebar .ce_downloads h1,
.sidebar .ce_downloads h2,
.sidebar .ce_downloads h3,
.sidebar .ce_downloads h4,
.sidebar .ce_downloads h5,
.sidebar .ce_downloads h6 {
  margin: -1.75em -2.58333em 1.66667em;
  padding: 0.66667em 1.66667em;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.08333em;
  color: white;
  text-transform: uppercase;
  background: #7e79a3;
}

.content-downloads h1:before,
.content-downloads h2:before,
.content-downloads h3:before,
.content-downloads h4:before,
.content-downloads h5:before,
.content-downloads h6:before,
.sidebar .content-downloads h1:before,
.sidebar .content-downloads h2:before,
.sidebar .content-downloads h3:before,
.sidebar .content-downloads h4:before,
.sidebar .content-downloads h5:before,
.sidebar .content-downloads h6:before,
.enclosure h1:before,
.enclosure h2:before,
.enclosure h3:before,
.enclosure h4:before,
.enclosure h5:before,
.enclosure h6:before,
.sidebar .enclosure h1:before,
.sidebar .enclosure h2:before,
.sidebar .enclosure h3:before,
.sidebar .enclosure h4:before,
.sidebar .enclosure h5:before,
.sidebar .enclosure h6:before,
.ce_downloads h1:before,
.ce_downloads h2:before,
.ce_downloads h3:before,
.ce_downloads h4:before,
.ce_downloads h5:before,
.ce_downloads h6:before,
.sidebar .ce_downloads h1:before,
.sidebar .ce_downloads h2:before,
.sidebar .ce_downloads h3:before,
.sidebar .ce_downloads h4:before,
.sidebar .ce_downloads h5:before,
.sidebar .ce_downloads h6:before {
  font: 1.16667em/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  top: 0.07143em;
  float: right;
}

.content-downloads ul,
.content-downloads p,
.sidebar .content-downloads ul,
.sidebar .content-downloads p,
.enclosure ul,
.enclosure p,
.sidebar .enclosure ul,
.sidebar .enclosure p,
.ce_downloads ul,
.ce_downloads p,
.sidebar .ce_downloads ul,
.sidebar .ce_downloads p {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ce_accordion[data-icon], .ce_accordion[class^='icon-'], .ce_accordion[class*=' icon-'] {
  position: relative;
}

.ce_accordion[data-icon]:before, .ce_accordion[class^='icon-']:before, .ce_accordion[class*=' icon-']:before {
  position: absolute;
  top: 0.75em;
  left: 1em;
  z-index: 1;
  font-size: 1.33333em;
  color: #474343;
}

.ce_accordion[data-icon] .toggler, .ce_accordion[class^='icon-'] .toggler, .ce_accordion[class*=' icon-'] .toggler {
  padding-left: 3.33333em;
}

.ce_accordion .toggler {
  position: relative;
  /* collapse borders */
  margin-bottom: -2px;
  padding: 0.73333em 2.66667em 0.86667em 1.33333em;
  border: 1px solid #e5e5e5;
  outline: none;
  font-weight: bold;
  cursor: pointer;
  color: #474343;
  background: white;
}

.ce_accordion .toggler:after {
  font: 0.86667em/1 "RockSolid-Icons";
  content: "+";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  position: absolute;
  top: 1.38462em;
  right: 1.53846em;
}

.ce_accordion .toggler:hover {
  color: #3596db;
  text-decoration: none;
}

.ce_accordion .toggler.ui-accordion-header-active:after {
  content: '\2212';
}

.ce_accordion .accordion {
  zoom: 1;
  position: relative;
  overflow: hidden;
  /* collapse borders */
  margin-bottom: -2px;
  padding: 0.06667em 1.33333em;
  border: 1px solid #e5e5e5;
  border-top-color: #f2f2f2;
  background: #f2f2f2;
}

.ce_accordion .accordion:before {
  content: '';
  display: table;
}

.ce_accordion .accordion:after {
  content: '';
  display: table;
  clear: both;
}

/* Colorbox */
#colorbox #cboxContent {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: white;
}

#colorbox #cboxCurrent {
  display: none;
  display: none !important;
}

#colorbox #cboxLoadedContent {
  display: table;
  padding-bottom: 0px;
  border: 20px solid #fff;
}

#colorbox #cboxLoadedContent img {
  margin-bottom: 20px;
}

#colorbox #cboxLoadedContent #caption {
  padding-left: 20px;
  padding-right: 20px;
}

#colorbox #cboxClose {
  width: 25px;
  right: 0;
  top: 5px;
  background-image: none;
  background: none;
}

#colorbox #cboxClose:before {
  right: 5px;
  position: absolute;
  display: block;
  color: #000;
  text-indent: 0px;
  font: 18px "RockSolid-Icons", sans-serif;
  content: '\e957';
  font-weight: 900;
}

#colorbox #cboxNext,
#colorbox #cboxPrevious {
  bottom: 10px;
  top: auto;
  background-image: none;
  background: none;
  text-indent: -99em;
  overflow: hidden;
  width: 20px;
}

#colorbox #cboxNext {
  right: 5px;
}

#colorbox #cboxNext:before {
  right: 0;
  position: absolute;
  display: block;
  color: #000;
  text-indent: 0px;
  font: 23px "RockSolid-Icons", sans-serif;
  content: '\e91f';
  font-weight: 900;
}

#colorbox #cboxPrevious {
  left: 5px;
}

#colorbox #cboxPrevious:before {
  left: 0;
  position: absolute;
  display: block;
  color: #000;
  text-indent: 0px;
  font: 23px "RockSolid-Icons";
  content: '\e920';
  font-weight: 900;
}

#colorbox #cboxTitle {
  width: 100%;
  bottom: 0;
  left: 0;
  top: auto;
  display: block;
  padding-top: 20px;
  padding-bottom: 0px;
  text-align: center;
  color: #000;
  text-indent: 0px;
  font: 18px;
  float: none !important;
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (max-width: 900px) {
  #colorbox #cboxTitle {
    padding-top: 0;
  }
}

#colorbox.project-presentation #cboxContent {
  background: white;
}

#colorbox.project-presentation #cboxLoadedContent {
  max-height: 40% !important;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
}

#colorbox.project-presentation #cboxLoadedContent img {
  margin-top: auto !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

#colorbox.project-presentation #cboxTitle {
  bottom: auto;
}

#colorbox.project-presentation .customer {
  color: #3596db;
  text-transform: uppercase;
  letter-spacing: 2px;
}

#colorbox button {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

#colorbox button:focus, #colorbox button:hover {
  background: transparent;
  border: none;
}

#colorbox button:after {
  display: none;
}

/* Books, News, Events */
.mod_eventreader {
  margin-top: 3rem;
}

.cols-3 .items-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 901px) {
  .cols-3 .items-container {
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3%;
  }
  .cols-3 .items-container > * {
    width: 100%;
    max-width: 31.3%;
  }
  .cols-3 .items-container > *:nth-child(3n) {
    margin-right: 0;
  }
}

.cols-3 .items-container.count-1 > * {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
}

.cols-3 .items-container.count-1 > *:nth-child(3n) {
  margin-right: 0;
}

.cols-2 .items-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 901px) {
  .cols-2 .items-container {
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3%;
  }
  .cols-2 .items-container > * {
    width: 100%;
  }
}

@media screen and (min-width: 901px) and (min-width: 901px) {
  .cols-2 .items-container > * {
    max-width: calc(50% - 3%);
  }
  .cols-2 .items-container > *.image_container {
    order: 2;
  }
  .cols-2 .items-container > *:nth-child(2n) {
    margin-right: 0;
  }
}

.layout_latest {
  margin-bottom: 3rem;
}

.layout_full .ce_text:first-of-type {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 901px) {
  .layout_full .ce_text:first-of-type {
    flex-direction: row;
    justify-items: flex-start;
    align-items: flex-start;
  }
  .layout_full .ce_text:first-of-type .teaser {
    width: calc(50% - 5%);
  }
  .layout_full .ce_text:first-of-type .image_container {
    margin-top: 0;
    order: 2;
    width: calc(50% - 5%);
    margin-left: 5%;
  }
}

.layout_full .image_container {
  margin-top: 0;
  margin-bottom: 2rem;
}

.layout_full .links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 901px) {
  .layout_full .links {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .layout_full .links > *:first-child {
    margin-right: 3%;
  }
}

.mod_eventreader .layout_full .header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mod_eventreader .layout_full .content-text {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.layout_full .cols-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 901px) {
  .layout_full .cols-2 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .layout_full .cols-2 > *:first-child {
    margin-right: 3%;
    width: 100%;
    max-width: 30%;
  }
}

.mod_eventlist {
  overflow: visible;
}

.event.layout_teaser {
  border: 1px solid #8dbcb7;
  border-top: 10px solid #8dbcb7;
  border-bottom: 10px solid #8dbcb7;
  margin-bottom: 2rem;
  background: white;
  transition: box-shadow 0.3s, transform 0.3s ease-in-out;
}

@media screen and (min-width: 901px) {
  .event.layout_teaser:hover {
    transform: scale(1.02);
    box-shadow: 0 0 33px rgba(0, 0, 0, 0.2);
  }
}

.event.layout_teaser .text {
  padding: 20px;
}

.event.layout_teaser .image_container {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.hero-list .event.layout_teaser {
  border: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 901px) {
  .hero-list .event.layout_teaser {
    flex-direction: row;
    align-items: center;
  }
}

.hero-list .event.layout_teaser .text {
  padding: 0;
}

@media screen and (min-width: 901px) {
  .hero-list .event.layout_teaser .text {
    width: 60%;
  }
}

.hero-list .event.layout_teaser .teaser {
  font-size: 1.2em;
}

@media screen and (min-width: 901px) {
  .hero-list .event.layout_teaser .image_container {
    width: 30%;
    order: 2;
  }
}

.-color-inverted .hero-list .event.layout_teaser {
  color: white;
}

.-color-inverted .hero-list .event.layout_teaser a {
  color: #e6e6e6;
}

.event .info,
.event .time,
.event .location {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Graphik", sans-serif;
  color: #7e79a3;
}

.-color-inverted .event .info, .-color-inverted
.event .time, .-color-inverted
.event .location {
  color: white;
}

.event .time,
.event time {
  font-size: 1.06667em;
  font-weight: bold;
}

.more,
.back {
  font-family: "Graphik", sans-serif;
  font-weight: 400;
}

.more:before,
.back:before {
  font: 100%/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
  margin-top: 2rem;
}

.back:before {
  font: 100%/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
}

.author {
  font-weight: 300;
  display: block;
}

/* Books */
.books {
  overflow: visible;
}

.books .layout_latest {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid;
  border-top: 10px solid;
  color: #7e79a3;
  border-color: #7e79a3;
  border-top-color: #7e79a3;
  padding: 20px;
  background: white;
  transition: transform 0.3s, box-shadow 0.3s ease-in-out;
  overflow: visible;
}

@media screen and (min-width: 901px) {
  .books .layout_latest:hover {
    transform: scale(1.02);
    box-shadow: 0 0 33px rgba(0, 0, 0, 0.2);
  }
}

.books .layout_latest .image_container {
  margin-top: auto;
  padding-top: 2rem;
}

.books .layout_latest.custom-color {
  color: var(--color);
  border-top: 10px solid;
  border-color: var(--color);
  border-top-color: var(--color);
}

.books .layout_latest.custom-color a {
  color: var(--color);
}

.books .layout_latest.custom-color a:hover {
  filter: brightness(60%);
}

.books .layout_full.custom-color h1 {
  color: var(--color);
}

/* Authors */
.authors {
  overflow: visible;
}

.authors .layout_latest {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  background-color: #8dbcb7;
  color: white;
  padding: 20px 20px 20px 30px;
  position: relative;
  transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s ease-in-out;
}

@media screen and (min-width: 901px) {
  .authors .layout_latest:hover {
    transform: scale(1.02);
    box-shadow: 0 0 33px rgba(0, 0, 0, 0.2);
  }
}

.authors .layout_latest:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 10px;
  height: 100%;
  background-color: #416f6a;
}

.authors .layout_latest:hover {
  background-color: #548f89;
}

.authors .layout_latest:hover:before {
  background-color: #2e4f4b;
}

.authors .layout_latest a {
  color: white;
  display: block;
  width: 100%;
}

.authors .layout_latest .image_container {
  margin-top: auto;
  padding-top: 2rem;
}

.authors .layout_latest.custom-color {
  background: var(--color);
  transition: filter 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s ease-in-out;
}

.authors .layout_latest.custom-color:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 10px;
  height: 100%;
  background-color: var(--color);
  filter: brightness(80%);
}

.authors .layout_latest.custom-color:hover {
  filter: brightness(80%);
}

.authors .layout_latest.custom-color:hover:before {
  filter: brightness(90%);
}

.authors .layout_full.custom-color h1 {
  color: var(--color);
}

.search_default {
  margin-bottom: 3rem;
  border-bottom: 1px solid #7e79a3;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 901px) {
  .search_default {
    flex-direction: row;
  }
}

.search_default .image_container {
  order: 2;
}

@media screen and (min-width: 901px) {
  .search_default .image_container {
    max-width: 20%;
  }
}

/* Modal Form */
.form-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  max-height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: translateY(-100%);
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s ease-in-out;
  overflow: scroll;
}

@media screen and (min-width: 901px) {
  .form-modal {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.form-modal .content {
  position: relative;
  border-radius: 8px;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 98%;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 30px;
}

@media screen and (min-width: 901px) {
  .form-modal .content {
    max-width: 50vw;
  }
}

.form-modal.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 1200;
}

.form-modal .form-modal_close {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

@media screen and (min-width: 901px) {
  .form-modal .form-modal_close {
    top: 20px;
    right: 20px;
  }
}

.form-modal .form-modal_close:hover {
  color: #7e79a3;
  cursor: pointer;
}

.form-modal .form-modal_close:after {
  font: 100%/1 "RockSolid-Icons";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  text-align: center;
  color: black;
  font-size: 1.4em;
}

.form-modal .form-modal_headline {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 300;
  text-align: center;
  font-size: 1.3em;
  color: #7e79a3;
}

.form-modal .form-modal_headline .form-modal_headline-text {
  font-weight: 600;
}