/* @import url('https://fonts.googleapis.com/css?family=Lato'); - font not used anymore - paravista media 21.07.2021 */

/* used colors:
 * dark    grey #9ba0a8 rgb(155,160,168)
 * medium  grey #cccccc rgb(204,204,204)
 * light  grey #fafafa rgb(250,250,250)
 * blueish  grey #bdc7c8 rgb(189,199,200)
 *
 *       blue #005ea8 rgb(0,94,168)
 * ultradarkblue #001d33 rgb(0,29,51)
 *
 *
 *
*/

/* =============================================================================
   HTML5 element display
   ========================================================================== */

/*
 * Add display for block-level HTML5 elements
 * Addresses display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Add font size
 *    Addresses text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Add vertical scrollbar
 *    Keeps page centred in all browsers regardless of content height
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Remove iOS text size adjust without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/*
 * Remove margin
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/*
 * Define base font-family
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

body,
button,
input,
select,
textarea {
    font-family: Lato,Helvetica,Arial,sans-serif;
}

/*
 * 1. Remove border
 *    Improves readability when inside 'a' element in all browsers
 * 2. Allow high quality bicubic image resampling
 *    Improves readability when scaled in IE7
 *    Read before using : code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Define outline as thin dotted
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Remove outline
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Add bottom border
 * Fixes styling not present in IE7/8/9 S5 Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Add bold font weight
 * Fixes style set to 'bolder' in FF3/4 S4/5 Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Add italic font style
 * Fixes styling not present in S5 Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Add yellow background and black text
 * Fixes styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Redeclare monospace font family
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 * 1. Fixes font family set oddly in S5 Chrome
 * 2. Fixes monospace font family set oddly in IE6
 */

pre,
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    _font-family: 'courier new', monospace; /* 2 */
    font-size: 1em;
}

/*
 * Add line wrapping
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Remove quotes
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Define font-size
 */

small {
    font-size: 75%;
}

/*
 * Position subscript and superscript content without affecting line-height
 * Fixes alignment within multi-line text displayed oddly in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 1em;
}

dd {
    margin: 0 0 0 2em;
}

nav ul,
nav ol {
    list-style: none;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Remove margin
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Remove margin
 * Fixes styling in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent margin and padding
 */

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * Add negative left margin
 * Fixes alignment displayed oddly in IE6/7
 */

legend {
    *margin-left: -7px;
}

/*
 * 1. Define font-size as equal to ancestor's
 * 2. Remove margin
 *    Fixes different margins set in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * 1. Define line-height as normal
 *    Addresses FF3/4 setting it using !important in the UA stylesheet
 * 2. Make overflow visible
 *    Fixes spacing displayed oddly in IE6/7
 */

button,
input {
    line-height: normal; /* 1 */
    *overflow: visible;  /* 2 */
}

/*
 * 1. Display hand cursor for clickable form elements
 *    Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Define appearance for clickable form elements
 *    Fixes inability to style clickable 'input' types in iOS
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}

/*
 * Define box sizing
 * Addresses box sizing set to content-box in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

/*
 * Define box sizing and appearance
 * Addresses box sizing set to border-box in S5 Chrome (include -moz to future-proof)
 * Addresses appearance set to searchfield in S5 Chrome
 */

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/*
 * Remove WebKit search decoration
 * Addresses inner padding displaying oddly in S5 Chrome on OSX
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Remove inner padding and border
 * Fixes appearance displayed oddly in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Remove default vertical scrollbar
 *    Fixes scrollbar displayed oddly in IE6/7/8/9
 * 2. Add top vertical alignment
 *    Improves readability and aligment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 * Consistent vertical and horizontal alignment in all browsers
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

/*
===================================================================================
  end normalize css
  start page structure
===================================================================================
*/

#beam{
width:1441px;
height:153px;
position:absolute;
z-index:0;
left:50%;
margin-left:-720px;
background:url(../gfx/ROEHM_Beam_lang.jpg) no-repeat;
}
#stage{
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  z-index:10;
  position:relative;
}

#header ul{
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

#logo{
  float:left;
    margin-top: 12px;
}
#logo img {
    height: auto;
}

