/*
Theme Name: Meilenoptimieren.com
Theme URI: https://www.diginovum.de/
Author: DIGINOVUM
Author URI: http://www.diginovum.de/experten
Description: Individuelles Theme nach Boilerplate und Bootstrap
Tags: boilerplate, clean, simple, starter, bootstrap, seo
Text Domain: meilen
*/
/**********************************************************************
     _ _       _                                       _
    | (_)     (_)                                     | |
  __| |_  __ _ _ _ __   _____   ___   _ _ __ ___    __| | ___
 / _` | |/ _` | | '_ \ / _ \ \ / / | | | '_ ` _ \  / _` |/ _ \
| (_| | | (_| | | | | | (_) \ V /| |_| | | | | | || (_| |  __/
 \__,_|_|\__, |_|_| |_|\___/ \_/  \__,_|_| |_| |_(_)__,_|\___|
          __/ |
         |___/
***********************************************************************
URL: www.diginovum.de
Creator: diginovum GmbH
Author: Frank Schmitz
Contact: schmitz@diginovum.de
〈 〉 | « » | ← → | ⟵ ⟶ | ‹ › | “ ” | – ⌄ ∨ 📷
❤ ☀ ★ ☂ ☎ ☏ ⌚ ❄ ♫ ☯ 🗸 ✓ ✔✔ 🗹 ✅ ☑
⨯ ✗ ✘ ❌ ☒ ❎ ◄ ► ◅ ▻ • ™ © ® ☘ ✿ ❀ ■
#25325c

**********************************************************************/



/**********************************************************************
***  TWEAKS
*********************************************************************/
  svg{max-height:100%; /* chrome needs it  */}
  body.logged-in .navbar-fixed-top {top:30px;}
  .embed-responsive > iframe {border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
  .bild {background-color: #cecece; width: 100%; min-height: 200px; padding-top: 90px; margin-bottom: 15px;}
  .col-sm-5 {float: left; width: 20%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
  img[class^="wp-image-"], img[class*=" wp-image-"] {display: block; max-width: 100%; height: auto;}
  :focus {outline:0; -webkit-outline: 0; -moz-outline: 0; -ms-outline: 0; -o-outline: 0;}
  .aligncenter {margin-left: auto; margin-right: auto;}
  .screen-reader-text {display: none;}
  .table-cell-middle {display: table-cell; vertical-align: middle;}

  /*.glyphicon-search::before {
    content: "⚲";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    font-size: 23px;
    line-height: 8px;
    font-weight: bold;
  }*/

  /*.glyphicon-comment::before {
    content: "💬";
    font-size: 14px;
  }

  .glyphicon-time::before {
    content: "🕑";
    font-size: 12px;
    filter: saturate(0);
  }

  .glyphicon-user::before {
    content: "✎";
    font-size: 14px;
  }

  .glyphicon-tag::before {
    content: "📁";
    font-size: 14px;
    filter: saturate(0) invert(1);
  }

  .glyphicon-arrow-up::before {
    content: "⬆";
    font-size: 22px;
  }

  .glyphicon-envelope::before {
    content: "✉";
  }

  .glyphicon-home::before {
    content: "🗏";
    font-size: 19px;
  }

  .cc-table-dropdown-wrapper::before {
    content: '▼';
    font-size: 16px;
    padding-top: 5px;
  }*/





/**********************************************************************
***  ORIGINAL STYLES
*********************************************************************/
  .wp-embedded-content {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    /*height: auto !important;*/
    /*padding: 25px;*/
  }



  /***** Gallery *****/
    .gallery { margin-bottom: 20px; }
    .gallery:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }
    .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; }
    .gallery-columns-1 .gallery-item { max-width: 100%; }
    .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); }
    .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); }
    .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); }
    .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); }
    .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); }
    .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); }
    .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); }
    .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); }
    .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }
    .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; }
    .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }
    .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }
    .gallery-item:hover .gallery-caption { opacity: 1; }
    .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }

    .gallery-item img {
      max-width: 100%;
      width: auto;
      height: auto;
      vertical-align: bottom;
    }

    .wp-caption {
      max-width: 100%;
    }

    .gallery.gallery-columns-2 {
      padding: 0 7px;
    }



