/* roboto-100 - latin */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(/fonts/roboto-v20-latin-100.woff2?7370c3679472e9560965ff48a4399d0b) format("woff2"), url(/fonts/roboto-v20-latin-100.woff?5cb7edfceb233100075dc9a1e12e8da3) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-100italic - latin */

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(/fonts/roboto-v20-latin-100italic.woff2?f8b1df51ba843179fa1cc9b53d58127a) format("woff2"), url(/fonts/roboto-v20-latin-100italic.woff?f9e8e590b4e0f1ff83469bb2a55b8488) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(/fonts/roboto-v20-latin-300.woff2?ef7c6637c68f269a882e73bcb57a7f6a) format("woff2"), url(/fonts/roboto-v20-latin-300.woff?b00849e00f4c2331cddd8ffb44a6720b) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300italic - latin */

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(/fonts/roboto-v20-latin-300italic.woff2?14286f3ba79c6627433572dfa925202e) format("woff2"), url(/fonts/roboto-v20-latin-300italic.woff?4df32891a5f2f98a363314f595482e08) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(/fonts/roboto-v20-latin-regular.woff2?479970ffb74f2117317f9d24d9e317fe) format("woff2"), url(/fonts/roboto-v20-latin-regular.woff?60fa3c0614b8fb2f394fa29944c21540) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(/fonts/roboto-v20-latin-italic.woff2?51521a2a8da71e50d871ac6fd2187e87) format("woff2"), url(/fonts/roboto-v20-latin-italic.woff?fe65b8335ee19dd944289f9ed3178c78) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(/fonts/roboto-v20-latin-500.woff2?020c97dc8e0463259c2f9df929bb0c69) format("woff2"), url(/fonts/roboto-v20-latin-500.woff?87284894879f5b1c229cb49c8ff6decc) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin */

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(/fonts/roboto-v20-latin-500italic.woff2?db4a2a231f52e497c0191e8966b0ee58) format("woff2"), url(/fonts/roboto-v20-latin-500italic.woff?288ad9c6e8b43cf02443a1f499bdf67e) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(/fonts/roboto-v20-latin-700.woff2?2735a3a69b509faf3577afd25bdf552e) format("woff2"), url(/fonts/roboto-v20-latin-700.woff?adcde98f1d584de52060ad7b16373da3) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700italic - latin */

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(/fonts/roboto-v20-latin-700italic.woff2?da0e717829e033a69dec97f1e155ae42) format("woff2"), url(/fonts/roboto-v20-latin-700italic.woff?81f57861ed4ac74741f5671e1dff2fd9) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - latin */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: local("Roboto Black"), local("Roboto-Black"), url(/fonts/roboto-v20-latin-900.woff2?9b3766ef4a402ad3fdeef7501a456512) format("woff2"), url(/fonts/roboto-v20-latin-900.woff?bb1e4dc6333675d11ada2e857e7f95d7) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900italic - latin */

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(/fonts/roboto-v20-latin-900italic.woff2?ebf6d1640ccddb99fb49f73c052c55a8) format("woff2"), url(/fonts/roboto-v20-latin-900italic.woff?28f9151055c950874d2c6803a39b425b) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-300 - latin */

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: local("Raleway Light"), local("Raleway-Light"), url(/fonts/raleway-v14-latin-300.woff2?d724dad2e61905f488d048e51d45ae3e) format("woff2"), url(/fonts/raleway-v14-latin-300.woff?4baae0f7033718fc7a7a6dbb301db7cc) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-regular - latin */

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"), url(/fonts/raleway-v14-latin-regular.woff2?43c849ea0258ce0d23a480e840881f16) format("woff2"), url(/fonts/raleway-v14-latin-regular.woff?60b344eb8dd676754364fc5ae4500d62) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-600 - latin */

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url(/fonts/raleway-v14-latin-600.woff2?911d926608ce81ca8d62e74b7d09d276) format("woff2"), url(/fonts/raleway-v14-latin-600.woff?b2b7ca0eaed5270531d7a447725203b9) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-100 - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100;
  src: local("Poppins Thin"), local("Poppins-Thin"), url(/fonts/poppins-v9-latin-100.woff2?46a15b4fc54cfca883f84d6dd080cd3d) format("woff2"), url(/fonts/poppins-v9-latin-100.woff?ad37abfaab272d36dae659840954d1d6) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-100italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 100;
  src: local("Poppins Thin Italic"), local("Poppins-ThinItalic"), url(/fonts/poppins-v9-latin-100italic.woff2?a1c50095d922a8f4222ab83911a13dbd) format("woff2"), url(/fonts/poppins-v9-latin-100italic.woff?f1dcb8253031e839d164463115ce13bd) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-200 - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(/fonts/poppins-v9-latin-200.woff2?4e9592cdcbbbf7a0c610c754cb389fe1) format("woff2"), url(/fonts/poppins-v9-latin-200.woff?7eef082fb93671877eff57d4ee4f3990) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-200italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 200;
  src: local("Poppins ExtraLight Italic"), local("Poppins-ExtraLightItalic"), url(/fonts/poppins-v9-latin-200italic.woff2?de4421341942d11714a20399e6ba09ef) format("woff2"), url(/fonts/poppins-v9-latin-200italic.woff?db53fe94622d2fbbf2fc6a22411cbd7e) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-300 - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: local("Poppins Light"), local("Poppins-Light"), url(/fonts/poppins-v9-latin-300.woff2?e8794816c5eaeaa9dd20a6d77ea3b272) format("woff2"), url(/fonts/poppins-v9-latin-300.woff?5c5aa25747e329a14d9ab8be881cbe02) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-300italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url(/fonts/poppins-v9-latin-300italic.woff2?263658ab20600be255b10da96fe872b5) format("woff2"), url(/fonts/poppins-v9-latin-300italic.woff?e125f1e2de9a2150a521f55c482b8151) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-regular - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url(/fonts/poppins-v9-latin-regular.woff2?1a280523d375e9358d5229df34fc8e94) format("woff2"), url(/fonts/poppins-v9-latin-regular.woff?46a7d48240d428c9dc3d4ff579199312) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: local("Poppins Italic"), local("Poppins-Italic"), url(/fonts/poppins-v9-latin-italic.woff2?ac1612e21731e1a027139bd574ecf5e5) format("woff2"), url(/fonts/poppins-v9-latin-italic.woff?9c9695b08b40f038891a8445c18f05ce) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-500 - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: local("Poppins Medium"), local("Poppins-Medium"), url(/fonts/poppins-v9-latin-500.woff2?61e2d96d01a7eba5ea3ec1bad7e736a8) format("woff2"), url(/fonts/poppins-v9-latin-500.woff?1372de09cfc3e9a62af4234fd331e8e9) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-500italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url(/fonts/poppins-v9-latin-500italic.woff2?2fa39b3957f9546871ce490ebc0ff531) format("woff2"), url(/fonts/poppins-v9-latin-500italic.woff?335c9c91b108673bd54f574969c1b7ae) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-600 - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(/fonts/poppins-v9-latin-600.woff2?aa4405ed937295296cf8510f437628e0) format("woff2"), url(/fonts/poppins-v9-latin-600.woff?e3bbab8d37ba508809f78c4baf02ebdb) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-600italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url(/fonts/poppins-v9-latin-600italic.woff2?148405f9cdfa8278aede01cfc9b40367) format("woff2"), url(/fonts/poppins-v9-latin-600italic.woff?4e1036758ebde5e016b4b2c16294a3e6) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-700 - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: local("Poppins Bold"), local("Poppins-Bold"), url(/fonts/poppins-v9-latin-700.woff2?e535f7856b24153e0f3146e8f90a45c5) format("woff2"), url(/fonts/poppins-v9-latin-700.woff?bc1e47a3976358aa868a72de5a85de5a) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-700italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url(/fonts/poppins-v9-latin-700italic.woff2?5cfb020a3193dddf2dc041eb7e183ad3) format("woff2"), url(/fonts/poppins-v9-latin-700italic.woff?89874573d9b2380672f3c5685263f6c4) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-800 - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url(/fonts/poppins-v9-latin-800.woff2?b5cd7d83a71851bd0d449c3cd5ddadfc) format("woff2"), url(/fonts/poppins-v9-latin-800.woff?bde99287fe27e0e3ee89058a0affd4cd) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-800italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 800;
  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url(/fonts/poppins-v9-latin-800italic.woff2?28a7dac2331454b658d6861582bf35e6) format("woff2"), url(/fonts/poppins-v9-latin-800italic.woff?1d727abb1018c5cc6331c1e26169d590) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-900 - latin */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  src: local("Poppins Black"), local("Poppins-Black"), url(/fonts/poppins-v9-latin-900.woff2?f030f5cfef05f4e5bc834075ec3a6a91) format("woff2"), url(/fonts/poppins-v9-latin-900.woff?fde0f399fa4b71074e88b511f893c492) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-900italic - latin */

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  src: local("Poppins Black Italic"), local("Poppins-BlackItalic"), url(/fonts/poppins-v9-latin-900italic.woff2?f3c803b2d12574ab2cb68f2969e03a65) format("woff2"), url(/fonts/poppins-v9-latin-900italic.woff?e8d920f5bf6dea0b9fe56768c15fdffd) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
------------------
		ALLGEMEIN 
