@charset "utf-8";
/* CSS Document */

/* ###################################################################

  ITEM NAME  : FMC GmbH
  VERSION    : 1.0.001
  AUTHOR     : PROJEKT 77
  AUTHOR URI : http://projekt-77.de

################################################################### */

/* ###################################################################

  //  1.  SCREEN / DEFAULTS

  //  2.  HEADER / NAVIGATION

  //  3.  SLIDER

  //  4.   SECTION / CONTENT

  //  5.   SUBSITES

  //  6.   FOOTER

  //  7.  ELSE


################################################################### */


/* VERSION CONTROL
###################################################################

  // 14.07.15  CREATED

################################################################### */


/* STYLE
###################################################################

  COLOR

  Blau      rgba(48,143,217,1.00)

  Grey Dark    rgba(69,69,69,1.00)
  Grey      rgba(99,99,99,1.00)
  Grey Light    rgba(194,194,194,1.00)

  FONTS      Open Sans

################################################################### */


/* 1. SCREEN / DEFAULTS
################################################################### */

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

@import url("../../../t/1c3c9.css?apiType=css&projectid=e6f41c5d-cd3e-42c1-8356-7f10698bd5cb");
@font-face{
font-family:"DIN Next W06 Bold";
src:url("../fonts/bc171b3f-b367-42a5-bb27-5b6fde44342ad41d.eot?#iefix");
src:url("../fonts/bc171b3f-b367-42a5-bb27-5b6fde44342ad41d.eot?#iefix") format("eot"),url("../fonts/07b57211-97bd-4a92-8131-275fc6a26141.html") format("woff2"),url("../fonts/9d9bea11-d254-4e52-8907-e8a1cbae4a9a.woff") format("woff"),url("../fonts/7c440320-30d6-439a-a949-fb4131f00134.ttf") format("truetype"),url("../fonts/12228547-bcbc-4cf8-8ee4-433736c62476.svg#12228547-bcbc-4cf8-8ee4-433736c62476") format("svg");
}

@font-face{
font-family:"DIN Next W01 Medium";
src:url("../fonts/324dee78-6585-4c13-8ca3-5817cc600d84d41d.eot?#iefix");
src:url("../fonts/324dee78-6585-4c13-8ca3-5817cc600d84d41d.eot?#iefix") format("eot"),url("../fonts/be607c9f-3c81-41b4-b7ad-17af005c80bb.html") format("woff2"),url("../fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"),url("../fonts/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"),url("../fonts/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd") format("svg");
}