/**********************************************************************
*** HELFER
*********************************************************************/
  .light, .light > p {font-weight: lighter;}
  .normal, .normal > p {font-weight: normal;}
  .bold, .bold > p {font-weight: bold;}
  .underline {text-decoration: underline;}
  .italic {font-style: italic!important;}
  .uppercase {text-transform: uppercase;}
  .round {border-radius: 4px;}
  .hidden {display: none!important;}

  .bg-grafik1 {background: url("./img/grafik1.png") no-repeat center center /cover;}
  .gradient-grey {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededef+10,ffffff+84 */
    background: #ededef; /* Old browsers */
    background: -moz-linear-gradient(top, #ededef 10%, #ffffff 84%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ededef 10%,#ffffff 84%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ededef 10%,#ffffff 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }


  .padding {padding:15px;}

  .padding-xs {padding-top: 5px!important; padding-bottom: 5px!important;}
  .padding-xs-top {padding-top: 5px!important;}
  .padding-xs-bottom {padding-bottom: 5px!important;}

  .padding-s {padding-top: 15px!important; padding-bottom: 15px!important;}
  .padding-s-top {padding-top: 15px!important;}
  .padding-s-bottom {padding-bottom: 15px!important;}

  .padding-m {padding-top: 30px; padding-bottom: 30px;}
  .padding-m-top {padding-top: 30px!important;}
  .padding-m-bottom {padding-bottom: 30px!important;}

  .padding-l {padding-top: 60px!important; padding-bottom: 60px!important;}
  .padding-l-top {padding-top: 60px!important;}
  .padding-l-bottom {padding-bottom: 60px!important;}

  .padding-xl {padding-top: 90px!important; padding-bottom: 90px!important;}
  .padding-xl-top {padding-top: 90px!important;}
  .padding-xl-bottom {padding-bottom: 90px!important;}

  .padding-xxl {padding-top: 150px!important; padding-bottom: 150px!important;}
  .padding-xxl-top {padding-top: 150px!important;}
  .padding-xxl-bottom {padding-bottom: 150px!important;}

  .padding-0 {padding-top:0!important; padding-bottom:0!important;}
  .padding-0-bottom {padding-bottom:0!important;}
  .padding-0-top {padding-top:0!important;}

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


  .margin {margin: 15px;}

  .margin-s {margin-top: 15px!important; margin-bottom: 15px!important;}
  .margin-s-top {margin-top: 15px!important;}
  .margin-s-bottom {margin-bottom: 15px!important;}

  .margin-m {margin-top: 30px!important; margin-bottom: 30px!important;}
  .margin-m-top {margin-top: 30px!important;}
  .margin-m-bottom {margin-bottom: 30px!important;}

  .margin-l {margin-top: 60px!important; margin-bottom: 60px!important;}
  .margin-l-top {margin-top: 60px!important;}
  .margin-l-bottom {margin-bottom: 60px!important;}

  .margin-xl {margin-top: 90px!important; margin-bottom: 90px!important;}
  .margin-xl-top {margin-top: 90px!important;}
  .margin-xl-bottom {margin-bottom: 90px!important;}

  .margin-xxl {margin-top: 150px!important; margin-bottom: 150px!important;}
  .margin-xxl-top {margin-top: 150px!important;}
  .margin-xxl-bottom {margin-bottom: 150px!important;}

  .margin-0 {margin-top: 0!important; margin-bottom: 0!important;}
  .margin-0-bottom {margin-bottom: 0!important;}
  .margin-0-top {margin-top: 0!important;}

  .no-border,
  .no-border .border {border: 0 solid transparent!important;}
  .border {border: 1px solid #000;}
  .border-top-bottom {border-top: 1px solid black; border-bottom: 1px solid black;}
  .border-right-left {border-right: 1px solid black; border-left: 1px solid black;}
  .border-bottom {border-bottom: 1px solid black;}
  .border-top {border-top: 1px solid black;}
  .border-right {border-right: 1px solid black;}
  .border-left {border-left: 1px solid black;}

  .right {text-align: right;}
  .right > img {float: right;}

  .left {text-align: left;}
  .left > img {float: left;}

  .center {text-align: center;}
  .center > img, img.mitte {margin:0 auto;}
  .img-center {display: block; margin: 0 auto;}

  .hyphens {-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
  .box {padding: 15px;}
  .rounded {border-radius: 5px;}

  .h100 {min-height:100px;}
  .h200 {min-height:200px;}
  .h300 {min-height:300px;}
  .h400 {min-height:400px;}
  .h500 {height:500px;}
  .h600 {min-height:600px;}

  .full-height {height: 95vh; position: relative; display:table; width: 100%;}
  .vertical-table {display: table; width: 100%;}
  .vertical-centered {display: table-cell; vertical-align: middle; width: 100%;}



/**********************************************************************
*** FONTS
*********************************************************************/
  /* open-sans-regular - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('./fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('./fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

  /* open-sans-italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('./fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
         url('./fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('./fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

   open-sans-700 - latin
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('./fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
         url('./fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
         url('./fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

  /* open-sans-700italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('./fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
         url('./fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('./fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

  .opensans, .opensans h2, .opensans h3, .opensans h4  {font-family: 'Open Sans', sans-serif!important;}



/**********************************************************************
*** BROWSEHAPPY
*********************************************************************/
  #browsehappy {width: 100%;height: 65px;padding:15px;text-align: center;position: fixed;left: auto;right: auto;top: 79px;  background-color: #b41918;z-index: 999;margin-bottom: 0px;}
  #browsehappy a {text-decoration: underline;font-weight: bold;}



/**********************************************************************
*** STYLES FÜR meilen
*********************************************************************/
  html.loaded {background-color: #fff;}
  html {font-size: 14px; color: #555A60;}

  body {
    background-color: #fff;
    color: rgba(0,0,0,0.87);
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.3px;
    padding-top: 100px;
  }

  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #25325c;
    font-weight: bold;
    hyphens: auto;
  }

  h1, .h1 {font-size: 1.8rem;}
  h2, .h2 {font-size: 1.6rem;}
  h3, .h3 {font-size: 1.4rem; color: black;}
  h4, .h4 {font-size: 1.2rem;}

  p {
    margin: 0 0 15px;
    line-height: 1.7rem;
    /*text-align: justify;*/
  }

  small {}

  strong {}

  hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-color: #25325c;
    border-width: 3px;
  }

  ul {list-style-type: square;}
  ul li {padding: 5px 0;}

  /*p {font-size: 21px;}*/
  small {font-size: .8rem;}
  figcaption {padding-top: 10px;}

  .xxl {font-size: 6rem!important;}
  .xl {font-size: 3rem!important;}
  .l {font-size: 1.7rem!important;}
  .m {font-size: 1rem!important;}
  .s {font-size: .8rem!important;}
  .xs {font-size: .4rem!important;}


  a {
    /*color: #25325c;*/
    transition: 0.3s all ease;
  }

  p > a {
    /*text-decoration: underline;*/
    font-weight: 500;
    /*margin: 12px 0 0;*/
    color: #25325c;
    transition: 0.3s all ease;
  }
  a:hover {color: #25325c;}
  a:focus {color: #25325c; outline: none; outline-offset: -2px;}

  #main-content p > a {
    color: #337ab7;
  }


  .white {color:white!important;}
  .black {color: black!important;}
  .darkblue {color:#25325c!important;}
  .blue {color:#116aac!important;}
  .lightgrey {color: #ededef!important;}
  .grey, .grau {color: #757B87!important;}
  .darkgrey {color: #555A60!important;}

  .bg-white {background-color:white!important;}
  .bg-black {background-color: black!important;}
  .bg-darkblue {background-color: #25325c!important;}
  .bg-blue {background-color: #116aac!important;}
  .bg-blue-transparent {background-color: rgba(37,50,92,.8)!important;}
  .bg-lightgrey {background-color: #ededef!important;}
  .bg-grey, .bg-grau {background-color: #757B87!important;}
  .bg-darkgrey {background-color: #555A60!important;}

  .shadow {box-shadow: 0 0px 10px -2px #333;}

  .filled-1 {background-color: white!important; color: black;}
  .filled-2 {background-color: #25325c!important; color: white;}
  .filled-3 {background-color: #ededef!important;}

  .filled-2 .content-title,
  .filled-2 a {color: white!important;}

  .filled-2 .content-subtitle,
  .filled-2 .content-title-subheading {color: white!important;}

  .filled-2 .content-title > div::after {background-color: white!important;}

  .filled-3 .content-title-heading {background-color: #ededef;}

  .btn-meilen,
  .btn-content,
  .btn-meilen-white:hover,
  #newsticker-archive-navigation .page-numbers {
    color: white!important;
    background-color: #25325c;
    border: 2px solid white;
    border-radius: 0;
    padding: 10px 30px;
    font-size: 14px;
    outline: 0 !important;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    transition: all .8s ease;
  }

  .btn-meilen:hover,
  .btn-meilen:focus,
  .btn-meilen:active,
  .btn-content:hover,
  .btn-content:focus,
  .btn-content:active,
  #newsticker-archive-navigation .page-numbers:hover,
  #newsticker-archive-navigation .page-numbers.current {
    background-color: white;
    color: #25325c!important;
    border-color: #25325c;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.16);
    box-shadow: 0 2px 10px rgba(0,0,0,0.16);
    text-decoration: none;
  }

  .btn-content:hover,
  .btn-content:focus,
  .btn-content:active {}

  .btn-meilen-white {
    background-color: #fff;
    color: #25325c!important;
    border-color: #25325c;
    border-radius: 0;
    transition: all .8s ease;
  }

  .btn-meilen-orange,
  .btn-orange,
  .content-body .buttons.btn_blue  {
    background-color: #e88e20;
    color: #fff!important;
    border-color: #e88e20;
    border-radius: 0;
    transition: all .8s ease;
  }

  .btn-meilen-orange:hover,
  .btn-meilen-orange:focus,
  .btn-meilen-orange:active,
  .btn-orange:hover,
  .btn-orange:focus,
  .btn-orange:active,
  .content-body .buttons.btn_blue:hover,
  .content-body .buttons.btn_blue:focus,
  .content-body .buttons.btn_blue:active {
    background-color: #fff;
    color: #e88e20!important;
    border-color: #e88e20;
    cursor: pointer;
  }

  blockquote {
    font-size: 1rem;
  }



/**********************************************************************
*** NAVBAR
*********************************************************************/
  .navbar-meilen {
    transition: 1s background-color ease;
    height: 70px;
  }

  .navbar-meilen.bg-darkblue {
    box-shadow: 0 0 10px 0px #333;
  }

  .navbar-meilen.bg-darkblue .navbar-nav > li > a,
  .single .navbar-meilen .navbar-nav > li > a,
  .category .navbar-meilen .navbar-nav > li > a{
    color: white!important;
  }

  .navbar-meilen .navbar-nav > li > a {
    font-size: 16px;
    color: white;
    padding: 5px 15px;
  }

  .navbar-meilen .nav li > a:focus,
  .navbar-meilen .nav li > a:hover,
  .navbar-meilen .nav li.active > a,
  .navbar-meilen .nav li.current-page-ancestor a,
  .navbar-meilen .nav li.current_page_parent a {
    background-color: transparent;
    text-decoration: underline;
  }

  #page-navigation-meta {
    height: 25px;
  }

  #logo-link {
    display: inline-block;
    text-decoration: none !important;
    padding-left: 25px;
  }

  #logo {
    max-height: 50px;
    display: inline-block;
    padding: 0 3px 5px 2px;
    border-radius: 5px;
    background-color: white;
    position: absolute;
    top: 4px;
    left: 0;
  }

  #menu-hauptmenu {
    height: 50px;
  }

  #menu-metamenu {
    list-style-type: none;
    padding: 2px 0;
    margin-bottom: 0;
    text-align: right;
  }

  #menu-metamenu li {
    display: inline;
    padding: 0 10px;
  }

  #menu-metamenu li a {
    font-size: .8rem;
    color: #25325c;
  }

  .navbar-brand {
    padding: 10px 15px;
  }

  #search-link {
    float: right;
    display: inline-block;
    padding: 12px 0 12px 10px;
  }

  #search-link-image {
    padding-bottom: 8px;
  }



/**********************************************************************
*** HEADER
*********************************************************************/
  #page-header {
    margin-bottom: 30px;
  }

  .page-header-text {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    padding: 30px 30px 45px;
    color: white;
    text-align:center;
  }

  .page-header-text p {text-align:center;}

  .page-header-slider-item-content {
    position: relative;
    height: 500px;
    width: 100%;
  }

  .page-header-text > .l {
    margin-bottom: 10px;
  }

  .row.page-header-slider-item {
    margin-bottom: 25px;
  }

  .home .page-header-slider-item a {
    margin-bottom: 25px;
    display: block;
    transition: all .5s ease;
  }

  .page-header-slider-item a.active {
    color: #e88e20;
  }



/**********************************************************************
*** HOME
*********************************************************************/
  .home #content-header {};
  .home #content-page {};



/**********************************************************************
*** SECTIONS
*********************************************************************/
  .main-content {padding: 0;}
  .content-section {position: relative; padding: 0px 0; background-color: white;}
  .content-section.content-section-padding-m {padding: 30px 0;}
  .content-title {padding-top: 15px;}
  .content-link {padding-bottom: 15px;}

  .content-section.filled-2,
  .content-section.filled-3 {margin-top: 15px; margin-bottom: 15px;}

  .content-title > div {
    text-align: center;
    position: relative;
  }

  .content-title-heading {
    background-color: white;
    display: inline-block;
    padding: 5px 15px;
    position: relative;
    z-index: 1;
  }

  .content-title > div::after {
    content: '';
    height: 5px;
    background-color: #25325c;
    position: absolute;
    top: 30%;
    left: 15px;
    right: 15px;
  }

  .content-title-h3 > div::after,
  .content-title-h4 > div::after,
  .content-title-h5 > div::after,
  .content-title-h6 > div::after {
    height: 0px;
  }

  .content-title-h3 .content-title-heading,
  .content-title-h4 .content-title-heading,
  .content-title-h5 .content-title-heading,
  .content-title-h6 .content-title-heading {
    display: block;
    text-align: left;
    padding-left: 0;
  }

  .filled-2 .content-title-heading {
    background-color: #25325c;
    color: white;
  }



/*****************************
*** TOC
******************************/
  .content-toc .h2 {
    margin-bottom: 0;
  }

  .content-toc ol {
    padding-top: 15px;
    margin-bottom: 0;
  }

  .content-toc li {
    padding: 5px 0;
  }

  .content-toc .h2 a:hover,
  .content-toc .h2 a:focus {
    text-decoration: none;
  }

  .content-toc .h2 a::before,
  .content-toc .h2 a.collapsed::before {
    font-family: "Glyphicons Halflings";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
  }

  .content-toc .h2 a::before {
    content: '\e114';
    /*content: '▼';*/
  }
  .content-toc .h2 a.collapsed::before {
    content: '\e080';
    /*content: '▶';
    vertical-align: middle;*/
  }



/*****************************
*** IMAGE
******************************/
  .content-image-item > figure {
    position: relative;
  }

  .content-image-item figcaption {
    padding: 10px 15px;
    width: 100%;
    background-color: rgba(0,0,0,.8);
    color: white;
    text-align: center;
  }



/*****************************
*** TEXT-MEDIA
******************************/
  .content-text-media-image {
    margin-bottom: 30px;
    margin-top: 10px;
  }

  .content-text-media-image figure {
    position: relative;
  }

  .content-text-media-image figcaption {
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    width: 100%;
    background-color: rgba(0,0,0,.8);
    color: white;
    text-align: center;
  }



/*****************************
*** BLOG
******************************/
  .article-teaser-box {
    position: relative;
  }

  .posted-on {
    padding-right: 5px;
  }

  /*.article-teaser-link {
    position: absolute;
    bottom: 15px;
    right: 15px;
  }*/

  .article-teaser-title a:hover {
    text-decoration: none;
  }

  .article-teaser-item .content-title-subheading {
    margin-bottom:0;
  }

  .article-teaser-item .article-teaser-text {
    padding-bottom: 0px;
    padding-top: 0px;
  }

  .content-blog.filled-2 .article-teaser-box,
  .content-blog.filled-2 .content-title-subheading,
  .content-blog.filled-2 .more-link,
  .content-blog.filled-2 .btn-meilen:hover {
    background-color: white;
    color: rgba(0,0,0,0.87)!important;
  }

  .content-blog .article-teaser-title .content-title-subheading {
    margin-bottom: 15px;
  }



/*****************************
*** OFFER
******************************/
  .offer-box {
    position: relative;
    padding: 15px;
    display: table;
    width: 100%;
  }

  .offer-image {

  }

  .offer-image {
    /*margin-bottom: 15px;*/
    display: inline-block;
    width: 30%;
    text-align: center;
    vertical-align: middle;
  }

  .content-offer .img-offer {
    max-height: 90px;
    margin: 0 auto;
    width: auto;
  }

  .offer-content {
    display: inline-block;
    width: 66%;
    vertical-align: top;
    padding-left: 15px;
    vertical-align: middle;
  }

  .offer-content .content-title-subheading {
    margin-bottom: 0;
  }

  .offer-link {
    position: absolute;
    bottom: 0px;
    width: 100%;
  }

  .offer-box a {
    color: white;
  }

  .offer-text p {
    text-align: center;
  }



/*****************************
*** TEASER REPEATER
******************************/
  .content-teaser-repeater-box {
    position: relative;
    margin-bottom: 30px;
  }

  .content-teaser-repeater-box.has-link {
    padding-bottom: 60px;
  }

  .img-teaser-repeater-item {
    margin: 0 auto;
  }

  .content-teaser-repeater-item-link {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding-right: 30px;
  }




/*****************************
*** TEASER PAGE
******************************/
  .content-teaser-page-box {
    position: relative;
    padding-bottom: 60px;
  }

  .content-teaser-page-item-header a:hover,
  .content-teaser-page-item-header a:focus {
    text-decoration: none;
  }

  .content-teaser-page-item-link {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
  }



/*****************************
*** TEASER PAGE
******************************/
  .content-image-teaser .content-area-background {
    background-size: cover;
  }




/*****************************
*** GALLERY REPEATER
******************************/
  .row.content-image-gallery-items {
    margin-right: 0px;
    margin-left: 0px;
  }

  .content-image-gallery-items > div {
    padding-right: 2px;
    padding-left: 2px;
    margin-bottom: 4px;
  }

  .content-image-gallery-item {
    position: relative;
    display: flex;
    align-items: center;
  }

  .content-image-gallery-item a {
    width: 100%;
  }

  .content-image-gallery-item-text {
    background-color: rgba(0,0,0,.6);
    color: white;
    display: none;
    transition: display .8s ease;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px;
  }

  .content-image-gallery-item:hover .content-image-gallery-item-text {
    display: block;
  }




/*****************************
*** INFOBOX
******************************/
  .content-infobox {
    margin-top:60px;
    margin-bottom: 15px;
  }

  .content-infobox-filled {
    position: relative;
    padding-top: 55px;
  }

  .infobox-icon {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #25325c;
    color: white;
    text-align: center;
    padding: 15px 0;
    position: absolute;
    top: -40px;
  }

  .infobox-icon .glyphicon {
    font-size: 41px;
  }

  .content-infobox ul {
    list-style-type: none;
    padding-left: 15px;
  }

  .content-infobox ul li::before {
    /*content: "\e144";*/
    content: "\e080";
    font-family: "Glyphicons Halflings";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 5px;
    color: #25325c;
  }



/*****************************
*** IMAGE TEASER
******************************/
  .content-image-teaser {margin-bottom: 30px;}



/*****************************
*** TEASER
******************************/
  /*.article-teaser-box {
    position: relative;
    padding-bottom: 30px;
  }

  .article-teaser-link {
    position: absolute;
    bottom: 15px;
    right: 15px;
  }*/




/*****************************
*** FAQs
******************************/
  .content-area-faq .panel-group .panel {margin-bottom: 30px;}
  .content-area-faq .panel-meilen {border-radius: 0; border-color: #25325c;}
  .content-area-faq .panel-meilen .panel-title a {width: 100%; display: block;}
  .content-area-faq .panel-meilen .panel-title a:hover {color: white;}
  .content-area-faq .panel-heading {border-top-left-radius: 0; border-top-right-radius: 0; background-color: #25325c; padding: 15px 15px 15px 40px;}
  .content-area-faq .collapsed > .glyphicon-minus::before {content: "\002b";}
  .faq-subheading {margin-bottom: 0; font-weight: normal!important; line-height: 1.8rem;}
  .faq-subheading .glyphicon {font-size: 1.2rem;}
  .content-area-faq .panel-body {padding: 15px 15px 0;}
  .faq-subheading a {color: white; display: block; text-indent: -11px;}
  .faq-subheading a:hover, .faq-subheading a:focus {color: white; text-decoration: none;}



/*****************************
*** NEWSTICKER
******************************/
  .newsticker-list ul {
    list-style-type: none;
    padding-left: 0px;
  }

  .newsticker-list ul li {
    padding-bottom: 10px;
  }

  .newsticker-list li a {
    display: block;
  }

  .newsticker-list .newsticker-title {
    display: block;
    margin-bottom: 0;
  }

  .newsticker-list .posted-on {
    display: block;
  }

  .newsticker-recent-comments .widgettitle {
    display: none;
  }



/*****************************
*** NEWSTICKER ARCHIVE 84276
******************************/
  .content-newsticker-archive {
    padding: 30px 0;
  }

  #newsticker-archive-navigation {
    padding: 30px 0;
  }


/**********************************************************************
*** PAGE SECTIONS
*********************************************************************/
  #page-newsletter .content-title > div::after {
    background-color: white;
  }

  .mc-input {
    color: #000;
  }

  .mc-submit,
  .mc-input {
    height: 40px;
    border: 1px solid white;
  }

  .page-reference-item {
    display: flex;
    align-items: center;
    min-height: 100px;
  }

  .content-toc {
    margin: 30px 0;
  }

  .content-toc a {
    color: #25325c;
  }

  #mc4wp-form-1 #mc4wp_email {
    width: 70%;
  }

  #mc4wp-form-1 .mc-submit {
    width: 29%;
  }



/**********************************************************************
*** SIDEBAR
*********************************************************************/
  #sidebar .blog-widget {
    margin: 0 0 30px;
    text-align: center;
  }

  .sidebar-blog-menu-title {
    padding-top: 15px;
  }

  .msw_widget .widget_text {
    padding: 15px;
    background-color: #25325c;
    color: white;
  }

  #sidebar-search .navbar-form {
    padding: 0;
    margin: 0;
    background-color: #f8f6f7;
  }

  #sidebar-search .search-submit {
    background: #f8f6f7;
    border: 1px solid #f8f6f7;
    padding: 2px 10px;
    margin-left: -5px;
    height: 30px;
  }

  #sidebar-search .input-group {
    padding: 5px 0;
    border-color: #fff;
    color: #092f5e;
    width: 13%;
  }

  #sidebar-search input[type=search] {
    transition: .5s width ease;
    width: 83%;
    background: #f8f6f7;
    border: 1px solid #f8f6f7;
    padding: 2px 10px;
    height: 30px;
    box-shadow: none;
  }

  .widget_recent_comments ul,
  .widget_recent_entries ul {
    list-style-type: none;
    padding-left: 0px;
    list-style-position: inside;
    text-align: left;
  }

  .widget_recent_comments ul li,
  .widget_recent_entries ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
  }

  .widget_recent_comments .recentcomments {
    font-weight: bold;
  }

  .widget_recent_comments .recentcomments > a {
    font-weight: normal;
  }

  .img-sidebar-offer {
    margin: 0 auto;
  }

  .msw-infolink .btn-meilen {
    padding: 6px 12px;
    margin-bottom: 15px;
  }

  .msw-image {
    background-color: #25325c;
    border-radius: 10px 10px 0 0;
  }

  .msw-links {
    background-color: #25325c;
    padding-bottom: 15px;
  }



