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}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
@charset "UTF-8";
/* CSS Document */

/* kanit-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 100;
  src: url('../../files/fonts/kanit-v17-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 100;
  src: url('../../files/fonts/kanit-v17-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-100italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/fonts/kanit-v17-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 200;
  src: url('../../files/fonts/kanit-v17-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/kanit-v17-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/fonts/kanit-v17-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/kanit-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/fonts/kanit-v17-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/fonts/kanit-v17-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 500;
  src: url('../../files/fonts/kanit-v17-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/kanit-v17-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/fonts/kanit-v17-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/kanit-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/fonts/kanit-v17-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/fonts/kanit-v17-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 800;
  src: url('../../files/fonts/kanit-v17-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/fonts/kanit-v17-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* kanit-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 900;
  src: url('../../files/fonts/kanit-v17-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/kanit-v17-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@charset "UTF-8";
/* CSS Document */

body{
font-size:16px;
text-rendering:optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color:#fff;
	
height:100%;
margin:0;
font-family: 'Kanit', Arial, Helvetica, Verdana;
color:#878a8c;
font-weight:500;
font-style: italic;
	/*overflow-x: hidden;*/
}

html {
	scroll-behavior: smooth;
	width:100%;
}

/* Für Elemente mit Hintergrund über die volle Breite und Inhalt zentriert */
/* hierfür wurde der neue Wrapper "innerbox" eingesetzt*/
  
.innerbox,  .inner-innerbox {
margin: 0 auto;
display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
width:100%;
}
/* weiterer neuer Wrapper fuer extra Fullscreen-Bildhintergründe im Artikel*/
.extra-wrapper {
	width:100%;
}
/*mind. sm*/
@media (min-width: 576px) {
  .innerbox, .inner-innerbox {
    max-width: 540px;
  }
}

/*mind. md*/
@media (min-width: 768px) {
  .innerbox,  .inner-innerbox {
    max-width: 720px;
  }
}

/*mind. lg*/
@media (min-width: 992px) {
  .innerbox,  .inner-innerbox {
    max-width: 960px;
  }
}
/*mind. xl*/
@media (min-width: 1200px) {
	.innerbox,  .inner-innerbox {
    	max-width: 1140px;
	}
}
/*mind. xxl*/
@media (min-width: 1400px) {
	.innerbox,  .inner-innerbox {
    	max-width: 1320px;
	}
}


/* Für Elemente, deren Inhalte nicht geboxt sein sollen sondern die über die ganze Breite gehen sollen */
/* die row muss die klasse "row-full" erhalten*/

.row-full .innerbox{
width: 100%;
	max-width:inherit;
	padding:0;
	
}
/*.row.row-full {
	display:block;
	width:100%;
}*/


p a,
ul li a{
	color: #008bd2;
}

.content-text {
	 font-size: 1.2rem;
	line-height:126%;
}
.content-text p{
margin-top:1em;
}






.home h1,
.standard .claim-h1{
	font-size: 2.3rem;
	
    color: #00afe6;
    font-style: italic;
    font-weight: 700;
	margin: 0;
    
	margin-top: 30px;
}
.home h2,
.standard .claim-h2{
	font-size: 1.5rem;
	
	color:#777777;
	font-style: italic;
    font-weight: 300;
	margin: 0;
	line-height:100%;
	
	margin-top: 3px;
}



	:root {
	  --rand-rechts: calc( (100% - 540px) / 2);
	}
	:root {
	  --rand-rechts-foto1: calc( (100% - 540px) / 2 + 225px);
	}
	:root {
	  --rand-rechts-foto2: calc( (100% - 540px) / 2 + (540px * 2/3));
	}

.standard .content-text {
	font-weight:400;
	color:#65686a;
}
.standard h1 {
    color: #008bd2;
    font-style: italic;
    font-size: 2.2rem;
    font-weight: 700;
	margin:0;
	margin-bottom:12px;
	line-height: 100%;
}

.standard h2 {
    color: #008bd2;
    font-style: italic;
    font-size: 1.8rem;
    font-weight: 600;
	margin:0;
	margin-bottom:12px;
	line-height: 100%;
}

.standard h3 {
	color: #008bd2;
    font-style: italic;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 40px;
	line-height: 100%;
}

.company-seite h2 {
    color: #008bd2;
    font-style: italic;
    font-size: 1.8rem;
    font-weight: 500;
	margin:0;
	margin-bottom:12px;
	line-height: 100%;
}