#region-chooser{
  margin-top: 20px;
  width: 140px;
  height: 70px;
  overflow:hidden;
  float:right;
  background: url(../gfx/map_small/map.png) 0 0 no-repeat;
}

#large-region-chooser{
  margin-top: 20px;
  width: 480px;
  height: 343px;
  overflow:hidden;
  background: url(../gfx/map_large/map.gif) 0 0 no-repeat;
}

#region-chooser img, #large-region-chooser img {
  position:absolute;
  display:none;
  z-index:5;
}

#metamenu{
  float:left;
}
#metamenu li{
  list-style: none;
}
#mainmenu{
    /*clear:both;*/
  z-index:100;
}

#content{
  clear:both;
  overflow:hidden;
  /*margin: 20px 0;
  /*border-top: 1px solid #005EA8;
  padding: 20px 0;*/
  /*background-color: #eff0f0;*/
}

#content .layout3 #normalcontent{
    width:100%;
}

#content.layout4 #normalcontent{
  width: 960px;
  overflow:hidden;
  float:left;
}

#content.layout4 #normalcontent,
#content.layout1 #normalcontent,
#content.layout0 #leftcontainer{
  /*width: 730px;*/
  /*margin-right: 30px;*/
  /*float:left;*/
  /*overflow:hidden;*/
}
#content.layout1 #normalcontent{
  /*width: 680px;*/
  /*margin-right: 20px;*/
  /*margin-left: 20px;*/
  background-color: white;
  /*border-top: 1px solid #005EA8;*/
  /*padding: 10px;*/
}
#content.layout3 #normalcontent .csc-default.layout-0 {
  /*padding-left: 20px;*/
}
#content.layout0 #leftcontainer{
  /*width: 700px;*/
  /*padding-left: 10px;*/
  /*margin-right: 20px;*/
}
#content.layout0  #bordercontent-bg {
  /*margin-bottom: 30px;*/
}

#content.layout0 #bordercontent-bg p{
    font-size: 12px;
    margin: 0;
}
#content.layout3 #bordercontent,
#content.layout4 #bordercontent{
  margin-bottom: 30px;
  overflow:hidden;
}
#content.layout0 #bordercontent, #content.layout4 #bordercontent {
  /*width: 545px;*/
  height: 128px;
  padding-left: 150px;
  padding-top: 15px;
  overflow:hidden;
  color: white;
}
#content.layout4 #bordercontent {
  width: 790px;
}

#bordercontent h2,
#bordercontent h1{
    color: white;
    margin-top: 0;
    text-transform: none;
}

#content.layout0 #normalcontent{
  /*width: 480px;*/
  /*float:left;*/
  /*overflow: hidden;*/
  /*background-color: white;*/
  /*border-top: 1px solid #005EA8;*/
  /*padding: 10px;*/

}
#content.layout0 #leftcontent{
  /*width: 200px;*/
  /*float:left;*/
  /*overflow:hidden;*/

}
#content.layout3 #rightcontent,
#content.layout4 #rightcontent,
#content.layout1 #rightcontent,
#content.layout0 #rightcontent{
  /*width: 200px;*/
  /*float:left;*/
}
.tx-owl-slider{
  margin-right: -30px;
  margin-left: -30px;
}


#normalcontent{}
#leftcontent{}
#rightcontent{}
#bordercontent{}

#footer{
    /*clear:both;*/
    /*margin-bottom: 5em;*/
  padding-top: 50px;
}

#rightcontent .csc-default.layout-0{
  background-color:rgb(236,237,241);
}

#rightcontent .csc-default.layout-0 .bodytext{
padding-left:10px;
padding-right:10px;
}

#rightcontent .csc-default.layout-0 h3{
padding-left:10px;
}

#rightcontent .csc-default.layout-0 p{
/*padding-left:10px;
padding-right:10px;*/
}

.news-latest-container{
padding-left:10px;
padding-right:10px;
line-height:1.5;
}
.news-latest-item h2 a{
color:black;
}
/*
===================================================================================
  end page structure
===================================================================================
*/

/* content */
body{
  font-size:12px;
  color: #001d33;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #005ea8;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #005ea8;
    margin: 0 0 10px 0;
    padding: 0 0 11px 0;
}