/**********************************************************************
*** BLOG
*********************************************************************/
  /*.article-teaser-image {
    background-color: white;
    min-height: 270px-;
    max-height: 240px;
    overflow: hidden;
  }*/

  /*.article-teaser-image > img.loaded {
    width: 100%;
    height: -webkit-fill-available;
    display: block;
    object-fit: cover;
    max-height: 240px;
  }*/

  .article-teaser-image-bg {
    background-color: #ececec;
    /* max-height: 240px; */
    /* overflow: hidden; */
    padding-bottom: 67%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  #blog-list .post-categories {
    display: inline-block;
    padding-left: 0px;
    margin-bottom: 0;
    list-style-type: none;
  }

  #blog-list .post-categories li {
    display: inline-block;
  }

  .blog-meta-divider {
    padding: 0 10px;
  }

  .article-header-meta  a {
    color: #25325c;
  }

  #blog-list .entry-title {
    margin-bottom: 0;
  }

  #blog-list .article-teaser-title a:hover {
    text-decoration: none!important;
  }

  #blog-list .article-teaser-text {
    position: relative;
    /*padding-bottom: 60px !important;*/
  }

  #cat.form-control {
    border-radius: 0;
    border: 1px solid #25325c;
    background-color: #25325c;
    color: white;
  }

  select#cat.form-control::-ms-expand {
    color: white;
  }

  #blog-list,
  .bloglist {
    display: grid;
    overflow: hidden;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    padding: 0 5px;
    grid-gap: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /*@media all and (-ms-high-contrast:none) {
      #blog-list,
      .bloglist {
        display: block!important;
      }

      .article-teaser-item {
        display: inline-block!important;
        width: 33%!important;
      }
    }*/

  .article-teaser-item {
    width: 100%;
    display: flex;
  }

  .article-teaser-box {
    width: 100%;
    position: relative;
  }

  .article-teaser-title {
    padding: 5px 15px;
  }

  .header-meta,
  .article-teaser-text {
    padding: 5px 15px 0;
  }

  .article-teaser-text > p {
    line-height: 1.5rem;
  }

  .article-teaser-link {
    padding: 15px;
  }



/**********************************************************************
*** ARTICLE
*********************************************************************/
  #content-single,
  body.category {}
  #content-single {}

  #star-review {
    width: 150px;
    height: 25px;
    margin: 0 auto;
    position: relative;
  }

  .star-review-bar {
    position: absolute;
    left: 0;
    right: 0;
    height: 25px;
    background-color: #f4cb26;
    max-width: 100%;
  }

  .star-review-stars {
    height: 25px;
    background: url('./img/stars.png');
    position: absolute;
    left: 0;
    right: 0;
  }

  .article-page .content-area .content-section p > a {
    color: rgb(51, 122, 183);
  }

  .single-post .offer-image {
    width: auto;
  }


  #article-highlights .tab-content {

  }

  .nav-tabs-meilen > li {
    border: 2px solid #25325c;
    background-color: white;
    color: #25325c;
    border-radius: 0;
    margin-bottom: -3px;
    padding: 0;
  }

  .nav-tabs-meilen > li a {
    border: 0px solid transparent;
    background-color: white;
    color: #25325c;
    border-radius: 0;
    font-size: 16px;
    margin: 0;
  }

  .nav-tabs-meilen > li.active > a,
  .nav-tabs > li > a:focus,
  .nav-tabs > li > a:hover,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #25325c;
    border: 0px solid #25325c;
  }

  .meilen-highlight-title {
    padding-top: 15px;
  }