.schraege1 {
	background-image:url("../../files/theme-images/schraege1.png");
	background-repeat: no-repeat;
	background-position: right;
	/*width: calc((100% - var(--rand-rechts)) * 1px);*/
	margin-right:var(--rand-rechts);
	height:36px;
	max-width:100%;
	margin-left:-15px;
}
.logo {
	margin: 0 auto;
    width: 70%;
    margin-top: 0;
    margin-bottom: 20px;
}
.logo a {
	background-image:url("../../files/theme-images/inventrix-logo.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position-y: bottom;
	background-position-x: center;
	background-color:#fff;
	display:block;
	width: 100%;
	height:50px;
	margin-top:30px;
}

.claim {
	text-align: center;
	
}
.foto {
	position:relative;
	line-height:0;
	/*overflow: hidden;*/
	/*margin-left:-15px;
	margin-right:-15px;*/
}
.foto img {
	width: 100%;
    height: auto;
}
.schraege-auf-foto1 {
	background-image: url(../../files/theme-images/schraege-auf-foto1.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 46px;
    width: 100%;
	/*right: calc((100% - 1320px) / 2 + 550px);*/
	right: var(--rand-rechts-foto1);	
    position: absolute;
	opacity:0.5;

}
.standard .schraege-auf-foto1,
.standard .schraege-auf-foto2{
	display:none;
}
.schraege-auf-foto2 {
	background-image: url(../../files/theme-images/schraege-auf-foto2.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 46px;
    width: calc(100% - var(--rand-rechts-foto2));
	left: var(--rand-rechts-foto2);
    position: absolute;
	bottom:0;
}
.home .schraege-auf-foto2 {
	opacity: 0.5;
}

.navi-desktop {
	position:absolute;
	line-height: 120%;
	color:#fff;
		z-index: 10;
	display:none;
	
	margin-top:3px;
}
.navi-desktop ul.level_1 {
	margin-left:-5px;
}
.navi-desktop ul.level_1 li a,
.navi-desktop ul.level_1 li .active{
	color:#fff;
	font-weight:400;
	font-style: italic;
	font-size:1.2rem;
	padding:10px;
    display: block;
}
.navi-desktop ul.level_2 li a,
.navi-desktop ul.level_2 li .active{
	padding:0;
}
.navi-desktop strong {
	font-weight:400;
}


.section1{
	margin-top: 30px;
}
.standard .foto{
	margin-bottom: 30px;
}
.home .section1 h2 {
    color: #008bd2;
    font-style: italic;
    font-size: 2.2rem;
    font-weight: 700;
	margin:0;
	margin-bottom:12px;
	line-height: 100%;
}
.home .section1 h3 {
    color: #008bd2;
    font-style: italic;
    font-size: 1.7rem;
    font-weight: 300;
	margin:0;
	line-height: 100%;
}

.kontaktbuttons {
	display:flex;
	justify-content:center;
	margin-top:22px;
}

.kontaktfunktionen .telefonnummer {
	text-align:center;
}
.kontaktfunktionen .telefonnummer a{
	color: #008bd2;
    font-size: 2.2rem;
    font-weight: 600;
	text-decoration: none;
	font-style: normal;
	    margin-top: 32px;
    display: inline-block;
	white-space: nowrap;
}
.kontaktfunktionen .telefonnummer p{
    color: #008bd2;
    font-size: 2.0rem;
    font-weight: 400;
    margin: 0;
    margin-top: 10px;
}
.kontaktbuttons .telefon-button a {
	display: block;
    width: 113px;
    height: 70px;
    border-radius: 12px;
    background-color: #008bd2;
	margin-right:10px;
	background-image: url(../../files/theme-images/telefon-icon.png);
    background-repeat: no-repeat;
	background-size: 39px auto;
	background-position: center;
}
.kontaktbuttons .email-button a {
	display: block;
    width: 113px;
    height: 70px;
    border-radius: 12px;
    background-color: #00b3e8;
	background-image: url(../../files/theme-images/email-icon.png);
    background-repeat: no-repeat;
	background-size: 44px auto;
	background-position: center;
}

.schraege-produkte {
	height:77px;
	width:100vw;
	background-image: url(../../files/theme-images/schraege-produkte.png);
    background-repeat: no-repeat;
	background-position: left;
	margin-top: 40px;
}

.standard .mod_article:has(.schraege-produkte) {
    margin-bottom:20px;
}

.produkt {
	margin-top: 20px;
    margin-bottom: 80px;
	text-align: center;
}

.produkt-foto {
	padding-bottom: 12px;
	text-align: center;
	
}
.produkt-foto.system-solutions {
	overflow: hidden;
	
}
.produkt-foto img{
	max-width:100%;
	height:auto;
}
.produkt-foto.system-solutions img{
	max-width:inherit;
	height:auto;
	height:245px;
}

.produkt-titel h4{
	color: #008bd2;
    font-style: italic;
    font-size: 1.6rem;
    font-weight: 600;
	margin:0;
	margin-bottom:12px;
}

.produkt-text {
	text-align: center;
}
.produkt-text p{
	margin:0;	
}

.produkt .more a,
.general-conditions .more a{
    display: inline-block;
    border-radius: 9px;
    background-color: #008bd2;
    padding: 10px 54px 11px 18px;
    text-decoration: none;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 20px;
    background-image: url(../../files/theme-images/more-icon.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center right 21px;
}


	.standard .liste-check ul li{
    padding-left: 37px;
    margin-bottom: 15px;
	}
	.standard .liste-check ul li:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 17px;
    background-image: url(../../files/theme-images/check-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -37px;
    margin-top: 4px;
	}

.schraege-box {
		position: relative;
    overflow: hidden;
	width:100%;
}
.schraege-blau1 {
	background-image: url(../../files/theme-images/schraege-blau1.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 51px;
    width: 100%;
	margin-left: calc(100% - var(--rand-rechts) - 35px);

}
.schraege-blau2 {
	background-image: url(../../files/theme-images/schraege-blau2.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 51px;

   width: calc(100% - var(--rand-rechts-foto1));
	margin-top:-1px;
}
.partners {
	background-color:#00afe6;
	text-align: center;
}
.partners .content-text{
padding-top:80px;
}
.partners img {
	max-width: 90%;
    height: auto;
	margin-top: 40px;
}

.partners h2 {
	color:#fff;
    font-style: italic;
    font-size: 2.2rem;
    font-weight: 700;
	margin:0;
	margin-bottom:12px;
	padding:0 20px;
}
.partners p {
	color:#fff;
	padding: 15px 15px 50px;
    margin: 0;
}

.home-contact {
	text-align:center;
}
.home-contact .content-text {
	padding-top:80px;
	padding-bottom: 60px;
}
.home-contact h4 {
	    margin: 0;
    font-weight: 400;
		font-style: italic;
    font-size: 2.2rem;
	color: #008bd2;
	line-height: 110%;
}

.home-contact .telefonnummer a{
	color: #008bd2;
    font-size: 2.0rem;
    font-weight: 600;
	text-decoration: none;
	font-style: normal;
	    margin-top: 32px;
    display: inline-block;
	margin-bottom: 5px;
}
.home-contact .email a{
        font-size: 1.8rem;
    font-weight: 300;
	text-decoration: none;

    display: inline-block;
	color:#5a747c;
	margin-top:10px;
}
.home-contact .content-text img {
    padding-bottom: 20px;
}

.footer{
	background-color:#4f5559;
	text-align: center;
	margin-top:100px;
}
.footer .content-text {
	padding: 40px 0;
	color:#fff;
	font-size: 1.2rem;
	line-height: 140%;
}
.footer-navigation {
	margin: 30px 20px 50px 20px;
}
.footer-navigation a {
	    color: #fff;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 1.0rem;
    font-style: normal;
    font-weight: 400;
	display:inline-block;

}


.produkt-detail-intro {
	padding-top:40px;
}
.produkt-detail-intro h1 {
	padding-bottom:20px;
}
.produkt-detail-intro.ohne-liste h1 {
	padding-bottom:0;
}

.standard .kontakt-box {
	text-align:center;
	border-radius: 15px;
	-moz-box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8);
	-webkit-box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8);
	box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8);
	margin-top:30px;
	padding: 40px 20px;
	margin-bottom:10px;
}
.standard .kontakt-box-grafik {
	    padding-bottom: 10px;
	
}
.standard .kontakt-box-headline {
	color: #008bd2;
    font-style: italic;
    font-size: 2.2rem;
    font-weight: 500;
	margin:0;
	line-height: 100%;
}
.standard .kontakt-box-subheadline{
	
}
.standard .kontakt-box-telefon {
	margin-top:22px;
}
.standard .kontakt-box-telefon a {
	color: #008bd2;
    font-style: normal;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    margin-bottom: 12px;
    line-height: 100%;
	text-decoration:none;
	white-space: nowrap;
	
}
.standard .kontakt-box-email a {
	text-decoration:none;
	color:#65686a;
	
}

.standard .kontakt-box-button button {
    all: unset;
    display: inline-block;
    cursor: pointer;
}

.standard .kontakt-box-button button {
    display: inline-block;
    border-radius: 9px;
    background-color: #008bd2;
    padding: 10px 42px 12px 15px;
    text-decoration: none;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 20px;
    background-image: url(../../files/theme-images/more-icon.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: top 14px right 15px;
	white-space: nowrap;
}



.xoverlay-formular {

	/*position:absolute;
	z-index:1000;
	background:#00000050;
	width: calc(100% + 30px);
    height: 100%;
	left: -15px;
	display: flex;
  	justify-content: center;
  	align-items: center;
		display:none;*/
	 position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);

    display: flex;
    justify-content: center;
    align-items: center;
	z-index:9999;
}

#contactModal {
	background-color: #fff;
    padding: 15px 30px 40px;
    border-radius: 25px;
	color:#65686a;
	width:700px;
	text-align: center;
}
dialog {
    border: none;
    padding: 0;
    background: transparent;
}
dialog::backdrop {
    background: rgba(0,0,0,.4);
    backdrop-filter: blur(6px);
}

.produktform {
	margin-bottom:100px;
	
}
.produktform .row{
	margin-bottom:20px;
}
.produktform .explanation {
	padding-bottom:35px;
}
.produktform label {
	width:100%;
	display:block;
	max-width:none;
	white-space: nowrap;
	padding-bottom:10px;
	font-size:1.1rem;
	font-weight:400;
	text-align: left;
}
.produktform input {
	max-width:none;
	width:100%;
	background-color:#e4f1fd;
	border:0;
	padding: 10px;
	margin-bottom:25px;
	text-align: left;
}
.produktform textarea {
	max-width:none;
	width:100%;
	background-color:#e4f1fd;
	border:0;
	padding: 10px;
}
.produktform .submit {
	width:auto;
	margin-top:20px;
}

.produktform .send-button button {
    all: unset;
    display: inline-block;
    cursor: pointer;
}
.produktform .send-button  {
text-align: left;
}

.produktform .send-button button {
    display: inline-block;
    border-radius: 9px;
    background-color: #008bd2;
    padding: 10px 42px 12px 15px;
    text-decoration: none;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 20px;
    background-image: url(../../files/theme-images/more-icon.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: top 14px right 15px;
	white-space: nowrap;
}
#closeModal {
	   all: unset;
    display: inline-block;
    cursor: pointer;
	color:#65686a;
	text-decoration: underline;
}

.produktform .mandatory.error p.error{
	text-align: left;
    color: #008bd2;
}
.mod_form .form-confirmation {
	padding:20px;
}


.content-accordion h2 {
	margin-bottom:35px;
}
.handorgel__header__button {
	font-size:1.3rem;
	color:#65686a;
	font-style: italic;
	font-weight:500;
	margin:0;
	padding:10px 50px 10px 0;
	position:relative;
	line-height:110%;
}
h2.handorgel__header {
	margin:0;
}

.handorgel__content{
background-color:#fff;
	}

.handorgel__content__inner{
	padding: 20px 20px 20px 0;
}
.handorgel__content__inner .content-text{
	color:#8e959b;
}

.handorgel__header__button:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../../files/theme-images/plus-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0;
    margin-right: 8px;
    margin-top: 0;
	right: 10px;
    top: 50%;
    transform: translateY(-50%);
	}

.handorgel__header--opened .handorgel__header__button:after{
	background-image: url(../../files/theme-images/minus-icon.png);
}


.content-accordion,
.technical-data {
	margin-bottom:100px;
}

.technical-data {
	margin-top:50px;
}




.technical-data table {
	width:100%;
	 border-collapse: separate;
    border-spacing: 6px 6px;
	margin-top:30px;
	margin-left:-6px;
}
.technical-data tr > td:first-child {
    /*font-weight: bold;*/
	background-color:#f1f1f1;
}

.technical-data td {
    padding: 10px 10px;
}
tr td:nth-child(2n) {
    background-color: #e4f1fd;
	font-weight:500;
}

.technical-data ul li,
.content-accordion ul li{
	list-style-type:disc;
	font-weight:400;
}
.technical-data ul li{
	font-size:1.1rem;
	line-height:110%;
	padding-bottom:4px;
}

.technical-data ul,
.content-accordion ul {
	margin-left:19px;
}

.text-section .accordion-fliesstext {
	margin-top:27px;
}

.accordion-fliesstext .handorgel__content__inner{
	padding-top:0;
}

.accordion-fliesstext.content-accordion{
	margin-bottom:20px;
}





.zertifikat-wrapper {
	text-align:center;
}
.zertifikat-text p {
	    margin-top: 28px;
}

.zertifikat-image img {
	    width: 218px;
    height: auto;
    margin-top: 20px;

}


/*
.brands-logo {
    margin-left: -7px;
	min-height:160px;
}

.logo-movicon img {
	width:60%;
}
.logo-techtop img {
	width:50%;
	    padding-top: 12px;
}*/

	.brand-movicon {
	text-align:center;
	}
	.brand-movicon img{
	width:90%;
		padding:30px 0;
	}
	.brand-techtop {
	text-align:center;
	}
	.brand-techtop img{
		width:80%;
		
	}
.brands-unten {
	margin-top:60px;
}

.contact-unten {
	margin-top:50px;
}

.contact-last {
	margin-bottom:200px;
}

.privacy-notice h2 {
	margin-top:40px;
	font-weight:600;
}
.privacy-notice h3 {
	    margin-bottom: 15px;
    margin-top: 25px;
}

.privacy-notice h4 {
font-size: 1.4rem;
    margin-top: 25px;
    margin-bottom: 015px;
    font-weight: 500;
}

.privacy-notice p {
	margin-top:0.7em;
}

.zorndesign {
	    color: #65686a;
    font-size: 1.1rem;
}

.system-solutions .system-solutions-bild img{
	width: 90%;
    margin-left: 5%;
}
.system-solutions h3{
	margin-top: 1em;
}

.system-solutions .home-contact .content-text {
	padding-top:0;
}

.row.movicon {
	display:none;
}
.movicon-page .row.movicon {
	display:block;
}
.movicon-logo {
    position: relative;
	width:100%;
}
.movicon-logo .logo-grafik{
	position: static;
    background-image: url(../../files/theme-images/movicon-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 230px;
    height: 69px;
	margin-left: 7px;
	margin-bottom:20px;
}




@media (min-width: 576px) {
.content-text {
	font-size: 1.2rem;
	line-height:126%;
	
}

.logo a {
	height:70px;
}
	:root {
	  --rand-rechts: calc( (100% - 540px) / 2);
	}
	:root {
	  --rand-rechts-foto1: calc( (100% - 540px) / 2 + 225px);
	}
	:root {
	  --rand-rechts-foto2: calc( (100% - 540px) / 2 + (540px * 2/3));
	}
	
	.navi-desktop {
		left: calc((100% - 540px) / 2);
	}
	
	.produkt-foto img{
	height:200px;
	width:auto;
	}
	.produkt-foto.system-solutions img{
	max-width:inherit;
	height:200px;
	}
	.produkt-titel h4{
    font-size: 1.6rem;	
	}
}


@media (min-width: 768px) {
	
/* spalten */
.content-text {
	font-size: 1.2rem;
	line-height:126%;

}
.section1{
        margin-top: 90px;
}
.standard .foto{
	margin-bottom: 90px;
}


.logo {
	margin-left: 20px;
    margin-right: 15px;
	margin-top:25px;
	margin-bottom: 41px;
	width:90%;
}
	
.logo a {
	height:125px;
	margin-top:0;
}
.claim {
	text-align: left;
	  display: flex;
  flex-direction: column;
  justify-content: flex-end;
	margin-bottom:41px;
	
}
	:root {
	  --rand-rechts: calc( (100% - 720px) / 2);
	}
	:root {
	  --rand-rechts-foto1: calc( (100% - 720px) / 2 + 300px);
	}
	:root {
	  --rand-rechts-foto2: calc( (100% - 720px) / 2 + (720px * 2/3));
	}
	
	.navi-desktop {
			
			left: calc((100% - 720px) / 2);
	}
	.home .schraege-auf-foto1 {
		display:block;
	background-image: url(../../files/theme-images/schraege-auf-foto-dark.png);
	opacity: 0.5;
	}
	.standard .schraege-auf-foto1 {
	background-image: url(../../files/theme-images/schraege-auf-foto-blau.png);
	opacity:1;
	display:block;
	
	}
	.standard .schraege-auf-foto2 {
	display:block;

	}
	
	.kontaktbuttons {
	justify-content: flex-end;
	margin-top: 0;
	}

	.kontaktfunktionen .telefonnummer {
	text-align:right;
	}
	.kontaktfunktionen .telefonnummer a{
		font-size: 1.5rem;
	}
	.kontaktfunktionen .telefonnummer p {
    font-size: 1.6rem;
	margin-top:2px;
	}
	.produkt {
	text-align: left;
	}	
	.produkt-foto img{
	height:245px;
	width:auto;
	}
	.produkt-foto.system-solutions img{
	max-width:inherit;
	height:245px;
	}
	.produkt-titel h4{
    font-size: 1.9rem;	
	}
	
	.technical-data td {
   padding:20px 20px;
	}
	.smaller-table.technical-data td {
   padding:10px 10px;
	}
	.movicon-logo .logo-grafik{
		position: absolute;
	z-index:99;
	right:30px;
	top:-60px;
    width: 230px;
    height: 69px;
	}
	
	.mod_form .form-confirmation {
	padding:100px;
	}
	.standard .mod_article:has(.schraege-produkte) {
    margin-bottom:0;
	}

}



@media (min-width: 992px) {
.content-text {
	font-size: 1.2rem;
	line-height:126%;

}
	
.logo {
	margin-top:50px;
}
	
.home h1,
.standard .claim-h1{
    font-size: 3rem;
}
.home h2,
.standard .claim-h2{
	font-size: 1.8rem;
	margin-top: 8px;
}
	

	:root {
	  --rand-rechts: calc( (100% - 960px) / 2);
	}
	:root {
	  --rand-rechts-foto1: calc( (100% - 960px) / 2 + 400px);
	}
	:root {
	  --rand-rechts-foto2: calc( (100% - 960px) / 2 + (960px * 2/3));
	}

	.navi-desktop {
			left: calc((100% - 960px) / 2);
	}
	.kontaktfunktionen .telefonnummer a{
		font-size: 1.9rem;
	}
	.kontaktfunktionen .telefonnummer p {
    font-size: 1.8rem;
	margin-top:10px;
	}
	.home-contact .telefonnummer a{
    font-size: 2.6rem;
	}
	.standard .liste-check ul li{
    padding-left: 37px;
    margin-bottom: 15px;
	}
	.standard .liste-check ul li:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 17px;
    background-image: url(../../files/theme-images/check-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -37px;
    margin-top: 4px;
	}
	
	



	.standard .kontakt-box-telefon a {
    font-size: 1.6rem;
	}

	.standard .kontakt-box-button a {
    font-size: 1.3rem;
	}

	.brand-movicon {
	text-align:center;
	}
	.brand-movicon img{
	width:80%;
		padding:80px 0 40px;
	}
	.brand-techtop {
	text-align:center;
	}
	.brand-techtop img{
		width:60%;
	}
	.movicon-logo .logo-grafik{
	right:30px;
	top:-100px;
    width: 230px;
    height: 69px;
	}
	.technical-data {
	margin-top:0;
	}
}

@media (min-width: 1200px) {
.content-text {
	font-size: 1.3rem;
	line-height:126%;
	
}
.logo {
	margin-top:70px;
}
.home h1,
.standard .claim-h1{
    font-size: 3.4rem;
}
.home h2,
.standard .claim-h2{
	font-size: 2.5rem;
	margin-top: 8px;
}
	:root {
	  --rand-rechts: calc( (100% - 1140px) / 2);
	}
	:root {
	  --rand-rechts-foto1: calc( (100% - 1140px) / 2 + 475px);
	}
	:root {
	  --rand-rechts-foto2: calc( (100% - 1140px) / 2 + (1140px * 2/3));
	}
	
	.navi-desktop {
		display: block;
			left: calc((100% - 1140px) / 2);
	}
	.kontaktfunktionen .telefonnummer a{
		font-size: 2.2rem;
		
	}
	.kontaktfunktionen .telefonnummer p {
    font-size: 2.0rem;
	}
	
	.partners p {
	    padding: 15px 100px 50px;
	}
	.home-contact .telefonnummer a{
    font-size: 2.6rem;
	}
	
	.standard .kontakt-box {
		text-align:center;
		border-radius: 15px;
		-moz-box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8);
		-webkit-box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8);
		box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8);
		margin-top:30px;
		padding: 40px 20px;
		margin-left: 0;
		width: 100%;
	}
	.standard .kontakt-box-telefon a {
    font-size: 1.8rem;
	}

	.standard .kontakt-box-button a {
    font-size: 1.5rem;
	}


}

