/*
 To change this license header, choose License Headers in Project Properties.
 To change this template file, choose Tools | Templates
 and open the template in the editor.
 */
/* 
 Created on : 25.11.2016, 13:05:26
 Author     : silke
 */
/* Landscape */
@media (max-width: 1199px) {
  div#mainnavbar {
    padding-bottom: 61px;
    height: 90% !important;
    overflow-y: scroll !important; }

  body {
    font-size: 16px;
    line-height: 23px; }

  .bg_grey_red .container {
    width: 100%;
    padding-left: 15px; }
    .bg_grey_red .container .row {
      margin-left: 0;
      margin-right: 0; }

  .bg_grey .container .article.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    padding-left: 0;
    padding-right: 0; }

  .awo_deutschlandkarte .bg_grey {
    padding-top: 0;
    pointer-events: none;
    margin-top: -33px; }

  p.quotation, a.btn-back, a.btn {
    font-size: 16px;
    line-height: 22px; }

  a.btn-back {
    line-height: 18px; }

  h3 {
    padding-left: 0px;
    margin-top: 10px; }

  header.top {
    border-top: 6px solid #e3000f; }

  .container {
    width: 100%; }

  .content_container .btn-primary {
    color: #fff !important;
    background-color: #e3000f;
    border-color: #e3000f;
    border-radius: 11px;
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-family: "Fago Offc W01 Bold1382094";
    font-size: 19px;
    line-height: 22px;
    padding-left: 2px;
    color: transparent !important;
    margin-top: -25px;
    margin-bottom: 10px; }

  .container.header {
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 5px;
    height: 75px; }
    .container.header .logo {
      height: auto; }
      .container.header .logo img {
        max-height: 60px;
        width: auto !important; }
    .container.header .langnav {
      /*            float: none;
       clear: both;*/
      position: relative;
      height: 25px;
      top: -1px;
      width: 29%; }
      .container.header .langnav span a {
        color: white; }
    .container.header .navbar-default {
      margin-top: 0;
      height: 55px; }
      .container.header .navbar-default .navbar-nav > li > a.bg_red, .container.header .navbar-default .navbar-nav > li > a.bg_red:hover, .container.header .navbar-default .navbar-nav > li > a.bg_red:active, .container.header .navbar-default .navbar-nav > li > a.bg_red:focus {
        margin-top: 0; }
      .container.header .navbar-default .navbar-header {
        float: right; }
      .container.header .navbar-default .navbar-collapse.collapse {
        padding: 0;
        background-color: #e3000f;
        color: white;
        border: 2px solid #e3000f;
        /*border-right: none;*/
        width: 600px;
        position: fixed;
        right: 0px;
        margin-top: 70px;
        display: none !important; }
        .container.header .navbar-default .navbar-collapse.collapse .search_lang_container {
          padding: 15px 0; }
          .container.header .navbar-default .navbar-collapse.collapse .search_lang_container form#form_kesearch_searchfield {
            position: relative;
            width: 250px;
            display: inline-block;
            float: left;
            margin-bottom: 20px; }
            .container.header .navbar-default .navbar-collapse.collapse .search_lang_container form#form_kesearch_searchfield input, .container.header .navbar-default .navbar-collapse.collapse .search_lang_container form#form_kesearch_searchfield button {
              height: 25px;
              line-height: 25px;
              padding: 0;
              margin: 0;
              font-size: 14px;
              color: #686868;
              border: none; }
            .container.header .navbar-default .navbar-collapse.collapse .search_lang_container form#form_kesearch_searchfield #ke_search_searchfield_sword {
              margin-left: 30px;
              width: 150px;
              padding-left: 10px;
              border-radius: 0; }
            .container.header .navbar-default .navbar-collapse.collapse .search_lang_container form#form_kesearch_searchfield #ke_search_searchfield_submit {
              background-color: transparent; }
              .container.header .navbar-default .navbar-collapse.collapse .search_lang_container form#form_kesearch_searchfield #ke_search_searchfield_submit .search_icon:before {
                content: "\e003";
                font-family: "Glyphicons";
                color: white;
                width: 16px;
                height: 16px;
                display: inline-block;
                top: 0;
                position: relative;
                font-size: 15px;
                top: 2px;
                margin-left: 5px;
                height: 25px;
                line-height: 25px; }
        .container.header .navbar-default .navbar-collapse.collapse .navbar-nav {
          margin: 0;
          clear: both; }
        .container.header .navbar-default .navbar-collapse.collapse li {
          width: 100%;
          background-color: white; }
          .container.header .navbar-default .navbar-collapse.collapse li a {
            background-color: white !important;
            color: #686868 !important;
            padding-left: 30px;
            margin-top: 2px !important;
            line-height: 30px !important;
            margin-right: 30px; }
          .container.header .navbar-default .navbar-collapse.collapse li span.toggle_btn {
            position: absolute;
            right: 0;
            top: 5px;
            background-color: #e3000f;
            color: white;
            width: 22px;
            height: 22px;
            padding-left: 4px;
            margin-bottom: 4px;
            margin-right: 10px;
            cursor: pointer; }
          .container.header .navbar-default .navbar-collapse.collapse li span.toggle_btn:after {
            content: "\e114";
            font-family: "Glyphicons";
            position: absolute;
            line-height: 22px;
            font-size: 16px; }
          .container.header .navbar-default .navbar-collapse.collapse li ul.dropdown-menu {
            padding: 0;
            position: relative;
            margin: 0;
            width: 100%;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }
          .container.header .navbar-default .navbar-collapse.collapse li ul.dropdown-menu:before {
            display: none; }
        .container.header .navbar-default .navbar-collapse.collapse li.dropdown:hover ul.dropdown-menu {
          display: none !important; }
        .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active {
          background-color: white; }
          .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active span.toggle_btn:after {
            content: "\e113"; }
          .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu {
            display: block !important;
            border-top: 0;
            padding-bottom: 20px; }
            .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li {
              background-color: #e3000f; }
              .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li a {
                background-color: #e3000f !important;
                color: white !important;
                font-size: 14px;
                text-transform: initial;
                margin-top: 0 !important;
                margin-left: 0;
                padding-right: 0; }
              .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li a:after {
                display: none; }
              .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li a:hover, .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li a:active, .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li a:focus {
                background-color: #971111 !important;
                margin-right: 0; }
            .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li.active, .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li.current {
              background-color: #971111; }
            .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li.active a, .container.header .navbar-default .navbar-collapse.collapse li.dropdown.active ul.dropdown-menu li.current a {
              background-color: #971111 !important;
              color: white !important;
              font-size: 14px;
              text-transform: initial;
              margin-left: 0;
              padding-right: 0;
              padding-top: 0; }
      .container.header .navbar-default .navbar-collapse.collapsing {
        padding: 0;
        background-color: #e3000f;
        color: white;
        border: 2px solid #e3000f;
        /*border-right: none;*/
        width: 600px;
        position: fixed;
        right: 0px;
        margin-top: 70px;
        display: none !important; }
        .container.header .navbar-default .navbar-collapse.collapsing .search_lang_container {
          padding: 15px 0; }
          .container.header .navbar-default .navbar-collapse.collapsing .search_lang_container form#form_kesearch_searchfield {
            position: relative;
            width: 250px;
            display: inline-block;
            float: left;
            margin-bottom: 20px; }
            .container.header .navbar-default .navbar-collapse.collapsing .search_lang_container form#form_kesearch_searchfield input, .container.header .navbar-default .navbar-collapse.collapsing .search_lang_container form#form_kesearch_searchfield button {
              height: 25px;
              line-height: 25px;
              padding: 0;
              margin: 0;
              font-size: 14px;
              color: #686868;
              border: none; }
            .container.header .navbar-default .navbar-collapse.collapsing .search_lang_container form#form_kesearch_searchfield #ke_search_searchfield_sword {
              margin-left: 30px;
              width: 150px;
              padding-left: 10px;
              border-radius: 0; }
            .container.header .navbar-default .navbar-collapse.collapsing .search_lang_container form#form_kesearch_searchfield #ke_search_searchfield_submit {
              background-color: transparent; }
              .container.header .navbar-default .navbar-collapse.collapsing .search_lang_container form#form_kesearch_searchfield #ke_search_searchfield_submit .search_icon:before {
                content: "\e003";
                font-family: "Glyphicons";
                color: white;
                width: 16px;
                height: 16px;
                display: inline-block;
                top: 0;
                position: relative;
                font-size: 15px;
                top: 2px;
                margin-left: 5px;
                height: 25px;
                line-height: 25px; }
        .container.header .navbar-default .navbar-collapse.collapsing .navbar-nav {
          margin: 0;
          clear: both; }
        .container.header .navbar-default .navbar-collapse.collapsing li {
          width: 100%;
          background-color: white; }
          .container.header .navbar-default .navbar-collapse.collapsing li a {
            background-color: white !important;
            color: #686868 !important;
            padding-left: 30px;
            margin-top: 2px !important;
            line-height: 30px !important;
            margin-right: 30px; }
          .container.header .navbar-default .navbar-collapse.collapsing li span.toggle_btn {
            position: absolute;
            right: 0;
            top: 5px;
            background-color: #e3000f;
            color: white;
            width: 22px;
            height: 22px;
            padding-left: 4px;
            margin-bottom: 4px;
            margin-right: 10px;
            cursor: pointer; }
          .container.header .navbar-default .navbar-collapse.collapsing li span.toggle_btn:after {
            content: "\e114";
            font-family: "Glyphicons";
            position: absolute;
            line-height: 22px;
            font-size: 16px; }
          .container.header .navbar-default .navbar-collapse.collapsing li ul.dropdown-menu {
            padding: 0;
            position: relative;
            margin: 0;
            width: 100%;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }
          .container.header .navbar-default .navbar-collapse.collapsing li ul.dropdown-menu:before {
            display: none; }
        .container.header .navbar-default .navbar-collapse.collapsing li.dropdown:hover ul.dropdown-menu {
          display: none !important; }
        .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active {
          background-color: white; }
          .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active span.toggle_btn:after {
            content: "\e113"; }
          .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu {
            display: block !important;
            border-top: 0;
            padding-bottom: 20px; }
            .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li {
              background-color: #e3000f; }
              .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li a {
                background-color: #e3000f !important;
                color: white !important;
                font-size: 14px;
                text-transform: initial;
                margin-top: 0 !important;
                margin-left: 0;
                padding-right: 0; }
              .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li a:after {
                display: none; }
              .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li a:hover, .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li a:active, .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li a:focus {
                background-color: #971111 !important;
                margin-right: 0; }
            .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li.active, .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li.current {
              background-color: #971111; }
            .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li.active a, .container.header .navbar-default .navbar-collapse.collapsing li.dropdown.active ul.dropdown-menu li.current a {
              background-color: #971111 !important;
              color: white !important;
              font-size: 14px;
              text-transform: initial;
              margin-left: 0;
              padding-right: 0;
              padding-top: 0; }
      .container.header .navbar-default .navbar-collapse.collapse.in {
        display: block !important; }
      .container.header .navbar-default .navbar-toggle, .container.header .navbar-default .navbar-default .navbar-toggle:focus, .container.header .navbar-default .navbar-default .navbar-toggle:hover {
        border: none;
        background-color: white;
        display: block; }
        .container.header .navbar-default .navbar-toggle .icon-bar, .container.header .navbar-default .navbar-default .navbar-toggle:focus .icon-bar, .container.header .navbar-default .navbar-default .navbar-toggle:hover .icon-bar {
          background-color: #e3000f;
          height: 3px;
          width: 25px; }
    .container.header ul.nav.navbar-nav.spenden_mobile {
      position: absolute;
      right: 80px;
      margin-top: 0;
      margin-bottom: 0; }
    .container.header ul.nav.navbar-nav.metanav_mobile {
      border-top: 30px solid #e3000f; }
      .container.header ul.nav.navbar-nav.metanav_mobile li {
        background-color: #e8e8e8; }
        .container.header ul.nav.navbar-nav.metanav_mobile li a {
          background-color: #e8e8e8 !important;
          color: #e3000f !important;
          text-transform: initial;
          font-size: 14px; }
        .container.header ul.nav.navbar-nav.metanav_mobile li a:after {
          display: none; }

  .container.breadcrumb > .row {
    margin: 0; }

  .content_container .bg_white .container .row, .content_container .bg_grey .container .row {
    padding-bottom: 10px; }

  .container_headline + .container {
    padding-top: 60px; }

  #page-2 .bg_grey .container_headline + .container {
    padding-top: 50px; }

  .row .article .flexslider {
    margin: 0 -30px; }
    .row .article .flexslider .slides .ce-gallery {
      width: 100%; }
      .row .article .flexslider .slides .ce-bodytext {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 0;
        font-size: 16px;
        line-height: 22px;
        margin: 0; }
        .row .article .flexslider .slides .ce-bodytext h2 {
          text-align: center;
          font-size: 28px;
          font-family: "Fago Offc W01 Regular1382082";
          margin-bottom: 10px; }
        .row .article .flexslider .slides .ce-bodytext p {
          display: none; }
    .row .article .flexslider .flex-control-nav {
      right: initial;
      text-align: center;
      bottom: 60px; }
    .row .article .flexslider .flex-direction-nav {
      width: 100%;
      right: initial;
      bottom: 65px; }
      .row .article .flexslider .flex-direction-nav li {
        width: 50px;
        opacity: 1; }
      .row .article .flexslider .flex-direction-nav .flex-next {
        right: 30px; }
      .row .article .flexslider .flex-direction-nav .flex-prev {
        left: 30px; }
    .row .article p.box_red {
      margin: 0 auto 40px auto !important; }
    .row .article p.box_red a.btn-large {
      margin-left: 15px;
      margin-right: 100px; }
    .row .article p.box_red a.btn-large:after {
      margin-left: 15px;
      margin-right: -90px; }
    .row .article h2, .row .article .bg_red.move_left {
      font-size: 25px; }
    .row .article .teaser-text, .row .article ul.ce-menu-8 li a {
      font-size: 16px;
      line-height: 22px; }

  .projectteaser .projectteaser_item {
    width: initial;
    max-width: 100%;
    min-width: initial;
    padding: 0 0 30px; }
    .projectteaser .projectteaser_item .category, .projectteaser .projectteaser_item h3, .projectteaser .projectteaser_item p {
      text-align: left;
      margin-top: 0;
      padding-left: 0; }
    .projectteaser .projectteaser_item .category {
      font-size: 16px;
      line-height: 22px;
      margin-top: -2px;
      margin-bottom: 10px; }

  .panel-group .panel > .panel-heading .panel-title {
    font-size: 16px;
    line-height: 22px; }

  .row .article .news-list-item .news-teaser-text {
    margin-left: 0; }

  .news-list-item .row {
    margin-right: -30px; }

  footer .container .row ul.ce-menu-1 {
    text-align: center; }
    footer .container .row ul.ce-menu-1 li {
      margin: 0 10px; }
    footer .container .row .ce-textpic.ce-left.ce-intext .ce-gallery {
      float: none;
      clear: both;
      text-align: center; }
    footer .container .row ul.ce-menu-8 li a {
      text-indent: 0px;
      display: block; }
    footer .bg_grey .container .row .row {
      padding-bottom: 30px !important; }

  .content_container.layout-2.frame-0 .ce-column {
    margin-left: -15px;
    margin-right: -15px; }

  #page-2 .projectteaser .projectteaser_item {
    padding: 0 0 30px 0; } }
/* Portrait*/
@media (max-width: 991px) {
  .header .col-md-3 {
    width: 50%;
    float: left; }

  .col-md-3 {
    width: 25%;
    float: left; }

  .col-md-4 {
    width: 33.33333%;
    float: left; }

  .col-md-5 {
    width: 41.66667%;
    float: left; }

  .col-md-7 {
    width: 58.33333%;
    float: left; }

  .col-md-2 {
    float: left;
    width: 16.66667%; }

  .col-md-1 {
    float: left;
    width: 8.33333%; }

  .col-md-9 {
    width: 75%;
    float: left; }

  .header .col-md-9 {
    width: 50%;
    float: left; }

  .col-md-10 {
    width: 83.33333%;
    float: left; }

  .container.header .langnav {
    display: inline-block; }
    .container.header .navbar-default .navbar-collapse.collapse {
      width: 500px; }

  .row .article .ce-textpic.ce-intext .ce-gallery {
    max-width: 60%; }
    .row .article figcaption.ce-caption.center div {
      padding-top: 20px;
      margin: 15px 0; }
    .row .article .bg_red.move_left {
      margin-left: -360px;
      margin-bottom: 25px;
      margin-top: -25px; }

  .dropdown:after {
    display: none !important; }

  .content_container.layout-2 .bg_grey {
    padding-top: 50px; }

  footer .bg_grey {
    padding-top: 0px; }

  .news-list-container.row {
    margin: 0;
    margin-right: -15px; } }

@media (min-width: 1200px) and (max-width: 1350px) {
  .content_container .bg_red.move_left {
    padding-right: 9902px; } }

@media (min-width: 1300px) {
  .col-md-7.metanav.hidden-xs.hidden-sm.hidden-md {
    margin-left: 70px; } }

@media (max-width: 991px) {
  /*.row .article .ce-textpic.ce-intext .ce-gallery {
   max-width: 100%;
   }*/
    footer .row {
      margin-left: 0;
      margin-right: 0; }
    footer .col-sm-6 {
      width: 40%;
      padding-right: 0; }
      footer .col-sm-6 p {
        width: 130%; }
    footer .col-sm-3 {
      width: 30%;
      padding-right: 0; }
    .row .article .ce-textpic.ce-intext .ce-gallery {
      max-width: 100%; } }

@media (max-width: 800px) {
  .row .article .ce-textpic.ce-intext .ce-gallery {
    max-width: 400px; }

  #page-2 .row .article .ce-textpic.ce-intext .ce-gallery {
    max-width: 100%; }

  .content_container.layout-3 .ce-right.ce-intext .ce-gallery {
    margin-bottom: 0; }

  .content_container.layout-2.frame-0 .col-md-5 {
    padding-left: 0; } }