-----------------
*/

body {
  background: #fff;
  font-family: Roboto, sans-serif;
  color: rgba(47, 50, 50, 0.7);
  min-height: 100vh;
  padding: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

/* Main Container - Resposnives Verhalten */

main.container {
  max-width: 750px;
  margin: 1rem auto 4rem auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 320px) {
  main.container {
    max-width: 344px !important;
    padding: 0 8px !important;
  }
}

@media (min-width: 504px) {
  main.container {
    max-width: 504px !important;
  }
}

@media (min-width: 768px) {
  main.container {
    max-width: 752px !important;
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  #header-nav .navbar-nav .nav-item {
    padding: 0;
  }

  #header-nav .navbar-nav .nav-item .nav-link p {
    display: inline-block;
  }
}

/* Header */

header {
  padding-bottom: 0;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1030;
}

@media all and (orientation: landscape) and (max-height: 991px) {
  header {
    position: absolute;
  }
}

footer {
  font-weight: 300;
  padding: 5px;
  border: none;
  color: rgba(0, 174, 204, 0.2);
  text-align: center;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
  background-color: #fafafa;
  height: 40px;
  line-height: 30px;
  font-size: 0.75rem;
}

footer a {
  color: #9b9b9b;
}

footer a:hover {
  color: #9b9b9b;
  font-weight: 400;
  text-decoration: underline;
}

