/* ----------------------------------------------------------------------------- *
 *                             Normalize                                         *
 * ----------------------------------------------------------------------------- */
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section{margin:0;padding:0;border:0;}
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{min-height:100%;font-size:100%;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video{display:block;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
b, strong{font-weight:bold;}
abbr[title]{border-bottom:1px dotted;}
input,
textarea,
button,
select{margin:0;font-size:100%;line-height:normal;vertical-align:baseline;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="checkbox"], input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
textarea{overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}
figure{position:relative;}
figure img,
figure object,
figure embed,
figure video{max-width:100%;display:block;}
img{border:0;-ms-interpolation-mode:bicubic;}
/* ----------------------------------------------------------------------------- *
 * ----------------------------------------------------------------------------- */
body {
  background-color: #ffffff;
  color: #000000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* 16px / 24px */
  font-size: 0.9em;
  line-height: 1.5em;
}

header {
    background-color: #31353D;
    color: #eeeeee;
}

figure {
   width:33%;
   float:left;
   overflow:hidden;
}

footer {
    background-color: #31353D;
    color: #efefef;
}

.box {
	margin: 2%;
	overflow: auto;
}
.wrapper {
    max-width: 100%;
    background-color: #5a5d62;
    box-sizing: border-box;
}

/* ----------------------------------------------------------------------------- *
 *                             Schrift                                           *
 * ----------------------------------------------------------------------------- */
.small {
  /* 13px / 18px */
  font-size: 0.8125em;
  line-height: 1.3846153846153846em;
}
.normal, h3 {
  /* 16px / 24px */
  font-family: 'Gentium Book Basic', serif;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
}
.large, h2, h1 {
  /* 26 / 36px */
  font-family: 'Gentium Book Basic', serif;
  font-size: 1.625em;
  font-weight: bold;
  line-height: 1.3846153846153846em;
}
h2 {
  color: #5a5d62;
}

.huge {
  /* 42px / 48px */
  font-size: 2.625em;
  line-height: 1.1428571428571428em;
}
.massive {
  /* 68px / 72px */
  font-size: 4.25em;
  line-height: 1.0588235294117647em;
}
.gigantic {
  /* 110px / 120px */
  font-size: 6.875em;
  line-height: 1.0909090909090908em;
}
/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

p    {
    padding: 0.5em;
}

a:link, a:hover, a:visited, a:active {
    color: #005580;
    text-decoration: underline;
}

a:hover {
    color: #ff0000;
    text-decoration: underline;
}


a.button_link {
  display: inline-block;
  margin: 0.2em 0px;
  margin-right: 0.5em;
  background: #31353D;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 8px;
  color: #ffffff;
  padding: 0.3em 0.5em 0.3em 0.5em;
  border: solid #000000 1px;
  text-decoration: none;
}

a.button_link:hover {
  color: #31353D;
  background: #ffffff;
  text-decoration: none;
}

/* ----------------------------------------------------------------------------- *
 *                                       Bilder                                  *
 * ----------------------------------------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
    border:0;
    outline:0;
}
 .slides {
   display:none;
  }
/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * ----------------------------------------------------------------------------- */

header, footer, .wrapper {
    overflow: hidden;
}

footer {
    padding: 0.75em;
}

.clear {
  clear: both;
}

/* ----------------------------------------------------------------------------- *
 *                             Media Queries                                     *
 * ----------------------------------------------------------------------------- */
/* @media screen and (max-width: 480px) */


.spalten_33 {
    padding: 0 0.75em;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
.spalten_33_1 {
    padding: 0 0.75em;
    background-color: #DAE4F0;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.spalten_33_rechts {
    padding: 0 0.75em;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
.spalten_50 {
  padding: 0em;
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spalten_66 {
  padding: 0 0.75em;
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spalten_66_1 {
  padding: 0 0.75em;
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spalten_100 {
  padding: 0 0.75em;
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.artikel_box {
  padding: 1%;
  background-color: #DAE4F0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(25, 25, 25, 0.2);
}



/*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*/

/* @media screen and (min-width: 480px) */
@media screen and (min-width: 30em) {
}

/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {
  body {
/* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em;
  }
  h1 {
/* 42px / 48px */
    font-size: 2.625em;
    line-height: 1.1428571428571428em;
  }

header, footer, .wrapper {
    margin: 0 5.555555555555555%;
}

.artikel_box {
  padding:2%;
}
  .spalten_33 {
    width: 50%;
  }
  .spalten_33_1 {
    width: 33.3333333333333333%;
  }
.spalten_50 {
  padding: 0.75em 0.75em;
}

  .spalten_66_1 {
    width: 66.6666666666666666%;
  }
  .spalten_33_rechts {
    width: 100%;
  }
}

/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {
  body {
/* Zoom baseline grid to 17/16 = 1.0625 */

    font-size: 1.0625em;
  }
  h1 {
/* 42px / 48px */
    font-size: 2.625em;
    line-height: 1.1428571428571428em;
  }
  .spalten_33 {
    width: 50%;
  }
  .spalten_33_1 {
    width: 33.3333333333333333%;
  }
  .spalten_66_1 {
    width: 66.6666666666666666%;
  }
  .spalten_33_rechts {
    width: 100%;
  }
}


/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {
  body {
    /* Reset baseline grid to 16/16 = 1 */
    font-size: 1em;
  }
}


/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em;
  }
 .slides {
   display:block;
 }
  .spalten_50 {
    width: 50%;
  }
  .spalten_66 {
    width: 66.6666666666666666%;
  }
  .spalten_33_1 {
    width: 33.3333333333333333%;
  }
  .spalten_66_1 {
    width: 66.6666666666666666%;
  }
  .spalten_33 {
    width: 33.3333333333333333%;
  }
  .spalten_33_rechts {
    width: 33.3333333333333333%;
  }
}


/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
    font-size: 1em;
  }
}


/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */

    font-size: 1.0625em;
  }
}


/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */

    font-size: 1em;
  }
  header, footer, .wrapper {
    margin: 0 5.555555555555555%;
  }
}


/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */

    font-size: 1.0625em;
  }
  header, footer, .wrapper {
    margin: 0 5.555555555555555%;
  }

}

/*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*/