@font-face{
font-family:"DIN Next W01 Light";
src:url("../fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7d41d.eot?#iefix");
src:url("../fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7d41d.eot?#iefix") format("eot"),url("../fonts/de1216be-00c2-43c0-9c45-3e7f925eb519.html") format("woff2"),url("../fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("../fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"),url("../fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
}

.column.center,
.columns.center {text-align: center;}

.column.right,
.columns.right {text-align: right;}

/* 1. HEADER / NAVIGATION
################################################################### */

/* HEADER */

.navbar {
    top: 0;
  left: 0;
    width: 100%;
  height: 80px;
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(1,1,1,0.40);
  -moz-box-shadow: 0 1px 4px 0 rgba(1,1,1,0.40);
  box-shadow: 0 1px 4px 0 rgba(1,1,1,0.40);
    display: block;
    z-index: 99;
  position: relative;
}

  .navbar .two.columns img {
    width: 77px;
    height: 40px;
    margin: 20px 0 0 0;
  }

  @media (min-width: 550px) {

    .navbar .two.columns img {
      width: 118px;
      height: 62px;
      margin: 10px 0 0 0;
    }

  }

  @media (min-width: 750px) {

    .navbar {position: fixed;}

      .navbar .two.columns img {
        width: 100%;
        height: auto;
        margin: 15px 0 0 0;
      }

  }

  @media (min-width: 1000px) {

    .navbar .two.columns img {
      width: 118px;
      height: 62px;
      margin: 10px 0 0 0;
    }

  }

  /* .lang-sea {
    width: 10%;
    font-size: 85%;
    top: 0;
    right: 0;
    height: 56px;
    line-height: 1.5;
    text-align: right;
    margin: 0;
    padding: 24px 0 0 0;
    position: absolute;
  } */

  .lang-sea {
    width: 100%;
    font-size: 85%;
    top: 0;
    right: 0;
    height: 56px;
    line-height: 1.5;
    text-align: right;
    margin: 0;
    padding: 24px 0 0 0;
    display: inline;
    float: right;
  }

  @media (min-width: 400px) {

  }

  @media (min-width: 550px) {

  }

  @media (min-width: 750px) {

  }

  @media (min-width: 1000px) {

    /*  .lang-sea {
      width: 10%;
      font-size: 85%;
      top: 0;
      right: 0;
      height: 56px;
      line-height: 1.5;
      text-align: right;
      margin: 0;
      padding: 24px 0 0 0;
      position: absolute;
    } */

    .lang-sea {
      width: 100%;
      font-size: 85%;
      top: 0;
      right: 0;
      height: 56px;
      line-height: 1.5;
      text-align: right;
      margin: 0;
      padding: 24px 0 0 0;
      display: inline;
      float: right;
    }

  }

  @media (min-width: 1200px) {

    /* .lang-sea {
      width: 10%;
      font-size: 85%;
      min-width: 120px;
      top: 0;
      right: 0;
      height: 56px;
      line-height: 1.5;
      text-align: right;
      margin: 0;
      padding: 24px 0 0 0;
      position: absolute;
    } */


    .lang-sea {
      width: 100%;
      font-size: 85%;
      top: 0;
      right: 0;
      height: 56px;
      line-height: 1.5;
      text-align: right;
      margin: 0;
      padding: 24px 0 0 0;
      display: inline;
      float: right;
    }

  }

  .lang-sea a,
  .lang-sea a:link,
  .lang-sea a:visited {
    width: 100%;
    color: rgba(194,194,194,1.00);
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
  }

  .lang-sea a:hover,
  .lang-sea a:active,
  .lang-sea a:focus {color: rgba(48,143,217,1.00);}




/* SPACER */

.header-dist {display: none;}

@media (min-width: 750px) {

  .header-dist {
    width: 100%;
    margin: 80px 0 0 0;
    display: inherit;
  }

}

/* NAVIGATION */

/* ###################################################################

  Drop-Down Navigation: Responsive and Touch-Friendly
  http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly

################################################################### */

  #nav > a {display: none;}

  #nav li {position: relative;}

    /* first level */

      #nav > ul {
      width: 48%;
      font-family: "DIN Next W01 Light", sans-serif;
      font-size: 110%;
      line-height: 1;
      /*  background-color: yellow; */
      height: 80px;
      line-height: 80px;
      margin: 0;
      padding: 0;
      list-style: none;
      float: left;
    }

    @media (min-width: 400px) {

    }

    @media (min-width: 550px) {

    }

    @media (min-width: 750px) {

      #nav > ul {
        /*  width: 90%; */
        width: auto;
        font-family: "DIN Next W01 Light", sans-serif;
        font-size: 110%;
        line-height: 1;
        /*  background-color: yellow; */
        height: 80px;
        line-height: 80px;
        margin: 0;
        padding: 0;
        list-style: none;
        float: right;           /*  try */
      }

    }

    @media (min-width: 1000px) {

      #nav > ul {width: auto;}

    }

    @media (min-width: 1200px) {

      #nav > ul {
        /*  width: 90%; */
        width: auto;
        font-family: "DIN Next W01 Light", sans-serif;
        font-size: 110%;
        /* line-height: 1;
        background-color: yellow; */
        height: 80px;
        line-height: 80px;
        margin: 0;
        padding: 0;
        list-style: none;
        float: right;           /*  try */
      }

    }

      #nav > ul > li {
              width: 100%;
        /* background-color: red; */
              height: 100%;
        margin: 0;
        padding: 0 10px;
        list-style: none;
              float: left;
          }

    @media (min-width: 750px) {

      #nav > ul > li {
              width: auto;
        /* background-color: red; */
              height: 100%;
        margin: 0;
        padding: 0 10px;
        list-style: none;
              float: left;
          }

    }

    @media (min-width: 1000px) {

      #nav > ul > li {padding: 0 20px;}
    }


      #nav > ul > li:last-of-type a,
      #nav > ul > li:last-of-type a:link,
      #nav > ul > li:last-of-type a:visited {
              color: rgba(48,143,217,1.00);
        background-color: rgba(255,255,255,1.00);
        font-weight: 700;
        border: 1px solid rgba(48,143,217,1.00);
        border-radius: 3px;
        padding: 6px 10px 4px 10px;
          }

      #nav > ul > li:last-of-type a:hover,
      #nav > ul > li:last-of-type a:active,
      #nav > ul > li:last-of-type a:focus,

      #nav > ul > li.active:last-of-type a {
              color: rgba(255,255,255,1.00);
        background-color: rgba(48,143,217,1.00);
          }

        #nav a,
        #nav a:link,
        #nav a:visited {
          color: rgba(69,69,69,1.00);
          margin: 0;
          padding: 0 0 10px 0;
          text-transform: uppercase;
          text-decoration: none !important;
        }

        #nav ul a:hover,
        #nav ul a:active,
        #nav ul a:focus,

        #nav ul li:hover a {
          color: rgba(69,69,69,1.00);
          text-decoration: none !important;
          border-bottom: 1px solid rgba(48,143,217,1.00);
        }

        #nav li.active a {
          color: rgba(48,143,217,1.00);
          text-decoration: none !important;
          border-bottom: 1px solid rgba(48,143,217,1.00);
        }

          /* second level */

          #nav li ul {
            top: 0;
            -webkit-box-shadow: 0 4px 4px -1px rgba(1,1,1,0.30);
            -moz-box-shadow: 0 4px 4px -1px rgba(1,1,1,0.30);
            box-shadow: 0 4px 4px -1px rgba(1,1,1,0.30);
            line-height: 1;
            margin: 80px 0 0 -20px;
            padding: 0;
            list-style: none;
            left: auto;
            display: none;
            position: absolute;
          }

            #nav li:hover ul {display: block;}

            #nav li ul li {
              background: #fff none repeat scroll 0 0;
              text-transform: inherit !important;
              padding: 7px 15px;
              margin: 0;
            }

              #nav li ul li:first-of-type {
                padding: 15px 15px 7px 15px;
              }

              #nav li ul li:last-of-type {
                padding: 7px 15px 20px 15px;
              }

              #nav li ul li a,
              #nav li ul li a:link,
              #nav li ul li a:visited {
                width: 100%;
                color: rgba(99,99,99,1.00);
                white-space: nowrap;
                border: 0;
                margin: 0;
                padding: 0;
                text-transform: inherit;
                display: inline-block;
              }

              #nav li ul li a:hover,
              #nav li ul li a:active,
              #nav li ul li a:focus,

              #nav li ul li.active a {
                color: rgba(48,143,217,1.00);
                border: 0;
              }


            /* third level */

            #nav li ul li ul {
              font-size: 100%;
              left: auto;
              top: auto;
              -webkit-box-shadow: none !important;
              -moz-box-shadow: none !important;
              box-shadow: none !important;
              line-height: 1;
              margin: 0 0 0 -5px;
              padding: 0;
              list-style: none;
              display: none;
              position: inherit;
            }

              #nav li:hover ul li ul {display: block;}

              #nav li ul li ul li {
                background: transparent none;
                text-transform: inherit !important;
                padding: 0 15px;
                margin: 0;
              }

                #nav li ul li ul li:first-of-type,
                #nav li ul li ul li:last-of-type {padding: 0 15px;}

                #nav li ul li ul li a,
                #nav li ul li ul li a:link,
                #nav li ul li ul li a:visited {
                  width: 100%;
                  color: rgba(99,99,99,1.00);
                  white-space: nowrap;
                  border: 0;
                  margin: 13px 0 0 0;
                  padding: 0;
                  text-transform: inherit;
                  display: inline-block;
                }

                #nav li ul li ul li a:hover,
                #nav li ul li ul li a:active,
                #nav li ul li ul li a:focus,

                #nav li ul li ul li.active a {
                  color: rgba(48,143,217,1.00);
                  border: 0;
                }

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