#app {
  position: relative;
  min-height: 100vh;
  height: auto;
  padding-top: 100px;
  padding-bottom: 40px;
}

.container {
  padding: 0 8px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #2e3131;
  line-height: 1.5;
}

h1,
.h1,
h1.card-title {
  font-size: 3rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  line-height: 1.125;
}

h2,
.h2,
h2.card-title {
  font-size: 1.375rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

h3,
.h3,
h3.card-title {
  font-size: 1rem;
  font-weight: 500;
  text-transform: inherit;
  margin-bottom: 1rem;
  letter-spacing: 1px;
}

.text-muted {
  color: #9b9b9b !important;
}

figcaption {
  font-size: 0.75rem;
  font-weight: 300;
  text-align: center;
  color: #00aecc;
  margin-top: 0.5rem;
}

strong {
  font-weight: 500;
}

small {
  font-size: 0.75rem;
  font-weight: 300;
  color: #9b9b9b;
  display: inline-block;
}

.more {
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 300;
  color: #9b9b9b;
  margin-left: 10px;
}

a {
  color: #1b1b1b;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

.btn-basic {
  color: #9b9b9b;
  background-color: transparent;
  background-image: none;
  border-color: #9b9b9b;
}

.btn-basic:hover {
  color: #1b1b1b;
  background-color: transparent;
  border-color: #1b1b1b;
}

.btn-basic.nooutline,
.btn-basic.nooutline:hover {
  border-color: transparent;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.opacity25 {
  opacity: 0.25;
}

.opacity33 {
  opacity: 0.33;
}

.opacity50 {
  opacity: 0.5;
}

.opacity66 {
  opacity: 0.66;
}

.opacity75 {
  opacity: 0.75;
}

.border-none {
  border: none !important;
}

/** CARD COLUMNS */

.card {
  border: none;
  border-radius: 0;
}

article .header {
  display: none;
}

/**  cKEditor - Inline / Bootstrap form style */

div.form-control.ck.ck-content.ck-inline {
  height: auto;
  min-height: 50px;
  padding: 0.375rem 0.75rem !important;
  border: 1px solid #ced4da !important;
  border-radius: 0 !important;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Media Queries aus SSR Template */

@media (min-width: 320px) {
  .container {
    max-width: 344px;
  }

  .hide-xs {
    display: none;
  }
}

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

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

@media (min-width: 1024px) {
  .container {
    max-width: 1000px;
  }
}

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

.shorten-long-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.imagetiles div.col-lg-3.col-md-3.col-sm-3.col-xs-6,
main > .card > .card-body {
  padding: 0;
}

/*
------------------
		NAV
-----------------
*/

#header-nav {
  padding: 0;
  background-color: #fff;
}

#header-nav .navbar-brand {
  padding: 0;
  height: 40px;
  position: absolute;
  top: 27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#header-nav .navbar-brand2 {
  padding: 0;
  height: 40px;
}

#header-nav .navbar-brand img {
  width: auto;
  height: 100%;
}

#header-nav .navbar-nav {
  border: none;
}

