body {
  margin      : 15px 20px;
  padding     : 0;
  font-family : "Trebuchet MS", Arial, sans-serif;
  font-size   : 12px;
  color       : #000;
  background  : #ffffff url(../images/hintergrund.png);
}

#mobmenu, nav.mobile {
  display : none;
}

.container {
  margin           : 0 auto;
  max-width        : 1200px;
  background-color : #ffffff;
}

/* Header and Navigation */
.header {
  position : relative;
  padding  : 30px;
}

.logo {
  width         : 246px;
  margin-bottom : 20px;
}

.logo img {
  width : 100%;
}

.line {
  height     : 7px;
  background : #ffffff url(../images/Linie_1140px.png) repeat-x;
}

.metanavigation {
  position : absolute;
  top      : 30px;
  right    : 30px;
}

.metanavigation a {
  text-decoration : none;
  color           : #000;
  padding-left    : 18px;
}

.metanavigation a:hover, .metanavigation a.metaA {
  text-decoration : none;
  color           : #a49d89;
  padding-left    : 18px;
}

.navigation {
  margin         : 0;
  padding        : 5px 0;
  font-size      : 15px;
  letter-spacing : 0.2px;
  border-bottom  : 1px solid #d2c6af;
}

a.nav {
  text-decoration : none;
  color           : #000;
  padding-right   : 74px;
}

a.navA {
  text-decoration : none;
  color           : #a49d89;
  padding-right   : 74px;
}

a.nav:hover, a.navA:hover {
  color : #a49d89;
}

a.nav:last-child, a.navA:last-child {
  padding-right : 10px;
}

.subnavigation {
  margin         : 0;
  padding        : 4px 0;
  letter-spacing : 0.5px;
  border-bottom  : 1px solid #d2c6af;
}

a.subnav {
  text-decoration : none;
  color           : #000;
  padding-right   : 18px;
}

a.subnav:hover, a.subnavA, a.subnavA:hover {
  text-decoration : none;
  color           : #a49d89;
  padding-right   : 18px;
}

/* Content */
main {
    display: block
}
.content {
  padding : 0 30px 25px 30px;
}

.content66 {
  width : 66%;
}

.content a {
  text-decoration : underline;
  color           : #000;
}

h1 {
  margin    : 0 0 18px;
  font-size : 24px;
}

h3 {
  margin        : 0 0 6px;
  font-size     : 12px;
  border-bottom : 1px solid #000;
}

p {
  margin      : 0 0 15px;
  font-size   : 14px;
  line-height : 20px;
}

li {
  font-size   : 14px;
  line-height : 20px;
}

ul {
  margin  : 0 0 15px 16px;
  padding : 0;
}

ol {
  margin  : 0 0 15px 20px;
  padding : 0;
}

figure {
  width : 100%;
}

img {
  border: none;
}

/* Footer */
.footer {
  padding : 0 30px;
}

.footerinner {
  padding    : 5px 0 20px 0;
  border-top : 1px solid #d2c6af;
}

.footerleft {
  float     : left;
  width     : 60%;
  font-size : 10px;
}

.footerright {
  float      : right;
  width      : 20%;
  text-align : right;
}

.footerleft a {
  text-decoration : none;
  color           : #000;
  padding-right   : 10px;
}

.footerleft a:hover {
  text-decoration : none;
  color           : #a49d89;
}

.img-responisve, .image-embed-item,
.csc-textpic-image img {
  max-width : 100%;
  height    : auto;
}

div.csc-textpic-left .csc-textpic-imagewrap {
  float : none !important;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom : 10px;
}

div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
  display : inline;
  margin  : 0;
}

.ge-2-col {
  margin-bottom : 20px;
}

.ge-2-col p {
  margin : 0;
}

.ge-2-col-1 {
  float        : left;
  width        : 35%;
  margin-right : 3%;
}

.ge-2-col-2 {
  float : left;
  width : 40%;
}

.ge-4-col {
  font-size     : 12px;
  margin-bottom : 20px;
}

.ge-4-col p {
  font-size   : 12px;
  line-height : 16px;
  margin      : 0;
}

.ge-4-col-1, .ge-4-col-2, .ge-4-col-3 {
  float        : left;
  width        : 23%;
  margin-right : 2.6%;
}

.ge-4-col-4 {
  float : left;
  width : 23%;
}

/* News */
.news-list-view .article {
  margin-bottom : 25px;
}

.news-list-header p {
  margin : 0;
}

.news-list-header h3 {
  font-size     : 14px;
  line-height   : 18px;
  margin        : 0 0 8px;
  border-bottom : 1px solid #d2c6af;
}

.news-list-view .teaser-text {
  float : left;
  width : 85%;
}

.news-list-view .teaser-pdf {
  float      : right;
  width      : 12%;
  text-align : right;
}

.news-list-view .teaser-pdf a.download-link {
  display    : inline-block;
  width      : 33px;
  height     : 10px;
  background : url(../images/download.png) no-repeat;
}

.news-list-view .teaser-text p {
  margin-bottom : 10px;
}

.news-list-view p.more-link a {
  text-decoration : none;
}

.f3-widget-paginator {
  list-style: none;
  margin: 0;
  padding: 0;
}
.f3-widget-paginator li {
  display: inline-block;
  padding-right: 18px;
}
.f3-widget-paginator li.current {
  font-weight: bold;
}


.hide {
  display : none !important;
}

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

  .content66 {
    width : 100%;
  }
}

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

  a.nav, a.navA {
    padding-right : 40px;
  }
}

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

  body {
    margin : 0;
  }

  .header {
    padding : 10px;
  }

  .logo {
    width         : 156px;
    margin-bottom : 10px;
  }

  .metanavigation, .navigation, .subnavigation, .footerright, .sub-menu {
    display : none;
  }

  #mobmenu {
    position   : absolute;
    display    : block;
    top        : 13px;
    right      : 10px;
    width      : 20px;
    padding    : 3px 3px 8px 3px;
    text-align : center;
  }

  #mobmenu span {
    display          : block;
    background-color : #000;
    height           : 2px;
    margin-top       : 4px;
    width            : 90%;
  }

  .mobile {
    margin : 0 10px 20px 10px;
  }

  .mobile ul {
    margin     : 0;
    list-style : none;
  }

  .mobile ul li a {
    display         : block;
    text-decoration : none;
    color           : #000;
  }

  .mobile li.cur a {
    text-decoration : none;
    color           : #a49d89;
  }

  .mobile ul li {
    font-size     : 17px;
    line-height   : 33px;
    border-bottom : 1px solid #d2c6af;
  }

  .mobile ul li ul {
    margin-bottom : 10px;
  }

  .mobile ul li ul li {
    font-size     : 13px;
    line-height   : 25px;
    border-bottom : none;
  }

  .mobile ul li ul li a {
    display         : block;
    text-decoration : none;
    color           : #000 !important;
  }

  .mobile ul li ul li.cur a {
    text-decoration : none;
    color           : #a49d89 !important;
  }

  .content {
    padding : 10px 10px 25px 10px;
  }

  .footer {
    padding : 0 10px;
  }

  .ge-2-col-1 {
    width : 50%;
  }

  .ge-4-col {
    font-size : 14px;
  }

  .ge-4-col p {
    font-size   : 14px;
    line-height : 18px;
    margin      : 0 0 15px;
  }

  .ge-4-col-1, .ge-4-col-3, .ge-4-col-4 {
    float   : none;
    display : none;
  }

  .ge-4-col-2 {
    float  : none;
    width  : 100%;
    margin : 0;
  }
}