#nav {position: relative;}

  #nav > a {
    font-size: 110%;
    text-align: right;
    border: 0;
  }

        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type {display: block;}

    /* first level */

    #nav > ul  {
      width: 100%;
      height: auto;
      top: 51px;
      left: 0;
      right: 0;
      background-color: white;
      text-align: left;
      line-height: 1.5;
      margin: 0 0 20px 0;
      padding: 0;
      position: absolute;
      display: none;
    }

      #nav:target > ul {
        width: 100%;
        background-color: white;
        -webkit-box-shadow: 0 4px 4px -1px rgba(1,1,1,0.30);
        -moz-box-shadow: 0 4px 4px -1px rgba(1,1,1,0.30);
        box-shadow: 0 4px 4px -1px rgba(1,1,1,0.30);
        text-align: left;
        margin: 0 0 20px 0;
        padding: 10px 0 0 0;
        display: block;
        -moz-hyphens: auto;
        hyphens: auto;
      }

      #nav > ul > li {
        width: 100%;
        margin: 0;
        padding: 0;
        float: left;
      }

      #nav > ul > li:last-of-type a,
      #nav > ul > li:last-of-type a:link,
      #nav > ul > li:last-of-type a:visited {
              width: 90%;
        color: inherit;
        background-color: white;
        font-weight: 400;
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0 5% 10px 5%;
          }

      #nav > ul > li:last-of-type a:hover,
      #nav > ul > li:last-of-type a:active,
      #nav > ul > li:last-of-type a:focus,

      #nav > ul > li.active:last-of-type a {
              color: rgba(48,143,217,1.00);
        background-color: white;
          }

        #nav ul li a,
        #nav ul li a:link,
        #nav ul li a:visited {
          width: 90%;
          font-size: 110%;
          margin: 0;
          padding: 0 5%;
          border: 0;
          text-transform: uppercase;
          text-decoration: none !important;
          float: left;
        }

        #nav ul li a:hover,
        #nav ul li a:active,
        #nav ul li a:focus,

        #nav ul li.active a {
          color: rgba(48,143,217,1.00);
          background-color: white;
          border: 0;
        }

        #nav > ul > li.active a {
          border: 0;
          color: rgba(48, 143, 217, 1);
          text-decoration: none !important;
        }

      /* second level */

      #nav li ul {position: static;}

      #nav > ul > ul   {
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        background-color: white;
        text-align: left;
        line-height: 50px;
        margin: 0;
        padding: 0;
        position: absolute;
        display: none;
      }

        #nav:target > ul ul {
          width: 100%;
          background-color: white;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          text-align: left;
          margin: 0 0 20px 0;
          padding: 0;
          display: block;
          float: left;
        }

        #nav ul li > ul > li {
          width: 100%;
          margin: 0;
          padding: 0;
          float: left;
        }


        #nav ul li ul li:first-of-type,
        #nav ul li ul li:last-of-type {
          padding: 0;
        }

        #nav ul li > ul > li:last-of-type a,
        #nav ul li > ul > li:last-of-type a:link,
        #nav ul li > ul > li:last-of-type a:visited {
          width: 80%;
          color: inherit;
          background-color: white;
          font-weight: 400;
          border: 0;
          border-radius: 0;
          margin: 0;
          padding: 0 0 0 10%;
        }

        #nav ul li > ul > li:last-of-type a:hover,
        #nav ul li > ul > li:last-of-type a:active,
        #nav ul li > ul > li:last-of-type a:focus,

        #nav ul li > ul > li.active:last-of-type a {
          color: rgba(48,143,217,1.00);
          background-color: white;
        }

          #nav ul li ul li a,
          #nav ul li ul li a:link,
          #nav ul li ul li a:visited {
            width: 80%;
            font-size: 100%;
            line-height: 1.2;
            white-space: inherit !important;
            margin: 0;
            padding: 2px 10%;
            border: 0;
            text-transform: none;
            text-decoration: none !important;
            float: left;
          }

          #nav ul li ul li a:hover,
          #nav ul li ul li a:active,
          #nav ul li ul li a:focus,

          #nav ul li ul li.active a {
            color: rgba(48,143,217,1.00);
            background-color: white;
            border: 0;
          }

          #nav ul li > ul > li.active a {
            border: 0;
            color: rgba(48, 143, 217, 1);
            text-decoration: none !important;
          }

}

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

      #nav > ul  {
        width: 100%;
        height: auto;
        top: 49px;
        left: 0;
        right: 0;
        background-color: white;
        text-align: left;
        line-height: 1.5;
        margin: 0 0 20px 0;
        padding: 0;
        position: absolute;
        display: none;
      }

    }