@media (max-width: 800px) and (min-width: 800px) {
  .content_container.layout-2.frame-0 .col-md-5 {
    margin-left: -10px; } }

@media (max-width: 1220px) {
  #page-2 .bg_white .article.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    margin-top: 0px; }

  .news-list-container.row {
    margin: 0; }

  .news-list-container IMG {
    margin: 0; }

  .container.header .navbar-default .dropdown:hover:after {
    content: " ";
    display: none;
    color: #e3000f;
    margin-top: 17px;
    margin-left: 40%;
    width: 0;
    border-style: solid;
    border-width: 0 13px 13px 13px;
    border-color: transparent transparent #e3000f transparent; }

  .navbar-toggle {
    margin-right: 0;
    padding: 9px 0; } }

@media (max-width: 1200px) {
  header.top {
    position: fixed;
    z-index: 3;
    width: 100%;
    background-color: white;
    top: 0; }

  body > div:first-of-type {
    margin-top: 120px; }

  body#page-2 > div:first-of-type {
    margin-top: 86px; }

  .content_container .container .row .news-list-container.row {
    margin: 0; }

  .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
    margin-right: -15px; }

  #page-2 .bg_grey {
    padding-top: 0; }
    #page-2 .bg_grey .text-right {
      margin-right: 15px; }

  .content_container .container .row .row {
    margin-left: 0;
    margin-right: 0; } }

@media (max-width: 767px) and (min-width: 481px) {
  .content_container.layout-2 .bg_grey {
    padding-top: 90px; }

  .content_container.layout-0.frame-40 {
    display: block; }

  .content_container.layout-0.frame-40 .container {
    padding-top: 0px; }

  .content_container.layout-0.frame-40 .container.container_headline {
    padding-top: 30px;
    padding-bottom: 9px; } }