a,
a:active,
a:focus,
a:visited{
  text-decoration:none;
  color: rgb(0,80,154);
}
a:hover{
  text-decoration:underline;
}

h1,
h2,
h3,
h4,
h5,
h6{
  line-height: 1em;
  /*color:#005ea8;*/
  color:#006ec2;
  text-transform:uppercase;
}

header h1 {
  font-weight:normal;
  margin-bottom: 30px;
    font-size: 26px;
}
h2{
  font-weight:normal;
}
h5,
h6{
  font-size: 10px;
}

.csc-uploads-fileSize{
  padding-left: 1em;
}

/* content end */
#rightcontent {
  padding-bottom: 20px;
}
#rightcontent > div {
  padding-bottom: 10px;
}

#rightcontent h2,/* new default headlines are h2 */
#rightcontent h1{
  /*border-top: 1px solid #005ea8;*/
  padding: 4px 8px 7px 38px;
  margin-top: 20px;
  /*background: url(../gfx/grad-header-grey.gif) repeat-x #d0d1d5;*/
  background: url(../gfx/title-bg.png) no-repeat #ebecf0;
  color: white;
  font-size: 14px;
  font-weight:bold;
}
#rightcontent > div:first-child h1,
#rightcontent > div:first-child h2 {
  margin-top: 0;
}
#rightcontent p {
  margin: 0;
  padding: 10px;
}
.ce-center .image-caption,
.ce-headline-center {
    text-align: center;
}

figcaption {
	padding: 0 10px;
}

/************* meta menu start *****************/
#metamenu{
  /*margin-left:275px;*/
  margin-top: 5px;
}

/*#metamenu ul{
    float:left;
    display:inline;
}*/
#metamenu .btn .caret {
    margin-left: 5px;
}

/*#metamenu ul li{
    margin: 0 0 0.5em 0;
  float:left;
}*/

/*.tx-srlanguagemenu-pi1{*/
/*  float:left !important; */
  /*padding-left:20px;*/
/*}*/

.tx-srlanguagemenu-pi1 select {
    background: #ffffff none repeat scroll 0 0;
    color: #00509a;
    font-family: Verdana,sans-serif;
    font-size: 0.8em;
    padding: 5px 0;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
}

#metamenu a{
    text-decoration: none;
}

#newsletter-menu a,
#newsletter-menu a:active,
#newsletter-menu a:focus,
#newsletter-menu a:visited{
  font-size: 14px;
  /*color: rgb(0,80,154);*/
  text-decoration: none;
  background-repeat: no-repeat;
  /*padding: 5px 20px;*/
  /*margin-top:4px;*/
  text-transform:uppercase;
  display:block;
  /*color:black;*/

}

#newsletter-menu a:hover{
  background-color: #f5f5f5;

}

#metamenu .container{
    width: auto;
}
#metamenu .container:first-child {
    /*width: 15%;*/
    /*float: left;*/
}

/************* meta menu end   *****************/

#toprow{
  overflow:hidden;
  clear:both;
}

/************* main menu start *****************/
#mainmenu{
    margin: 0;
    /*clear:both;*/
  display:block;
  position:relative;
  height:40px;
}
#mainmenu a,
#mainmenu a:active,
#mainmenu a:focus,
#mainmenu a:visited{
  font-size: 14px;
  text-decoration:none;
  display:block;
  /*background: url(../gfx/grad-mainmenu.gif);
  border: 1px solid rgb(143,178,213);*/
  /*width: 127px;*/
  padding: 13px 15px;
  color: #777;
  font-family:Helvetica, sans-serif;

}
/*
#mainmenu .first a{width:128px;
}*/
#mainmenu a{
  text-transform:uppercase;
}

#mainmenu li.active a{
  color: #3973b9;

}
/*
#mainmenu .activeparent a,
#mainmenu li.active a,*/
#mainmenu a:hover{
  /*border: 1px solid rgb(198,199,200);
  border-bottom: 1px solid #ccc;*/
 /* background: url(../gfx/grad-mainmenu-h.gif); */
  color: grey;
  text-transform:uppercase;
}
#mainmenu .activeparent ul a,
#mainmenu li.active ul a,
#mainmenu li.active li a,
#mainmenu ul ul a,
#mainmenu ul ul a:active,
#mainmenu ul ul a:focus,
#mainmenu ul ul a:visited{
  /*color: white;*/
  /*border: 0 none;*/
  /*background: #9ba0a8;*/
  /*width: 127px;*/
  /*height: 25px;*/
}
#mainmenu li a.tmpAct{
  /*border-bottom: 1px solid #9ba0a8;*/
}