/* 1. SLIDER
################################################################### */

.container.slider,
.container.slider-sub {
  width: 100%;
  margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

@media (min-width: 400px) {

  .container.slider,
  .container.slider-sub {
    width: 85%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }

}

  .slider-bg {
    width: 100%;
    min-height: 176px;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,0.45);
    margin: 275px 0 0 0;
    padding: 0;
    display: block;
    float: left;
  }

@media (min-width: 750px) {

  .container.slider,
  .container.slider-sub {
    width: 100%;
    margin: 0 auto;
      padding: 0;
      box-sizing: border-box;
  }

  .slider-bg {
    width: 100%;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,0.45);
    margin: 275px 0 0 0;
    padding: 0;
    display: block;
    float: left;
  }

}

@media (min-width: 1200px) {

  .container.slider,
  .container.slider-sub {
    width: 100%;
    max-width: 1280px;
    min-width: 1100px;
  }

}

@media (min-width: 1000px) {

  .slider-bg {
    width: 100%;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,0.45);
    margin: 275px 0 0 0;
    padding: 0;
    display: block;
    float: left;
  }

}

    .container.slider-sub .slider-bg {margin: 140px 0 0 0;}

    .slider-bg p {
      font-family: "DIN Next W01 Light", sans-serif;
      font-size: 130%;
      line-height: 1.3;
    }

    @media (min-width: 1000px) {

      .slider-bg p {
        font-family: "DIN Next W01 Light", sans-serif;
        font-size: 150%;
        line-height: 1.3;
      }

    }

  .container.slider .row .two-thirds.column,
  .container.slider .row .one-third.column,

  .container.slider-sub .row .two-thirds.column,
  .container.slider-sub .row .one-third.column  {
    left: auto;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 0;
    padding: 0 20px;
    float: right;
  }

    .container.slider .row .two-thirds.column {
      left: 0;
      right: auto;
      text-align: left;
      padding: 20px 20px 0 20px;
      float: left;
    }

    @media (min-width: 550px) {

      .container.slider .row .two-thirds.column,
      .container.slider .row .one-third.column,

      .container.slider-sub .row .two-thirds.column,
      .container.slider-sub .row .one-third.column  {
        left: auto;
        right: 0;
        bottom: 0;
        text-align: center;
        margin: 0;
        padding: 0 100px;
        float: right;
      }


      .container.slider .row .two-thirds.column {
        left: 0;
        right: auto;
        text-align: left;
        padding: 20px 100px 0 100px;
        float: left;
      }

    }

    .container.slider-sub .row .two-thirds.column {
      left: 0;
      right: auto;
      text-align: left;
      padding: 20px 20px 0 20px;
      float: left;
    }

      .container.slider .row .one-third.column a.button { margin-top: 0 !important;}

  @media (min-width: 750px) {

    .container.slider .row .two-thirds.column,
    .container.slider .row .one-third.column,

    .container.slider-sub .row .two-thirds.column,
    .container.slider-sub .row .one-third.column  {
      left: auto;
      right: 0;
      bottom: 0;
      text-align: right;
      margin: 0;
      padding: 40px 100px 20px 0;
      float: right;
    }

      .container.slider .row .two-thirds.column {
        left: 0;
        right: auto;
        text-align: left;
        padding: 40px 0 20px 100px;
        float: left;
      }

      .container.slider-sub .row .two-thirds.column {
        left: 0;
        right: auto;
        text-align: left;
        padding: 20px 0 0 100px;
        float: left;
      }

        .container.slider .row .one-third.column a.button { margin-top: 25px !important;}

  }