#header-nav .navbar-nav .navbar-text {
  font-size: 0.75rem;
}

#header-nav .navbar-nav .nav-item {
  padding: 25px 0;
}

#header-nav .navbar-nav .nav-item .nav-link {
  padding: 0 0.5rem !important;
}

#header-nav .navbar-nav .nav-item .nav-link p {
  font-size: 0.75rem;
  line-height: 50px;
  margin: 0 0 0 5px;
  vertical-align: top;
  display: none;
}

#header-nav .navbar-nav .nav-item .nav-link:hover p {
  display: inline-block;
}

#header-nav .navbar-nav .nav-item .nav-link span {
  line-height: 50px;
  font-size: 24px;
}

#header-nav .navbar-nav .navbar-text {
  line-height: 50px;
  padding: 25px 25px 25px 15px;
  font-style: italic;
  color: #9b9b9b;
}

#header-nav .navbar-toggler {
  height: 100px;
  border: none;
}

#header-nav .navbar-nav {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-direction: row !important;
}

.advert {
  background: none !important;
}

.advert.header {
  width: 100%;
  text-align: center;
  padding: 11px;
  background-color: #f8f8f8;
  margin: 0 0 3rem 0;
}

.advert.header img {
  width: 100%;
}

.advert.footer {
  margin: 0 0 3rem 0;
  padding: 11px;
  text-align: center;
  background-color: #f8f8f8;
}

.advert.footer img {
  width: inherit;
  max-width: 100%;
}

.overlay {
  /* The Close Button */
}

.overlay .close {
  color: #f15555;
  font-size: 2em;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.75;
}

.overlay:hover,
.overlay:focus {
  color: #f15555;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

.overlay.alert-dismissible .close:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

.overlay.bottom {
  bottom: 0;
  left: 1.5em;
  margin-bottom: 0;
  padding: 5px 5px 0 5px;
  max-width: 66%;
  height: 350px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.overlay.bottom .close {
  margin-right: 0;
  font-size: 40px;
}

.overlay.bottom .advert.bottom {
  height: 100%;
}

.overlay.bottom .advert.bottom a {
  height: 100%;
}

.overlay.bottom .advert.bottom a img {
  height: 100%;
  width: auto;
  margin: 0 auto;
}

.overlay.right {
  right: 0;
  top: 150px;
  width: 350px;
  max-height: 66%;
  padding: 5px 0 5px 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.overlay.right .close {
  font-size: 40px;
  left: 0;
}

.overlay.right .advert.right {
  width: 100%;
}

.overlay.right .advert.right a {
  width: 100%;
}

.overlay.right .advert.right a img {
  width: 100%;
  height: auto;
  margin: auto 0;
}

#campaignMediaTable img {
  max-width: 150px;
}