#mainmenu .level2 .active a:hover,
#mainmenu .level2 .active .level3 a:hover,
#mainmenu ul ul a{
  /*border:0 none;*/
  /*color: rgb(0,94,168);*/
  /*background: transparent;*/
}

#mainmenu ul.level2 li a{
  display: block;
  text-transform:none;
  padding: 3px 20px 3px 20px;
  color: #000;
}
#mainmenu ul.level2 li a:hover{
  background-color: #f5f5f5;
}

#mainmenu ul.level3 li a{
  height:auto;
  padding-top: 3px;
  margin-left:1px;
  margin-right:1px;
}

#mainmenu ul.menu{
  list-style: none;
    position: relative;
    z-index: 900;
}

#mainmenu ul li{
  float:left;
}
#mainmenu ul ul{
  position:absolute;
  display: none;
  left: 0;
  z-index: 950;
  background-color: white;
}
#mainmenu .level2 li {
    float: none;
}
#mainmenu ul li li{
  list-style-type: none;
}
#mainmenu ul ul ul{
  display:block;
  position:relative;
  background-color: white;
}
#mainmenu ul ul ul li{
  clear:left;
  border:0 none;
}
#mainmenu ul ul li a{
  background: transparent;
  height:auto;
}
#mainmenu ul.level2{
  overflow:hidden;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
  width: 250px;
  padding-top: 5px;
}
#mainmenu .level3 li{
  border-right: 1px solid #ccc;
  padding-bottom: 4px;
}
#mainmenu .last .level3 li{
  border-right: 0 none;
}

#mainmenu .level2 .active .level3 a{
  /*color: #fafafa;*/
}
#mainmenu .level2 .active .level3 .active a,
#mainmenu .level2 .active a{
  color: grey;
}

/************* meta menu end   *****************/

/************* sub menu start *****************/
#subnav ul {
  padding: 0;
  margin-top: 0;
}
#subnav li {
  margin-bottom: 1em;
  list-style-type: none;
}
#subnav ul ul {
  margin-top: 1em;
}
#subnav ul a {
  text-transform: uppercase;
}
#subnav li.current > a {
  font-weight: bold;
}
#subnav ul ul li {
  margin-bottom: 0.25em;
}
#subnav ul ul a {
  text-transform: none;
}
#subnav ul ul a:before {
  content: "\00BB";
}
/************* sub menu end *******************/

/************* footer menu start ****************/
/*footer{clear:both;}*/
#footermenu{
  /* background-color: rgb(24,94,166); */
  /*background: url(../gfx/footer-bg.gif) #8FB2D5 repeat-y;*/
  /*overflow: hidden;*/
  /*padding: 8px 0;*/
}
#footer ul{
  background:transparent;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
}
#footer ul.level3{
  padding-left: 8px;
}
#footermenu a:active,
#footermenu a:focus,
#footermenu a:visited,
#footermenu a{
  padding: 0px 4px 4px 0px;
  font-size: 10px;
  text-decoration: none;
  display: block;
  width: 111px;
  color: #fafafa;
}
#footermenu a:hover{
  color: #9ba0a8;
}
#footer ul.level1{
  overflow: auto;
}
#footer div.level1 .special div:first-child a,
#footer div.level1 a{
  font-size: 18px;

}
#footer div.level1 .special a,
#footer div.level2 a,
#footer div.level3 a{
  font-size: 14px;
    font-weight: normal;
}
#footer ul ul,
#footer ul.level1 li{
  display: block;
  width: 120px;
  float: left;
  font-size: 18px;
}