@media (min-width: 1400px) {
.content-text {
	font-size: 1.3rem;
	line-height:126%;
}
	
/*.standard .content-text {
		font-size:1.3rem;
}*/	
	
.logo {
	margin-top:103px;
}
.home h1,
.standard .claim-h1{
    font-size: 3.6rem;
}
.home h2,
.standard .claim-h2{
	font-size: 2.9rem;
	margin-top: 8px;
}


	:root {
	  --rand-rechts: calc( (100% - 1320px) / 2);
	}
	:root {
	  --rand-rechts-foto1: calc( (100% - 1320px) / 2 + 550px);
	}
	:root {
	  --rand-rechts-foto2: calc( (100% - 1320px) / 2 + (1320px * 2/3));
	}
	
	.navi-desktop {
			left: calc((100% - 1320px) / 2);
	}
	.kontaktfunktionen .telefonnummer a{
		font-size: 2.2rem;
	}
	.kontaktfunktionen .telefonnummer p {
    font-size: 2.0rem;
	}
	.produkt-foto img{
	height:245px;
	}
		.produkt-titel h4{
    font-size: 1.9rem;	
	}
	.partners p {
	    padding: 15px 100px 50px;
	}
	.home-contact .telefonnummer a{
    font-size: 2.6rem;
	}
	
	
.standard .liste-check ul li{
    padding-left: 45px;
    margin-bottom: 15px;
	}
.standard .liste-check ul li:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 22px;
    background-image: url(../../files/theme-images/check-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -45px;
    margin-top: 4px;
	}
	
	
	

	.standard .kontakt-box,
	.zertifikat-wrapper .zertifikat-inner{
		margin-left: 20%;
		width: 80%;
	}
	
	.movicon-logo .logo-grafik{
	right:40px;
	top:-100px;
    width: 280px;
    height: 72px;
	}
	
}
/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*customized for contao*/