/************************
*** OLD ARTICLES
*************************/
  .content-body a {
    color: #337ab7;
  }

  .content-body figure.wp-caption {
    position: relative;
    margin-bottom: 15px;
  }

  .content-body figure.wp-caption figcaption {
    padding: 5px 15px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    width: 100%;
  }

  .content-body figure,
  .content-body img {
    box-shadow: 1px 1px 4px #cecece;
    transition: .8s all ease;
  }

  .content-body figure:hover,
  .content-body img:hover {
    box-shadow: 1px 1px 8px #cecece;
  }

  .content-body div.clear {
    clear: both;
  }

  .content-body .buttons.btn_blue {
    margin: 15px auto;
    display: block;
    text-align: center;
    float: none;
    max-width: 280px;
  }

  .content-body .divider {
    border-bottom: 3px solid #25325c;
  }

  /*.content-area-body .col-sm-12 > figure:first-of-type,
  .content-area-body .col-sm-12 > p:nth-child(2) > a > img,
  .content-area-body .col-sm-12 > p:nth-child(2) > img {
    display: none;
  }*/



/************************
*** ARTICLE SHARE
*************************/
  .shariff ul {
    justify-content: center;
  }



/************************
*** ARTICLE COMMENTS
*************************/
  .comments-section .media-object {
    max-width: 64px;
  }

  .comments-section .h4 {
    margin-bottom: 0;
  }

  .comments-section .comment {
    border-top: 1px solid #eee;
  }

  .comments-section .comment:first-child {
    border-top: 0px;
  }

  .comments-section .children {
    padding-left: 10px;
    border-left: 10px solid #eee;
    margin-left: 60px;

  }

  .comments-section p {
    margin-bottom: 10px;
  }

  .comments-section #respond {
    margin-top: 30px;
  }

  .comments-section #respond .input-group {
    margin: 10px 0;
  }

  .comments-section #respond .input-group-addon {
    border-radius: 0;
    background-color: #25325c;
    border: 1px solid #25325c;
    color: white;
  }

  .comments-section #respond .form-control {
    border: 1px solid #25325c;
    border-radius: 0px;
  }

  .page #comment-section hr {
    margin: 15px 0;
  }

  .pagination,
  .pagination > li:first-child > a,
  .pagination > li:first-child > span,
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-radius: 0;
  }

  .pagination > .active > a,
  .pagination > .active > a:focus,
  .pagination > .active > a:hover,
  .pagination > .active > span,
  .pagination > .active > span:focus,
  .pagination > .active > span:hover {
    background-color: #25325c;
    border-color: #25325c;
  }

  .pagination > li > a,
  .pagination > li > a:focus,
  .pagination > li > a:hover,
  .pagination > li > span:focus,
  .pagination > li > span:hover {
    z-index: 2;
    color: #25325c;
    border-color: #25325c;
  }