.tx-edxcontactform-pi1 .row{
  margin-right:0;
  margin-left:0;
}
/************* footer menu start *****************/
div.tx-edxboxslide-pi1 {
  padding-top: 0px;
  background-color: #DDD; /* xxx bg-Farbe ändern */
  border-top: 0px solid #005EA8;
}
div.edx-slider, .layout-2 .csc-textpic {
  width: 230px;
  height: 125px;
  overflow:hidden;
}
.layout-2 .csc-textpic {
  background-color: #DDD; /* xxx bg-Farbe ändern */
  border-top: 1px solid #005EA8;
}
div.edx-slider-item{
  float:left;
  width: 230px;
  height: 125px;
  overflow:hidden;
}
.edx-slider-image{
  width:230px;height:110px;
}
div.edx-slider{
  float:left;
  position:relative;
}
.edx-slider-arrow-left,
.edx-slider-arrow-right{
  width: 15px;
  height: 15px;
  display: block;
  cursor: pointer;
  background: rgb(0,80,154);
  color: #fff;
  text-align: center;
}
.edx-slider-arrow-left{float:left;}

.edx-slider-arrow-right{float:right;}
/* make dynamic with js */
.edx-slider-holder{
  display: block;
    left: 0px;
    overflow: hidden;
    position: absolute;
    width: 1400px;
}
.edx-slider-links a,
.edx-slider-links a:hover,
.edx-slider-links a:focus,
.edx-slider-links a:visited{
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.edx-slider-link{
  display: block;
    float: left;
    text-align: center;
    width: 198px;
    height: 16px;
    background: rgb(0,80,154);
    color: #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.edx-slider-links{width:230px;}

#content.layout3 div.layout-0,
#content.layout4 div.layout-0 {
  /*clear:both;*/
}
/* "left column" */

#content.layout3 div.layout-1{
    /*width:100%;*/
}

#content.layout4 div.layout-1{
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 49%;
  padding: 0 12px 5px 0;
  margin: 0 0 45px 0;
  vertical-align: top;
  font-size:15px;
}


#content.layout4 .csc-frame-frame2.layout-1{
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 49%;
  padding: 0px 12px 5px 0px;
  margin: 0 0 45px 0;
  vertical-align: top;
  font-size:16px;
}

#content.layout4 div.layout-1 .layout-1 {
  width: 100%;
  padding: 0;
  margin: 0;
}


/* "right column"*/

#content.layout4 div.layout-2 {
  width: 230px;
  float: right;
}
#content.layout4 div.layout-2 {
  height: 125px;
  float: left;
  background-color: #DDD; /* xxx bg-Farbe ändern */
  padding: 10px 0;
  border-top: 1px solid #005EA8;
  margin-bottom: 25px;
}

/* begin: tt_news-Modul */
.news-latest-container h2 a {
  font-size: 26px;
  text-transform: none;
  /*font-weight: bold;*/
  margin-bottom: 0;
  text-decoration: none;
  color: #104e85;
}
/*.news-latest-container .newstext{
    float: left;
    width: 50%;
}
.news-latest-container .imagecontainer{
    float: right;
    width: 50%;
}*/
.news-latest-container .imagecontainer img {
    max-width: 100%;
    height: auto;
}
.news-latest-container h2 + p {
  margin-top: 0.25em;
}
.news-list-category, .news-list-date {
  color: gray;
  margin: 0;
}

.press-news-latest-teaser {
  float: left;
  width: 200px;
  margin-right: 15px;
}
.press-news-latest-text {
  float: left;
  width: 260px;
}
#normalcontent .press-news-latest-text{
    width: auto;
    max-width: 590px;
}
@media (min-width: 480px) {
    #normalcontent .press-news-latest-text h3 {
        margin-top: 0;
    }
}
hr.press {
  width: 100%;
  clear: left;
}
.news-single-files dd {
  margin:0;
}
.news-single-files img {
  padding-right: 5px;
}
.news-single-files a {
  padding-right: 5px;
}


/* begin: Ansprechpartner */
.tx-edxcontacts-pi1 .contact-box {
  /*background-color: #e7e9e9;*/
  margin: 0;
  margin-top: -12px;
  padding: 10px;
}
.tx-edxcontacts-pi1 a {
  font-weight: bold;
}
.tx-edxcontacts-pi1 p {
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
}
.contact-box .csc-default {
  margin: 0;
  padding: 0;
}
.contact-box > div:nth-child(2n) {
  /*border-bottom: 1px solid #005EA8;*/
  /*margin-bottom: 2em;*/
}
.contact-box > div:last-child {
  /*margin-bottom: 0.5em;*/
  /*border-bottom: none;*/
}
/* end: Ansprechpartner */

