/*
font-family: 'PT Serif', 'serif';
font-family: 'Bitter', 'serif';
font-family: 'Ubuntu', 'sans-serif';
font-family: 'PT Sans', 'sans-serif';
*/
/* font-family: 'Merriweather', serif; */
.startimage p {
  margin-bottom: 0;
  padding-top: 8px; }

body {
  background: #87786a url(../img/back.png) repeat-x;
  font-family: 'PT Sans', sans-serif !important;
  font-size: 14px !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bitter', sans-serif !important;
  color: #bdbe2e !important;
  /* 	font-weight: bold; */ }

ul.title-area li h1 {
  font-family: 'PT Sans', sans-serif !important; }

.FS12 {
  font-size: 0.75rem; }
  .FS12 p {
    font-size: 0.75rem; }

.FS13 {
  font-size: 0.8125rem; }
  .FS13 p {
    font-size: 0.8125rem; }

.FS14 {
  font-size: 0.875rem; }
  .FS14 p {
    font-size: 0.875rem; }

.FS15 {
  font-size: 0.9375rem; }
  .FS15 p {
    font-size: 0.9375rem; }

img#logo {
  width: 980px;
  height: 92px;
  max-width: 980px; }

#baseline {
  height: 12px;
  background: url(../img/topline.png) no-repeat center center;
  margin-bottom: 30px; }

.contentbox {
  padding: 25px 75px 25px 75px;
  background: white;
  -webkit-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  -moz-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6); }

.promobanner {
  padding: 24px 50px 25px 50px;
  background: #CACD28;
  -webkit-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  -moz-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6); }
  .promobanner p {
    margin-bottom: 0;
    color: white;
    font-size: 1.25rem; }
    .promobanner p strong {
      text-transform: uppercase;
      color: white;
      opacity: 0.7; }

.kontaktbanner {
  padding: 15px 60px 12px 75px;
  background: green;
  -webkit-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  -moz-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  margin-top: 0px;
  border-top: 1px solid white; }
  .kontaktbanner p {
    margin: 0;
    padding: 0;
    line-height: 1em;
    color: white;
    font-size: 1.25rem; }
    .kontaktbanner p strong {
      text-transform: uppercase;
      color: white;
      opacity: 0.7; }

.infobar {
  padding: 15px 50px;
  border-bottom: 5px solid white;
  background: #EDEBE9;
  -webkit-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  -moz-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6); }
  .infobar p {
    margin-bottom: 0;
    color: black;
    font-size: 1rem; }
    .infobar p a.goformlink {
      color: #BDBE2E; }
    .infobar p strong {
      text-transform: uppercase;
      color: white;
      opacity: 0.7; }

.terminbanner {
  padding: 24px 50px 25px 50px;
  background: #edebe9;
  -webkit-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  -moz-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
  box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6); }
  .terminbanner p {
    margin-bottom: 0; }

.boxframe {
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  padding: 20px 0 20px 0; }

#content h1 {
  font-size: 1.25rem;
  line-height: 1.2em;
  /* 		margin-bottom: 1em;  */ }
#content h2 {
  font-size: 1.125rem;
  line-height: 1.2em;
  /* 		margin-bottom: 1.1em;  */ }
#content .video-container {
  margin-bottom: 1.5em; }

#sidebar {
  padding-top: 0em;
  background: url(../img/back_sidebar.png) no-repeat;
  min-height: 600px; }
  #sidebar p, #sidebar em, #sidebar ul, #sidebar li {
    font-size: 0.875rem;
    color: #666666;
    line-height: 1.4em;
    margin-bottom: 8px; }
  #sidebar h1 {
    font-size: 1.25rem;
    border-bottom: 1px dotted #CCCCCC;
    color: #666 !important;
    font-family: 'Bitter', sans-serif !important;
    /* margin-bottom: 1em;  */ }
  #sidebar h2 {
    font-size: 1.125rem;
    padding-bottom: 0.5em;
    color: #666 !important;
    border-bottom: 1px dotted #CCCCCC;
    font-family: 'Bitter', sans-serif !important; }
  #sidebar h3 {
    font-size: 1rem;
    padding-bottom: 0.5em;
    color: #666666;
    border-bottom: 1px dotted #CCCCCC;
    font-family: 'Bitter', sans-serif !important; }

/*--- Basics ------------------*/
.top-bar {
  background: #edebe9;
  z-index: 1000; }