@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.gutter-small > .row,.row.gutter-small{
	margin-left:-7px;
	margin-right:-7px
}

.gutter-small > .row > .col,
.row.gutter-small > .col,.gutter-small > .row > [class*=col-],
.row.gutter-small > [class*=col-]{
	padding-left:7px;
	padding-right:7px
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
          order: -1;
}

.order-last {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
          order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
          order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
          order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
          order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
          order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
          order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
          order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
          order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
          order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
          order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

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

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

.d-inline-block {
  display: inline-block !important;
}

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  -webkit-box-flex: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
              -ms-grid-row-align: flex-start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
              -ms-grid-row-align: flex-end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
              -ms-grid-row-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
              -ms-grid-row-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
              -ms-grid-row-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
                -ms-grid-row-align: flex-start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
                -ms-grid-row-align: flex-end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
                -ms-grid-row-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
                -ms-grid-row-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
                -ms-grid-row-align: flex-start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
                -ms-grid-row-align: flex-end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
                -ms-grid-row-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
                -ms-grid-row-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
                -ms-grid-row-align: flex-start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
                -ms-grid-row-align: flex-end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
                -ms-grid-row-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
                -ms-grid-row-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
                -ms-grid-row-align: flex-start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
                -ms-grid-row-align: flex-end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
                -ms-grid-row-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
                -ms-grid-row-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.mainmenu.block {
    overflow: visible;
}

.mainmenu ul {
    float: right;
    margin-bottom: 0;
}

/* =========================================
   LEVEL 1
========================================= */

.mainmenu li {
    float: left;
    padding-left: 10px;
    position: relative;
}

.mainmenu li a,
.mainmenu li span {
    display: block;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
}

.mainmenu ul.level_1 li a,
.mainmenu ul.level_1 li span {
    padding: 10px 3px 30px 3px;
    font-size: 1rem;
}

.mainmenu ul.level_2 li a,
.mainmenu ul.level_2 li span {
    padding: 0;
    font-size: 0.9rem;
}

.mainmenu .invisible {
    display: none;
}

/* =========================================
   ALLGEMEINE SUBMENÜS
========================================= */

.mainmenu ul ul li {
    clear: both;
    display: block;
    float: none;
    padding: 0;
    position: relative;
}

.mainmenu ul ul li {
    border-bottom: 1px #eee solid;
}

.mainmenu .megamenu ul ul li {
    border-bottom: none;
}

.mainmenu ul ul a,
.mainmenu ul ul a:link,
.mainmenu ul ul a:visited,
.mainmenu ul ul span.active {
    display: block;
    float: none;
    margin: 0;
}

.mainmenu ul ul a:hover,
.mainmenu ul ul a:active,
.mainmenu ul ul li span.active {
    border-radius: 0;
}

/* =========================================
   ACTIVE / HOVER
========================================= */

.mainmenu li.active span,
.mainmenu li a.trail,
.mainmenu li.trail span,
.mainmenu li.trail a.trail {
    color: #fff;
}

/* =========================================
   LEVEL 2
========================================= */

.mainmenu .level_2 {
    position: absolute;
    top: 100%;
    left: -9999px;

    min-width: 230px;
    width: max-content;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;

    z-index: 1001;


}

/* LEVEL 2 anzeigen */

.mainmenu .submenu:hover > .level_2 {
    left: auto;
    opacity: 1;
    visibility: visible;
}

/* =========================================
   LEVEL 3 FLYOUT
========================================= */

.mainmenu ul.level_3 {
    position: absolute;

    top: 0;
    left: calc(100% + 0px);

    min-width: 230px;
    width: max-content;

  

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;

    z-index: 1002;


}

/* LEVEL 3 anzeigen */

.mainmenu ul.level_2 li:hover > ul.level_3 {
    opacity: 1;
    visibility: visible;
}

/* =========================================
   ANIMATION MENÜPUNKTE
========================================= */

/* Ausgangszustand */

.mainmenu ul.level_2 li,
.mainmenu ul.level_3 li {
    opacity: 0;
    transform: translateY(8px);

    transition:
        opacity 0.35s ease,
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Sichtbar beim Hover */

.mainmenu .submenu:hover > ul.level_2 > li,
.mainmenu ul.level_2 li:hover > ul.level_3 > li {
    opacity: 1;
    transform: translateY(0);
}

/* =========================================
   STAGGER ANIMATION LEVEL 2
========================================= */

.mainmenu ul.level_2 li:nth-child(1)  { transition-delay: 0.04s; }
.mainmenu ul.level_2 li:nth-child(2)  { transition-delay: 0.10s; }
.mainmenu ul.level_2 li:nth-child(3)  { transition-delay: 0.16s; }
.mainmenu ul.level_2 li:nth-child(4)  { transition-delay: 0.22s; }
.mainmenu ul.level_2 li:nth-child(5)  { transition-delay: 0.28s; }
.mainmenu ul.level_2 li:nth-child(6)  { transition-delay: 0.34s; }
.mainmenu ul.level_2 li:nth-child(7)  { transition-delay: 0.40s; }
.mainmenu ul.level_2 li:nth-child(8)  { transition-delay: 0.46s; }
.mainmenu ul.level_2 li:nth-child(9)  { transition-delay: 0.52s; }
.mainmenu ul.level_2 li:nth-child(10) { transition-delay: 0.58s; }

/* =========================================
   STAGGER ANIMATION LEVEL 3
========================================= */

.mainmenu ul.level_3 li:nth-child(1)  { transition-delay: 0.04s; }
.mainmenu ul.level_3 li:nth-child(2)  { transition-delay: 0.10s; }
.mainmenu ul.level_3 li:nth-child(3)  { transition-delay: 0.16s; }
.mainmenu ul.level_3 li:nth-child(4)  { transition-delay: 0.22s; }
.mainmenu ul.level_3 li:nth-child(5)  { transition-delay: 0.28s; }
.mainmenu ul.level_3 li:nth-child(6)  { transition-delay: 0.34s; }
.mainmenu ul.level_3 li:nth-child(7)  { transition-delay: 0.40s; }
.mainmenu ul.level_3 li:nth-child(8)  { transition-delay: 0.46s; }
.mainmenu ul.level_3 li:nth-child(9)  { transition-delay: 0.52s; }
.mainmenu ul.level_3 li:nth-child(10) { transition-delay: 0.58s; }

/* =========================================
   LEVEL 2 LINKS
========================================= */

.mainmenu ul li ul.level_2 li a,
.mainmenu ul li ul.level_2 li.active{
    text-transform: none;
    background-color: #006da8;

    margin: 0;
    padding: 15px 20px;
    white-space: nowrap;
	color: #fff;
	font-size:1.1rem;
	transition: background 1s ease;
	
}

.mainmenu .level_2 > li:last-child a,
.mainmenu .level_2 > li:last-child.active,
.mainmenu .level_3 > li:last-child a,
.mainmenu .level_3 > li:last-child.active{
    border-radius: 0 0 5px 5px;
	display:block;

}

.mainmenu ul li ul.level_2 li a:hover,
.mainmenu ul li ul.level_2 li.active:hover{
    background-color: #005b8d;
}

.mainmenu ul li ul.level_3 li a,
.mainmenu ul li ul.level_3 li.active {
    text-transform: none;
    background-color: #005b8d;
    margin: 0;
      padding: 15px 20px;
    white-space: nowrap;
	color: #fff;
	transition: background 1s ease;
}

.mainmenu ul li ul.level_3 li a:hover,
.mainmenu ul li ul.level_3 li.active:hover{
    background-color: #02507b;
}

/* =========================================
   LEVEL 3 LINKS
========================================= */

.mainmenu ul.level_3 li a {
    white-space: nowrap;
}

/* =========================================
   LETZTES MENÜ RECHTS AUSRICHTEN
========================================= */

.mainmenu li.last ul.level_2 {
    right: 15px;
    left: auto;
}

/* =========================================
   HOVER
========================================= */

.mainmenu li.active span,
.mainmenu li a:hover,
.mainmenu li.trail span,
.mainmenu li.trail a:hover {

}

/* =========================================
   MEGAMENU
========================================= */

.mainmenu ul li.megamenu ul.level_2 {
    right: -36px;
    padding: 10px;
}

@media (min-width: 992px) {

    .mainmenu ul li.megamenu ul.level_2 {
        width: 1010px;
    }
}

@media (min-width: 1200px) {

    .mainmenu ul.level_1 li a,
    .mainmenu ul.level_1 li span {
        padding: 10px 10px 10px 10px;
        font-size: 1.2rem;
    }

    .mainmenu ul li.megamenu ul.level_2 {
        width: 1125px;
        right: 15px;
        padding: 15px;
    }
}

/* =========================================
   MEGAMENU RESET
========================================= */

.mainmenu ul li.megamenu ul li {
    clear: inherit;
    display: inherit;
    float: none;
    padding: inherit;
}

.mainmenu ul li.megamenu ul.level_3,
.mainmenu ul li.megamenu ul.level_4 {
    box-shadow: none;
    padding: 0;
    margin: 0;
}

/* =========================================
   MEGAMENU SPALTEN
========================================= */

.mainmenu ul li.megamenu li.wrapme {
    display: table-cell;
}

.mainmenu ul li.megamenu a.wrapme,
.mainmenu ul li.megamenu span.wrapme {
    display: none;
}

/* =========================================
   LEVEL 3 STYLING
========================================= */

.mainmenu ul li.megamenu ul.level_3 li a,
.mainmenu ul li.megamenu ul.level_3 li span {
    font-weight: 700;
    color: #0070ba;
    font-size: 1.05rem;
    white-space: nowrap;
}

/* =========================================
   LEVEL 4 STYLING
========================================= */

.mainmenu ul li.megamenu ul.level_4 li a,
.mainmenu ul li.megamenu ul.level_4 li span {
    font-weight: 400;
    color: #595959;
    font-size: 0.9rem;
}

/* =========================================
   LEVEL 4 ACTIVE
========================================= */

.mainmenu ul li.megamenu ul.level_4 li.active span,
.mainmenu ul li.megamenu ul.level_4 li a.trail,
.mainmenu ul li.megamenu ul.level_4 li.trail span,
.mainmenu ul li.megamenu ul.level_4 li.trail a.trail {
    color: #fff;
}

/* =========================================
   DONOTCLICK
========================================= */

.mainmenu .donotclick {
    cursor: default !important;
}

.mainmenu ul.level_1 li.megamenu a.donotclick {
    cursor: pointer !important;
}

/* =========================================
   MOBILE HANDLE
========================================= */

.mainmenu .mobile_handle {
    display: none;
}
@charset "UTF-8";
/* CSS Document */

/* Navigation Mobile */
.mod_mobile_menu {
	    margin-left: -15px;
    margin-right: -15px;
    overflow:scroll;
	}
.mobile_menu {
	
}

.mobile_menu  a:hover {
	color:#fff;
	}
.mobile_menu .inner {
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
	background-color:#fff;
	}

.mobile_menu_trigger {
	color:#000;
	cursor:pointer;
	right:0;
	top:0;
	z-index: 20;
	    position: fixed;
    width: 100%;
    background-color:transparent;
    height:80px;
    will-change:inherit;
    transform:none;
	}

.sticky .mobile_menu_trigger {
-moz-box-shadow: 0px 0px 15px 0 rgba(204, 204, 204, 0.6);
	-webkit-box-shadow: 0px 0px 15px 0 rgba(204, 204, 204, 0.6);
	box-shadow: 0px 0px 15px 0 rgba(204, 204, 204, 0.6);
}



.mobile_menu ul{
background-color: transparent;
margin:0;
}


.mobile_menu ul li{
display:block;
/*padding:0 0 0 10px;*/
background-color:transparent;
border:none
}

.mobile_menu ul a,
.mobile_menu ul a:link,
.mobile_menu ul a:visited,
.mobile_menu ul span.active,
.mobile_menu ul span.trail,
.mobile_menu ul span,
.mobile_menu ul strong{
	
position:relative;
float:none;
clear:both;
display:block;
margin:0;
padding:15px 40px 15px 10px;
background-image:none;
border-top:1px solid #ddd;
border-radius:0;
text-decoration:none;
color:#65686a;
font-size:1.0rem;
font-weight: 600;
}

.mobile_menu ul a.footer-page,
.mobile_menu ul a.footer-page:link,
.mobile_menu ul a.footer-page:visited,
.mobile_menu ul span.footer-page.active,
.mobile_menu ul span.footer-page.trail,
.mobile_menu ul span.footer-page,
.mobile_menu ul strong.footer-page{
	font-weight:400;
}

.mobile_menu ul span.active,
.mobile_menu ul strong.active{
color: #008bd2;
}

.mobile_menu ul.level_2 li {
background-color:#f1f1f1;
border-bottom:1px solid #ddd;
}

.mobile_menu ul.level_3 li {
background-color:#f1f1f1;
border-bottom:1px solid #ddd;
}

.mobile_menu ul.level_2 li.submenu a {
	color:#65686a;
	
	/*padding-left: 30px;*/

}
.mobile_menu ul.level_3 li a {
	color:#9ab1ca;
}
.mobile_menu ul.level_2 ul.level_3 li a,
.mobile_menu ul.level_2 ul.level_3 li strong{
	padding-left: 30px;
}



.mobile_menu ul.level_3 li,
.mobile_menu li.megamenu ul.level_4 li {
/*background-color:#e7eef2;*/
}	

.mobile_menu ul.level_1 li.submenu_show a:after,
.mobile_menu ul.level_1 li.submenu_show strong:after,
.mobile_menu ul.level_2 li.submenu_show a:after,
.mobile_menu ul.level_2 li.submenu_show strong:after{
content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url(../../files/theme-images/mobile-navi-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0;
    margin-right: 8px;
    margin-top: 0;
	right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.mobile_menu ul.level_1 li.submenu_hide a:after,
.mobile_menu ul.level_1 li.submenu_hide strong:after{
content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url(../../files/theme-images/mobile-navi-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0;
    margin-right: 8px;
    margin-top: 0;
	right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile_menu ul.level_2 ul.level_3 li a:after,
.mobile_menu ul.level_2 ul.level_3 li strong:after{
	content: "";
}

.inner-mobile-menue {
	margin-bottom:300px;
}

.mobile_menu_trigger {
    text-align: right;
    max-width: 750px;
    margin: 0 auto;
    z-index: 1200;
}

.hamburger,#wrapper.sticky.hamburger{
	display:inline-block;
	padding: 0 25px;
	width:40px;
	height:40px;
	cursor: pointer;
    background-image: url(/files/theme-images/hamburger-icon.png);
    background-repeat: no-repeat;
    background-size: 40px 20px;
    margin-top: 36px;
    margin-right: 5px;
	background-color: transparent;
    border: none;
}