/* begin: Boxen Branchenübersicht */
.csc-frame-frame1 {
  width: 345px;
  margin-left: 15px;
  float: left;
  margin-bottom: 2em;
}
.layout-fullwidth {
  width: 345px;
}
.divider {
  height: 1px;
  clear: both;
}
.divider hr {
  display: block;
}
a.arrowlink {
  color: #005EA8;
  background: transparent url(../gfx/more-btn.png) center left no-repeat;
  padding-left: 24px;
  padding-top:3px;
  padding-bottom:3px;
}
a.arrowlink2 {
  color: #005EA8;
  background: transparent url(../gfx/more-btn.png) center left no-repeat;
  padding-left: 24px;
  padding-top:3px;
  padding-bottom:3px;
  font-size: 18px;
  font-weight: bold;
}

span.news-list-morelink {
  display: block;
  color: #005EA8;
  background: transparent url(../gfx/more-btn-news.png) center left no-repeat;
  padding-left: 19px;
  padding-top:3px;
  padding-bottom:3px;
}
/* end: Boxen Branchenübersicht */

/* begin: News-Ansicht */
.news-single-imgcaption {
  font-size: 90%;
  font-style: italic;
}
.news-single-img + h3 {
  margin-top: 2em;
}
/* end: News-Ansicht */

.csc-mailform label {
  width: 100px;
  display: block;
  float: left;
}

.csc-mailform .csc-mailform-submit {
  margin-left:100px;
}

#like_it_button {
  float:right;
  padding-top:5px;
}

#footerlogo {
  float:left;
}

.myButton {
  -moz-box-shadow: 0px 0px 0px 0px #006ec2;
  -webkit-box-shadow: 0px 0px 0px 0px #006ec2;
  box-shadow: 0px 0px 0px 0px #006ec2;
  background-color:#ecedf1;
  /*background: transparent url(../gfx/more-btn.png) center left no-repeat;*/
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  border:1px solid #006ec2;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:16px;
  font-weight:normal;
  padding:20px 31px;
  text-decoration:none;
  text-shadow:0px 0px 0px #006ec2;
  margin: 0 auto;

}
.myButton:hover {
  background-color:#DCDCE6;
}
.myButton:active {
  position:absolute;
  top:1px;
}

#web2product {
  /*background: #CCC;
  border: 1px solid #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: #333;
  position: absolute;
  width: 250px;
  height: 200px;
  top: 25%;
  left: 20%;
  margin-top: -10px;*/
  margin-left: 220px;
}


/* owl slider */
#owlslider .item img{
    display: block;
    width: 100%;
    height: auto;
}

/* ke_search */

.kesearchbox #ke_search_sword {
    position: static;
    display: block;
    top: auto;
    width: 300px;
    padding: 8px 9px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#rightcontent #ke_search_sword {
    width: 100%;
}
.kesearch_searchbox .submitbutt input {
  width: 300px;
  max-width: 300px;
  padding: 8px 9px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  background-color: #7BA1D0;
  color: white;
}
#rightcontent .submitbutt input {
  width: 100%;
}

.g-recaptcha {
  margin-bottom: 1em;
}
#metamenu {
    float: right;
    width: 75%
}
body .social-icons{
  z-index: 999999;
}
.lang.col-sm-16.col-md-3.col-md-offset-9 {
    padding-left: 0;
}

/*.slick-list .element2cols .col1.col-md-8 {
    margin-left: -30px;
}
.slick-list .element2cols .col2.col-md-8 {
    margin-right: -30px;
}*/

#videoWrapper .itemtext h2{
    color: rgb(16, 78, 133);
}

