/*	L U M I A   I C O N S
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@font-face {
  font-family: 'lumia-icons';
  src:url('../fonts/lumia-icons.eot?kz8odv');
  src:url('../fonts/lumia-icons.eot?kz8odv#iefix') format('embedded-opentype'),
      url('../fonts/lumia-icons.ttf?kz8odv') format('truetype'),
      url('../fonts/lumia-icons.woff?kz8odv') format('woff'),
      url('../fonts/lumia-icons.svg?kz8odv#lumia-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
.file a:before, .web a:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lumia-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.icon-Phone:before {
  content: "\e900";
}
.icon-Mail:before {
  content: "\e901";
}
.icon-Arrow:before {
  content: "\e902";
}
.icon-Download:before {
  content: "\e903";
}
.icon-Book:before {
  content: "\e904";
}
.icon-Info:before {
  content: "\e905";
}
.icon-Web:before {
  content: "\e906";
}
.icon-Star:before {
  content: "\e907";
}
.icon-Bulb:before {
  content: "\e908";
}
.icon-Bubble:before {
  content: "\e909";
}
.icon-Eye:before {
  content: "\e90a";
}

.m-main ul {
  list-style: none;
}

.m-main ul li::before {
  content: "\2022";
  color: #f57d14;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.m-logo-wall li::before {
    content: ""!important;
}

.m-main a, .m-main a:active, .m-main a:visited {
color: #f57d14;
}

#impressum .submenu, #datenschutz .submenu {
    display: none;
}

.file img {
    display: none;
    vertical-align:middle;
    height: 32px;
}

.file a:before {
    font-size: 3.1rem;
    content: '\e903';
    vertical-align:bottom;
}

.file sup {
    padding-left: 55px;
    display: block;
    margin-bottom: -20px;
    padding-top: 20px;
}

.web a:before {
    font-size: 3.1rem;
    content: '\e906';
    vertical-align:middle;
}

#aktuelles {
    display: none;
}

.m-blockquote {
    font-family: "Kievit W05 Regular"!important;
}

@media screen and (max-width: 599px){

    .menu-item.active:after{
        content: '';
        display: block;
        width: 10%;
        margin: 15px auto;
        background-color: #00557d;
        height: 5px;
        border-radius: 10px;
        opacity: 1000;
        transition: opacity .15s cubic-bezier(.45,.05,.55,.95);
    }

    #hinweis {
        position: absolute;
        top: 0px;
    }

    #Familienratgeber {
      top: 110px!important;
      margin-top: -100px!important;;
    }

    #Familienratgeber img {
      width: 300px!important;
    }

}

.tns-outer [aria-controls] {
    color: #f57d14;
    margin: -100px 20px 40px 20px;
    font-size: 40px;
    background: white;
    border: none;
    font-family: Kievit W05 Medium;
    line-height: 46px;
    font-weight: 500;
}

.tns-outer [aria-controls]:active, .tns-outer [aria-controls]:hover, .tns-outer [aria-controls]:focus {
    border: none;
    color: #00557d;
    outline-style: none;
}

.tns-outer {
    text-align: center;
}

.tns-controls:focus {
    outline-style: none;
}

@media screen and (max-width: 599px) {
    .tns-outer [aria-controls] {
        display: none;
    }
}

strong, b {
    font-weight: 600;
}

.text-orange {
    color: #f57d14;
}

.text-blau{
    color: #00557d;
}

.text-kievit-bold, .text-kievit-slab-bold {
    font-weight: 600;
}

.text-italic {
     font-style: italic;
}

.box-book {
  position: relative;
  padding-left: 80px;
}

.box-book:before {
  position: absolute;
  left: -5px;
  font-size: 3.5rem;
  color: #464141;
  top: -5px;
  content: '\e904';
  font-family: 'lumia-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#Familienratgeber {
  top: 270px;
  margin-top: -200px;
  position: relative;
}

.img-responsive {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.left {
  margin-left:0px!important;
}

.right {
  margin-right:0px!important;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.multicolumn4 {
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

@media screen and (max-width: 599px){
  .multicolumn4, .multicolumn3, .multicolumn2 {
    display: inline;
    padding: 0px;
  }

  .multicolumn4 .column:after, .multicolumn3 .column:after, .multicolumn2 .column:after {
    content: "";
    clear: both;
    display: table;
  }

  .multicolumn4 .column, .multicolumn3 .column, .multicolumn2 .column {
    width: 100%!important;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.column {
      padding: 15px;
      margin-bottom: auto;
      margin-top: auto;
}