.container.search {
  height: 240px;
  color: rgba(255,255,255,1.00);
  background-color: rgba(48,143,217,1.00);
  margin: 0 auto 30px auto;
  padding: 0;
  box-sizing: border-box;
}

  .container.search form {
    width: 100%;
    border: 0;
    text-align: center;
    margin: auto;
  }

    .container.search fieldset {
      width: 80%;
      border: 0;
      text-align: center;
      margin: 100px auto auto auto;
      padding: 0;
    }

@media (min-width: 550px) {


  .container.search fieldset {width: 50%;}

}

@media (min-width: 750px) {

  .container.search {
    width: 100%;
    margin: 0 auto;
  }

  .container.search fieldset {width: 30%;}

}

@media (min-width: 1200px) {

  .container.search {
    max-width: 1280px;
    min-width: 1100px;
    height: 240px;
    color: rgba(255,255,255,1.00);
    background-color: rgba(48,143,217,1.00);
    margin: 0 auto 30px auto;
    padding: 0;
    box-sizing: border-box;
  }

}


    .container.search legend,
    .container.search label {display: none;}

      .container.search input {
        width: 84%;
        font-family: "DIN Next W01 Light", sans-serif;
        font-size: 220%;
        text-transform: uppercase;
        font-weight: 400;
        color: rgba(255,255,255,1.00);
        background-color: rgba(41,143,217,1.00);
        border-radius: 0 !important;
        border-right: 1px solid rgba(41,143,217,1.00);
        border-bottom: 1px solid rgba(255,255,255,1.00);
        border-left: 1px solid rgba(41,143,217,1.00);
        border-top: 1px solid rgba(41,143,217,1.00);
        margin: 0 0 0 42px;
        padding: 3px 0 5px 0;
      }


      .container.search input[type="submit"] {
        width: 32px;
        height: 32px;
          color: rgba(255,255,255,1.00);
        background: url(../graphic/default/search.png) 0 0 no-repeat;
          text-align: center;
          text-decoration: none;
          border: 0;
        border-radius: 0 ;
        margin: -38px 0 0 0;
          padding: 0;
          cursor: pointer;
          box-sizing: border-box;
        display: inline;
        float: left;
      }