@media (max-width: 1000px) {
  #menu-top #mainmenu{
    margin-top: 93px;
  }

  #mainmenu a, #mainmenu a:active, #mainmenu a:focus, #mainmenu a:visited{
    padding: 15px 10px;
  }
  #menu-top #metamenu{
    width:70%;
  }
  body #metamenu .tx-srlanguagemenu-pi1.col-sm-4{
    margin-left: -15px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 720px) {
  body .social-icons {
      z-index: 900000;
  }
  .tx-jh-simple-youtube .video-wrapper .itemtext,
  .owl-theme .owl-wrapper .item .itemtext{
    width: 75%;
  }
  body .social-icons {
      position: absolute;
      width: auto;
      margin-left: 140px;
      top: 112px;
  }
  body #facebook-btn span {
      background-position: 0px 0px;
  }
  body #twitter-btn span {
      background-position: 0px -45px;
  }
  body #youtube-btn span {
      background-position: 0px -236px;
  }
  body #google-btn span {
      background-position: 0px -137px;
  }
  body #linkedin-btn span {
      background-position: 2px -273px;
  }
  body #pintrest-btn span {
      background-position: 0px -188px;
  }
  body #instagram-btn span {
      background-position: 3px -305px;
  }
  body #flickr-btn span {
      background-position: 3px -340px;
  }
  body #web-btn span {
      background-position: 3px -408px;
  }
  body #mail-btn span {
      background-position: 3px -374px;
  }
  body .social-icon{
    height: 30px;
    width: 30px;
  }

    #metamenu{
        margin-top: 35px;
    }

    #content.layout3{
        margin-top: -52px; /* menu-top is shifted by this amount */
    }

    #menu-top > .container,
    #metamenu .lang > .container
    {
        padding:0;
    }
    .lang .btn-group{
        float:right;
    }
    .lang,
    .search{
        margin-top: 15px;
    }

    .social-icon{
        margin-right: 1px;
    }

    /*.video-wrapper .itemtext{
        display: none;
    }*/

  .mean-bar > li a,
    .mean-bar > li.first-child a,
    .mean-bar li li a{
        padding-left: 2%;
        padding-right: 2%;

    }

    .mean-bar ul.level2{
        opacity: 1;
        position: static;
    }

    .mean-bar ul.level2 li{
        background-color: #000;
    }

    .mean-bar ul.level2 li a{
        width: 84%;
        opacity: 1;
        color: #fff;
        background-color: #000;
    border-bottom: none;
    }

  .mean-bar ul.level2 li:hover > a, .mean-bar ul.level2 li > a.act{
    background-image: none;
    background-color: #FF7500;
  }

    .mean-container .mean-bar .mean-nav ul.level2 li .mean-expand{
        width:8%;
        height: 12px;
        /*padding-top: 0;*/
        /*padding-bottom: 0;*/
    }

  .mean-bar ul.level3{
    opacity: 1;
    position: static;
  }
  body.mean-container #menu-top{
    position: relative;
    top: -52px;
  }
  body.mean-container #menu-top #metamenu{
    width:100%;
  }

  #metamenu .csc-default{
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      margin-right: auto;
      margin-left: auto;
      overflow: auto;
  }
}

.image-embed-item{
    max-width: 100%;
    height: auto;
}

/* bootstrap 4 spacing backport start */
.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}
/* bootstrap 4 spacing backport end */

/* bootstrap 4 display backport start */
.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: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !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: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !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: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !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: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !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: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !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: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
/* bootstrap 4 display backport end   */

/* News */
.news-list-item .img-responsive {
    width: 100%;
}

/* responsive video */
#info-col .video-embed {
    position: relative;
    width: 300px;
    height: 0;
    padding-bottom: 75%;
}
#info-col .video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 540px) {
    #info-col .video-embed {
        width: 225px;
    }
}
@media (min-width: 768px) {
    #info-col .video-embed {
        width: 180px;
    }
}
@media (min-width: 992px) {
    #info-col .video-embed {
        width: 205px;
    }
}
@media (min-width: 1200px) {
    #info-col .video-embed {
        width: 255px;
    }
}

.ce-gallery.ce-border img,
.ce-gallery.ce-border iframe {
    border: 1px solid #aaa;
}

/* picture below text */
.ce-textpic.ce-below .ce-gallery {
    margin-top: 0;
}

/* separator hr */
hr.ce-div {
    border-top-color: #ccc;
}

header {
    word-break: keep-all;
}