/************************
*** ARTICLE COMMENTS
*************************/
  .offer-image,
  .offer-image img {max-height: 300px;}
  .offer-image img {margin: 0 auto;}



/**********************************************************************
*** FOOTER
*********************************************************************/
  #page-footer-blocks a,
  #footer-meta-info a {
    color: #25325c;
  }

  #page-footer-block-2 {
    border-left: 2px solid #25325c;
    border-right: 2px solid #25325c;
  }

  #page-footer-block-3 a {
    display: inline-block;
  }

  #page-footer-block-3 a:hover,
  #page-footer-block-3 a:focus {
    text-decoration: none;
  }

  .social-icon {
    height: 30px;
    width: auto;
    display: inline-block;
    margin-right: 10px;
  }

  .social-icon path,
  .social-icon circle {
    fill: #25325c;
  }

  #back2top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 10px 10px 10px 8px;
    opacity: 0;
    transition: .5s all ease;
  }

  #back2top.visible {
    opacity: 1!important;
  }

  #back2top .glyphicon {
    font-size: 24px;
  }



/**********************************************************************
*** MOBILES MENU
*********************************************************************/
  #logo-mobile {padding: 5px 0; max-height: 50px;}
  #mobile-slogan {position: absolute; left: 0; right: 0;}


  #mobile-footer-menu {border-top: 1px solid #fff;}
  .mobil-menu-icon svg {max-height: 40px; padding-top: 10px;}
  .icon-bar {background-color: #fff;}

  #footer-menu li {text-align: right;}

  .navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 3px;
  }