.slider-sub iframe {
  width: 100%;
  min-height: 217px;
  border: 0;
  padding: 0;
  margin: 0;
}

/* 1. SECTION / CONTENT
################################################################### */

/* home */

section.content {margin-top: 50px;}

@media (min-width: 1000px) {

  section.content {margin-top: 110px;}

}
  section.content p {
    font-family: "DIN Next W01 Light", sans-serif;
    font-size: 130%;
    line-height: 1.3;
  }


  @media (min-width: 1000px) {

    section.content p {
      font-family: "DIN Next W01 Light", sans-serif;
      font-size: 150%;
      line-height: 1.3;
    }

  }

section.content.sub {margin-top: 50px;}

  section.content.sub p {
    font-family: "DIN Next W01 Medium", sans-serif;
    font-size: 110%;
    line-height: 1.5;
  }

.teaser .one-third.column:nth-of-type(1),
.teaser .one-third.column:nth-of-type(2),
.teaser .one-third.column:nth-of-type(3) {
  min-height: 500px;
  margin-top: 16px;
  position: relative;
}

  .teaser .one-third.column:nth-of-type(1) {
    /*background: transparent url(../../bildmaterial/teaser1.jpg) no-repeat;*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .teaser .one-third.column:nth-of-type(2) {
    /*background: transparent url(../../bildmaterial/teaser2.jpg) no-repeat;*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .teaser .one-third.column:nth-of-type(3) {
    /*background: transparent url(../../bildmaterial/teaser3.jpg) no-repeat;*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
  }

    .one-third.column .teaser-block {
      width: 100%;
      top: auto;
      bottom: 0;
      color: rgba(255,255,255,1.00);
      background-color: rgba(0,0,0,0.45);
      margin: 0;
      padding: 0;
      position: absolute;
    }

      .one-third.column .teaser-inner {
        margin: 0 0 -15px 0;
        padding: 20px 20px 0 20px;
      }

      html .teaser-block p {font-size: 100%;}

      .teaser-inner a.button.button-primary {font-size: 110%;}


/* 1. SUBSITES
################################################################### */


/* breadcrumb
––––––––––––––––––––––––––––––––––– */
ol.breadcrumb {
  color: rgba(194,194,194,1.00);
  font-size: 90%;
  margin: -20px 0 0 0;
  padding: 0;
  list-style: none;
}

ol.breadcrumb li {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
  list-style: none;
}

ol.breadcrumb a,
ol.breadcrumb a:link,
ol.breadcrumb a:visited {
  color: rgba(194,194,194,1.00);
  margin: 0 5px 0 0 ;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

ol.breadcrumb a:hover,
ol.breadcrumb a:focus,
ol.breadcrumb a:active {
  color: rgba(48,143,217,1.00);
  text-decoration: none;
}

/* default content teaser elements
––––––––––––––––––––––––––––––––––– */

.more-content {
  width: 100%;
  margin-bottom: 45px;
  position: relative;
}

.more-content ul li.active a {color: rgba(48,143,217,1.00) !important;}

.darkteaser {
  width: 100%;
  color: rgba(255,255,255,1.00);
  background-color: rgba(69,69,69,1.00);
  margin-bottom: 45px;
  position: relative;
}

  .darkteaser div {
    margin: 0 0 0 0;
    padding: 15px 15px 5px 15px;
  }

  .darkteaser div a,
  .darkteaser div a:link,
  .darkteaser div a:visited {color: rgba(48,143,217,1.00);}

  .darkteaser div a:hover,
  .darkteaser div a:active,
  .darkteaser div a:focus {color: rgba(255,255,255,1.00);}

  .darkteaser div a.button,
  .darkteaser div a.button:link,
  .darkteaser div a.button:visited {color: rgba(255,255,255,1.00);}

  .darkteaser div a.button:hover,
  .darkteaser div a.button:active,
  .darkteaser div a.button:focus {color: rgba(48,143,217,1.00);}


/* visual teaser elements
––––––––––––––––––––––––––––––––––– */

.one-third.column .teaserright {
  width: 100%;
  min-height: 500px;
  background: transparent url(../../bildmaterial/teaser1.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 45px;
  position: relative;
}

    .one-third.column .teaserright .teaser-block {
      width: 100%;
      top: auto;
      bottom: 0;
      color: rgba(255,255,255,1.00);
      background-color: rgba(0,0,0,0.35);
      margin: 0;
      padding: 0;
      position: absolute;
    }

      .one-third.column .teaserright .teaser-inner {
        margin: 0 0 -15px 0;
        padding: 15px 15px 0 15px;
      }

      html .teaser-block p {font-size: 130%;}

      .teaser-inner a.button.button-primary {font-size: 110%;}

      @media (min-width: 750px) {

        html .teaser-block p {font-size: 120%;}

        .teaser-inner a.button.button-primary {font-size: 90%;}

      }

      @media (min-width: 1000px) {

        .teaser-inner a.button.button-primary {font-size: 100%;}
      }

/* news
––––––––––––––––––––––––––––––––––– */

.news-date {
  color: rgba(194,194,194,1.00);
  text-transform: uppercase;
}

.news-img {
  max-width: 100%;
}

.news-img img {
  max-width: 100%;
  height: auto;
}

.news-expand {}

.news-line {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 1px solid rgba(194,194,194,1.00);
}

.search-infos {
  width: 100%;
  font-size: 90%;
  color: rgba(194,194,194,1.00);
  margin: -15px 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid rgba(194,194,194,1.00);
}


/* 1. FOOTER
################################################################### */

section.footer {
  font-family: "DIN Next W01 Light", sans-serif;
    width: 100%;
  color: rgba(194,194,194,1.00);
  background-color: rgba(69,69,69,1.00);
  font-size: 100%;
  margin: 60px 0 0 0;
  padding: 10px 0 0 0;
}

@media (min-width: 750px) {

  section.footer {
    margin: 60px 0 0 0;
    padding: 67px 0 0 0;
  }

}


@media (min-width: 1000px) {

  section.footer {margin: 120px 0 0 0;}

}

  section.footer strong {
    font-family: "DIN Next W01 Medium", sans-serif !important;
    font-weight: 400;}

  section.footer a,
  section.footer a:link,
  section.footer a:hover {
    color: rgba(194,194,194,1.00);
    text-decoration: none;
  }

  section.footer a:hover,
  section.footer a:active,
  section.footer a:focus,

  section.footer a.active,
  section.footer li.active a {
    color: rgba(48,143,217,1.00);
    text-decoration: none;
  }

  section.footer .row:nth-of-type(2) {
    border-top: 1px solid rgba(194,194,194,1.00);
    margin-top: 30px;
  }

    section.footer ul {list-style: none;}

      section.footer ul li {line-height: 1;}

  section.footer .six.columns {padding: 15px 0;}

  section.footer .six.columns.right {padding: 0 0 15px 0;}

    section.footer .six.columns a {margin: 0 20px;}

    @media (min-width: 750px) {

      section.footer .six.columns.right {padding: 15px 0;}

        section.footer .six.columns a {margin: 0 0 0 40px;}

    }

    section.footer img {width: 50%;}


/* 1. ELSE
################################################################### */

.anchor-offset {
 display: block;
 margin-top: -85px;
 height: 85px;
}

section.content.sub .csc-sitemap ul {
  font-size: 130%;
  font-weight: 400;
  margin: 0 0 0 -36px;
  padding: 10px 0 0 0;
  list-style: none;
  text-transform: uppercase;
}

  section.content.sub .csc-sitemap ul li {
    margin: 0 5px 5px 35px;
    text-indent: 15px;
  }

  section.content ul li {
    width: auto;
    display: block;
    margin: 0 0 5px 50px;
  }


    section.content ul li:before {
      color: rgba(48,143,217,1.00);
      content: '—';
      margin: -1px 20px 0 -30px;
      display: block;
      padding: 0;
      position: absolute;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

  section.content.sub .csc-sitemap ul ul {
    font-size: 100%;
    font-weight: 400;
    margin: 0;
    padding: 10px 0 5px 0;
    list-style: inherit;
    text-transform: none;
  }

  html section.content.sub .csc-sitemap ul li ul li:before {
    color: rgba(48,143,217,1.00);
    content: '–';
    margin: 0 5px 0 -20px;
    -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

    section.content.sub .csc-sitemap ul ul ul {
      font-size: 100%;
      font-weight: 400;
      margin: 0;
      padding: 0;
      list-style: inherit;
      text-transform: none;
    }

html section.content.sub .csc-sitemap ul li ul li ul li:before {
    color: rgba(48,143,217,1.00);
    content: '–';
    margin: 0 5px 0 -20px;
    -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

      .csc-sitemap ul a,
      .csc-sitemap ul a:link,
      .csc-sitemap ul a:visited {
        color: rgba(48,143,217,1.00);
        text-decoration: none;
      }

      .csc-sitemap ul a:hover,
      .csc-sitemap ul a:active,
      .csc-sitemap ul a:focus {
        color: rgba(69,69,69,1.00);
        text-decoration: none;
      }


/* Slider-BG fuer Seiten Management und Werte ausblenden */

@media (min-width: 1000px) {

 #p157 .slider-bg,  #p187 .slider-bg {
    background-color: rgba(0,0,0,0.0)!important;
   }

}

@media (min-width: 750px) {

 #p157 .slider-bg,  #p187 .slider-bg {
    background-color: rgba(0,0,0,0.0)!important;
   }

}

/* Country specific output */
#p198 .DE {display: none;}
#p198 .CH {display: none;}
#p198 .country_code {display: none;}