.shadow {
  -moz-box-shadow: 3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow: 3px 3px 5px 6px #ccc; }

li.name h1 {
  font-size: 1.0625rem;
  text-transform: uppercase; }
  li.name h1 a {
    color: #000 !important; }

#logohead {
  margin-bottom: 35px; }

#logoimage {
  width: 100%;
  height: 103px;
  background: url(../img/logo_24_rgba.png) no-repeat right center; }
  #logoimage:hover {
    cursor: pointer; }

img.imageklinke {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 7px; }

/*----- NEWS ------------*/
div.newsitem {
  padding-top: 1em;
  /* 	border-top: 1px solid $grau; */ }
  div.newsitem h3 {
    font-size: 1rem; }
  div.newsitem p {
    font-size: 0.875rem; }

/*---- HACK --------*/
.top-bar {
  -webkit-box-shadow: 0 2px 6px 0px rgba(68, 68, 68, 0.6);
  -moz-box-shadow: 0 2px 6px 0px rgba(68, 68, 68, 0.6);
  box-shadow: 0 2px 6px 0px rgba(68, 68, 68, 0.6); }

.top-bar .toggle-topbar.menu-icon {
  right: 30px; }

/*---| Slider | ----*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0px 1px 5px #999999; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 16px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none; }

.teaser-3 li img {
  margin-bottom: 0.9375rem; }
.teaser-3 li strong {
  color: #bdbe2e; }
.teaser-3 li p {
  font-size: 0.875rem; }

div#content.small-12.large-8.columns {
  padding-left: 0em;
  padding-right: 2em; }

div.quickkontakt {
  background: white;
  padding: 25px 75px; }
  div.quickkontakt table {
    width: 100%; }

div#quickkontakthome table {
  width: 100%; }

a.goformlink {
  color: #ebe450; }

#coverlandingpage {
  position: relative; }

ul#coverclaim {
  position: absolute;
  top: 57px;
  right: 0;
  width: 265px;
  height: 200px;
  z-index: 10000;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul#coverclaim li {
    display: block;
    list-style: none;
    margin: 1em 0;
    padding: 10px 10px 8px 15px;
    background: green;
    color: white;
    line-height: 1em;
    border-radius: 5px 0px 0px 5px; }

div#promolanding {
  position: absolute;
  top: 0px;
  left: 0;
  width: auto;
  height: 35px;
  z-index: 10000;
  padding: 10px 20px 8px 15px;
  background: #F14100;
  color: white;
  font-size: 17px;
  line-height: 1em;
  border-radius: 0 5px 5px 0; }

@media only screen and (max-width: 40em) {
  ul#coverclaim {
    display: none; }

  .columns {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }

  li.name h1 {
    font-size: 15px; }

  div.contentbox {
    padding: 25px 25px 80px 25px;
    background: white;
    -webkit-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
    -moz-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
    box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6); }
    div.contentbox h1 {
      font-size: 1.375rem; }

  #logoimage {
    width: 100%;
    height: 60px;
    background: url(../img/back144_logo.png) no-repeat center center;
    background: url(../img/logo_24_rgba.png) no-repeat center center;
    background-size: 320px 60px; } }
    
.promobox {
    background: #e7f2ae;
    height: auto;
    -webkit-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
    -moz-box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6);
    box-shadow: 0 8px 8px 0px rgba(68, 68, 68, 0.6); 
    padding: 20px 45px 20px 45px;  
}

.promobox p {
    padding: 0;
    margin:0;
    font-size: 15px;
    color: black;
    line-height: 1em;
}
.promobox span.space {
    display: inline-block;
    padding: 0 0.5em;
}
.promobox p a {
    display: inline-block;
    background: #afb223;
    color: white;
    border-radius: 2px;
    padding: 2px 8px;
    margin-left: 0.5em;
    
    }
.promobox p a:hover {
    background: red;
    }
    
.promobox p strong {
    text-transform: uppercase;
    display: inline-block;
    padding-right: 0.5em;
    color: red;


}

@-webkit-keyframes blink {
  0%    {    color: #e7f2ae;    }
  100%  {    color: red;         }
}
@-moz-keyframes blink {
  0%    {    color: #e7f2ae;    }
  100%  {    color: red;         }
}
@-ms-keyframes blink {
  0%    {    color: #e7f2ae;    }
  100%  {    color: red;         }
}
@keyframes blink {
  0%    {    color: #e7f2ae;    }
  100%  {    color: red;         }
}

.blink {
  -webkit-animation: blink 1.2s linear 4s infinite alternate;
  -moz-animation: blink 1.2s linear 4s infinite alternate;
  -ms-animation: blink 1.2s linear 4s infinite alternate;
  -o-animation: blink 1.2s linear 4s infinite alternate;
  animation: blink 1.2s linear 4s infinite alternate;
}