/**********************************************************************
*** FORMULARE
*********************************************************************/
  .wpcf7 {
    display: block;
    padding-top: 30px;
    margin-bottom: 30px;
  }

  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"] {
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 20px;
    font-size: 1.375rem;
    border: none;
    border-bottom: 1px solid #25325c;
    margin-bottom: 15px;
    color: #25325c;
  }

  .wpcf7 textarea {
    resize: vertical;
    width: 100%;
    line-height: 140%;
    height: 300px;
    padding: 20px;
    font-size: 1.375rem;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #25325c;
    color: #25325c;
  }

  .wpcf7 .wpcf7-not-valid-tip,
  .wpcf7 .screen-reader-response,
  .wpcf7 .wpcf7-response-output {display: none!important;}

  .wpcf7 .wpcf7-not-valid {border: 2px solid red!important;}

  .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
    display: block!important;
    text-align: center;
    padding: 20px;
  }



/**********************************************************************
*** TABLEPRESS PLUGIN
*********************************************************************/
  .dataTables_scrollHeadInner,
  .tablepress {
    width: 100%!important;
  }
  .tablepress .row-hover tr:hover td {
    background-color: #ededef;
  }

  .tablepress > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
  }

  .tablepress td a {
    color: #e88e20;
  }

  .tablepress > tbody > tr > td,
  .tablepress > tbody > tr > th,
  .tablepress > tfoot > tr > td,
  .tablepress > tfoot > tr > th,
  .tablepress > thead > tr > td,
  .tablepress > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }

  .paginate_button.disabled::after,
  .paginate_button.disabled::before {
    color: #d9edf7!important;
    text-shadow: none!important;
  }
  .paginate_button::after,
  .paginate_button::before {
    color: #25325c!important;
    text-shadow: none!important;
  }



  .tablepress thead th,
  .tablepress tfoot th {
    background-color: #24315b!important;
    color: #ffffff;
  }

  .tablepress .row-hover tr:hover td {
    background-color: #d8d8d8;
  }

  .tablepress .odd td {
    background-color: #ffffff;
  }

  .tablepress .even td {
    background-color: #f2f2f2;
  }

  .tablepress-id-49 {
    border: 5px solid #cccccc;
  }

  .tablepress-id-50 {
    border: 5px solid #cccccc;
  }

  .tablepress-id-57 {
    border: 5px solid #cccccc;
  }

  .tablepress-id-58 .row-1 td {
    color: #ffffff;
    background-color: #24315B;
  }

  .tablepress-id-58 .row-hover tr:hover td {
    background-color: #24315B;
  }

  .tablepress-id-63 {
    border: 5px solid #24315B;
  }

  .tablepress-id-72 .row-1 td {
    color: #ffffff;
    background-color: #24315B;
  }

  .tablepress-id-72 .row-hover tr:hover td {
    background-color: #24315B;
  }

  .tablepress-id-73 .row-1 td {
    color: #ffffff;
    background-color: #24315B;
  }

  .tablepress-id-73 .row-hover tr:hover td {
    background-color: #24315B;
  }




/**********************************************************************
*** MAILCHIMP
*********************************************************************/
  .mc4wp-form .form-control {
    height: 44px;
    border: 2px solid #fff;
    border-radius: 0px;
    box-shadow: none;
  }

  #mc4wp-form-2 .mc4wp-form-fields p {
    text-align: center;
  }



/**********************************************************************
*** HOTELTOOL
**********************************************************************/
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}



/**********************************************************************
*** COOKIE NOTICE
**********************************************************************/
  body.cookies-not-set {padding-bottom: 40px;}


  #cn-notice-text a {text-decoration: underline;}
  #cn-accept-cookie {padding: 3px 15px; margin-left: 5px;}
  #cookie-notice .cn-button {
    font-size: 11px;
    margin: 0 0 0 10px;
    border: none;
    background-color: white;
    color: #25325c !important;
    padding: 5px 15px;
  }




/**********************************************************************
*** SLICK SLIDER
**********************************************************************/
  @charset 'UTF-8';
  .slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0; z-index: 9;}.slick-dots li button:before,.slick-next:before,.slick-prev:before{/*font-family:slick;*/-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:/*url(js/slick/ajax-loader.gif)*/ center center no-repeat #fff}
  /*@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(js/slick/fonts/slick.eot);src:url(js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'),url(js/slick/fonts/slick.woff) format('woff'),url(js/slick/fonts/slick.ttf) format('truetype'),url(js/slick/fonts/slick.svg#slick) format('svg')} */
  .slick-next,.slick-prev{font-size:0;line-height:0;top:47%;width:50px;height:50px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:#25325c;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
  .slick-next:before,.slick-prev:before{font-size:115px;line-height:1;opacity:1;color:#25325c; text-shadow: 0px 0px 3px #fff;}
  .slick-prev{left:0px}[dir=rtl] .slick-prev{right:0;left:auto}.slick-prev:before{content:'‹'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'›'}.slick-next{right:0}[dir=rtl] .slick-next{right:auto;left:0}[dir=rtl] .slick-next:before{content:'‹'}.slick-dotted.slick-slider{margin-bottom:0px}.slick-dots{bottom:5px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:60px;line-height:inherit;position:absolute;top:0;left:0;width:20px;height:20px;content:'▪';text-align:center;opacity:.25;color:#fff}.slick-dots li.slick-active button:before{opacity:.75;color:#fff}

  .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

    .flex-slick-slider .slick-prev::before {content: '‹';}
    .flex-slick-slider .slick-next::before {content: '›';}



/**********************************************************************
*** MODAL
*********************************************************************/
  .wbounce-modal.underlay {
    background-color: rgba(37,50,92,1)!important;
  }

  #wbounce-modal-sub {overflow: hidden;}

  #wbounce-modal-flex::before {
    content:"\e014";
    color: white;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 36px;
    position: absolute;
    right: 5%;
    top: 5%;
  }



/**********************************************************************
*** SIMPLE LIGHTBOX
**********************************************************************/
  .slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#25325c;opacity:0.9;-webkit-animation:slbOverlay 0.5s;-moz-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}
  .slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;-moz-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;-moz-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-moz-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnter{from{opacity:0;-moz-transform:translate3d(0, -1em, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0);-moz-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);-o-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterNext{from{opacity:0;-moz-transform:translate3d(4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0);-moz-transform:translate3d(4em, 0, 0);-ms-transform:translate3d(4em, 0, 0);-o-transform:translate3d(4em, 0, 0);transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterPrev{from{opacity:0;-moz-transform:translate3d(-4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0);-moz-transform:translate3d(-4em, 0, 0);-ms-transform:translate3d(-4em, 0, 0);-o-transform:translate3d(-4em, 0, 0);transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}



/**********************************************************************
*** BREAKPOINT MAX 1200px
*********************************************************************/
  @media (max-width: 1200px) {
    .col5 {font-size: 0.8em;}

    .navbar-meilen .navbar-nav > li > a {
      font-size: 14px;
      padding: 5px 10px;
    }

    .gallery-item img {width: 100%;}
    .gallery-columns-2 .gallery-item {width: 49%;}

  }



/**********************************************************************
*** BREAKPOINT MAX 992px
*********************************************************************/
  @media (max-width: 992px) {
    html {font-size: 14px;}

    h1, .h1 {font-size: 2rem;}
    h2, .h2 {font-size: 1.5rem;}
    h3, .h3 {font-size: 1rem;}
    h4, .h4 {font-size: 1rem;}

    .col5 {width: 30%; margin-bottom: 30px;}

    .navbar-meilen .navbar-nav > li > a {
      padding: 5px 10px;
    }

    #blog-list,
    .bloglist {
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: auto;
    }

    #mc4wp-form-1 #mc4wp_email {width: 100%;}
    #mc4wp-form-1 .mc-submit {width: auto; margin: 0 auto; display: block;}

    .meilen-highlight-title {padding-top: 10px;}


  }



/**********************************************************************
*** BREAKPOINT MAX 767px
*********************************************************************/
  @media (max-width: 767px) {

    html {font-size: 14px;}

    body {padding-bottom: 55px; padding-top:60px;}

    #content-single, body.category {margin-top: 15px;}

    .col-sm-5 {width: 50%;}

    h1, .h1 {font-size: 2rem;}
    h2, .h2 {font-size: 1.5rem;}
    h3, .h3 {font-size: 1.3rem;}
    h4, .h4 {font-size: 1.1rem;}

    #cookie-law-info-bar {bottom: 50px!important;}

    .navbar-meilen {height: 50px;}
    .navbar-toggle {margin-bottom: -4px;}
    .navbar-collapse {box-shadow: none;}

    #menu-hauptmenu-neu li {
      /*text-align: right;
      padding-right:15px;*/
      padding-right: 0;
      display: inline-block;
      width: 47%;
      border: 1px solid white;
      margin: 1%;
      text-align: center;
    }

    #mobile-logo-wrapper {
      position: absolute;
      left: 15px;
      top: 15px;
      z-index: 99;
    }

    #mobile-logo {
      max-height: 50px;
      border-radius: 5px;
      box-shadow: 0 0 10px 0px #333;
      padding: 0;
    }

    #search-link-mobile {
      float: right;
      display: inline-block;
      padding: 17px 8px 0px 0px;
    }

    #search-link-mobile .glyphicon {
      font-size: 19px;
      line-height: 17px;
      padding-bottom: 5px;
    }

    #menu-hauptmenu-neu {
      margin-top: 0;
      padding-bottom: 5px;
    }

    .mobile-metamenu {
      margin-top: -10px;
    }

    #mobile-menu-metamenu {
      padding: 5px;
      list-style-type: none;
      margin-bottom: 0px;
    }

    #mobile-menu-metamenu li {
      display: inline-block;
      padding: 3px 5px;
      margin-bottom: 5px;
      width: 32%;
      text-align: center;
    }

    #mobile-menu-metamenu li a {
      font-size: 10px;
      color: white;
      padding: 0 5px;
    }

    .page-header-slider-item-content {
      height: 350px;
    }

    #page-header-slider-link {
      margin-top: 15px;
      padding: 10px 15px;
    }

    /*.page-header-text {
      position: absolute;
      left:15px;
      right: 15px;
      padding: 15px;
      text-align: left;
    }*/

    .page-header-text {
      position: relative;
      left:0;
      right: 0;
      padding: 15px;
      text-align: center;
    }

    .page-header-text-top {
      position: absolute;
      top: 0;
      left:15px;
      right: 15px;
      padding: 15px 15px 0;
    }

    #page-header hr {
      border-width: 1px;
    }

    #search,
    #sidebar-search .input-group {
      display: inline-block;
    }

    #search-link-image-mobile {
      padding-bottom: 6px;
    }



    #blog-list,
    .bloglist {
      grid-template-columns: 1fr;
    }

    /*.article-teaser-image > img.loaded {
      max-height: 165px;
      margin-bottom: 15px;
    }*/

    .article-teaser-image-bg {margin-bottom: 15px;}

    #blog-list .article-teaser-title .content-title-subheading,
    .bloglist .article-teaser-title .content-title-subheading {font-size: 1.2rem;}
    #blog-list .article-teaser-box .col-xs-4.col-sm-12,
    .bloglist .article-teaser-box .col-xs-4.col-sm-12 {padding-right: 0;}

    .comments-section .children {
      padding-left: 10px;
      border-left: 5px solid #eee;
      margin-left: 10px;
    }

    .comments-section .media-left {
      display: none;
    }

    #page-footer-blocks > div {
      margin-bottom: 30px;
    }

    #page-footer-block-3 {
      border-left: 0px solid #25325c;
      border-right: 0px solid #25325c;
    }

    .footer-mobile-link a {
      display: inline-block;
    }

    .img-footer-mobile-link {
      filter: grayscale(200%) invert();
      max-height: 30px;
      padding: 5px 0 0;
      margin: 0 auto;
    }

    .footer-mobile-link-title {
      font-size: 10px;
      line-height: 18px
    }

    #page-footer-block-2 {
      border-left: 0px solid #25325c;
      border-right: 0px solid #25325c;
    }

    .adsbygoogle {width: 100%!important;}

    .article-teaser-image {max-height: none;}

    .offer-text {text-align: center;}

    .mc4wp-form .input-group {display: block; width: 100%;}
    .mc4wp-form .input-group-btn {
      text-align: center;
      padding: 30px 0;
    }

    #back2top {
      position: fixed;
      bottom: 60px;
      right: 10px;
      padding: 10px;
    }

    #back2top .glyphicon {
      font-size: 18px;
    }


    #blog-list, .bloglist {
      grid-gap: 15px;
    }

    .article-teaser-item {
      border-bottom: 1px solid #25325c;
    }

    .shadow.article-teaser-box {
      box-shadow: none;
    }

    .article-teaser-image {
      margin: 0 -15px 0;
    }

    .header-meta,
    .article-teaser-text  {
      padding: 0;
    }

    .article-teaser-text {
      display: none;
    }

    .article-teaser-title {
      padding: 0;
    }

    .article-teaser-title .content-title-subheading {
      /*font-size: 1.1rem;*/
    }

    p {
      margin: 0 0 10px;
      line-height: 1.6rem;
    }

    .content-body table {
      width: 100%;
      overflow-x: auto;
    }

    .msw-sidebar-block {
      background-color: #25325c;
      padding: 15px;
    }

    .msw-image {
      background-color: #25325c;
      border-radius: 0;
      display: inline-block;
      width: 32%;
      vertical-align: middle;
    }

    .img-sidebar-offer {
      max-height: 100px;
    }

    .msw-content.widget_text {
      display: inline-block;
      width: 66%;
      padding: 0;
      vertical-align: middle;
    }

    .msw-links {
      background-color: #25325c;
      padding-bottom: 0;
      padding-top: 15px;
    }

    .msw-infolink,
    .msw-link {
      display: inline-block;
      width: 48%;
    }

    .msw-infolink .btn-meilen {
      margin-bottom: 0;
    }

    #sidebar .blog-widget .msw-description {
      text-align: left;
      padding-left: 15px;
    }


    .single-post #article-offer .offer-box .h2 {
      font-size: 1.3rem;
    }

    .meilen-highlight-title {padding-top: 5px;}

    .page-header-text-top > h3 {
      margin: 0;
      padding: 10px 15px;
    }





  }



/**********************************************************************
*** BREAKPOINT MAX 640px
*********************************************************************/
  @media (max-width: 640px) {

    .navbar-brand {padding: 13px 0;}

    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item {width: 100%; max-width: 100%;}


  }