/*
box-sizing: border-box;
*behavior: url(/scripts/boxsizing.htc);
*/
/*
*
*  Golden Grid System (1.01)  <http://goldengridsystem.com/>
*  by Joni Korpi        <http://jonikorpi.com/>
*  licensed under MIT     <http://opensource.org/licenses/mit-license.php>
* 
*/
/*
* @cd: Farbe Für CD (volle Weite oben), cd-sec: Zweitfarbe
* Durch ändern der Farbe kann auch die normal Variante benutzt werden
*/
/*
*
*  Margin, padding, and border resets
*  except for form elements
*
*/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
img,
section {
  margin: 0;
  padding: 0;
  border: 0;
}
/*
*
*  Consistency fixes
*  adopted from http://necolas.github.com/normalize.css/
*
*/
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  min-height: 100%;
  font-size: 100%;
  /* background-color: #f6f6f6; */
  background-color: #ededed;
}
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;
  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;
}
p {
  padding-bottom: 0.73333333em;
}
/*
*
*  Simple fluid media
*
*/
figure {
  position: relative;
}
figure img,
figure object,
figure embed,
figure video {
  max-width: 100%;
  display: block;
}
img {
  -ms-interpolation-mode: bicubic;
  /* Für flexibles Layout */
  max-width: 100%;
}
/*
*
* Zoomable baseline grid
* type size presets
*
*/
body {
  /* 16px / 24px */
  line-height: 1.46666667em;
}
.small {
  /* 13px / 18px */
  font-size: 0.8125em;
  line-height: 1.35384615em;
}
.normal {
  /* 16px / 24px */
  font-size: 1em;
  line-height: 1.46666667em;
  /* 24 */
}
h3 {
  /* 26 / 36px */
  font-size: 1.06666667em;
  line-height: 1.71875em;
  color: #666;
}
.large,
h2 {
  /* 26 / 36px */
  font-size: 1.2em;
  line-height: 1.52777778em;
}
.huge,
h1 {
  /* 42px / 48px */
  font-size: 1.2em;
  line-height: 1.65em;
  color: #666;
  text-transform: uppercase;
  letter-spacing: .075em;
}
.massive {
  /* 68px / 72px */
  font-size: 4.53333333em;
  line-height: 0.97058824em;
}
.gigantic {
  /* 110px / 120px */
  font-size: 7.33333333em;
  line-height: 1em;
}
.b-leg-r {
  font-size: 0.8125em;
  color: #999;
  line-height: 3.25925926em;
  padding: 1.80502667em;
  margin-top: -2.2em;
  text-align: right;
}
.b-leg-l {
  font-size: 0.8125em;
  color: #999;
  line-height: 3.25925926em;
  padding: 1.80502667em;
  margin-top: -2.2em;
  text-align: left;
}
p {
  margin-bottom: 0.15em;
}
.b-top {
  padding-top: 1.15384615em;
  font-style: italic;
}
.kos-bot {
  margin-bottom: -2.5em;
}
.kos-top {
  margin-top: 1.5em;
}
.koslog {
  padding-top: 2em;
  padding-bottom: 0;
}
.h1-thin {
  font-weight: normal;
}
.h1-red {
  margin: 0;
  padding: 0;
}
.up {
  font-size: 1.33333333em;
  line-height: 1.65em;
  color: #d80218;
}
.l {
  float: left;
}
.r {
  float: right;
}
a,
a:hover,
a:link {
  color: #d80218;
  text-decoration: none;
}
.complete {
  padding-top: 1.2375em;
  padding-bottom: 0.9625em;
  height: 3.75em;
  /* Wichtig */
}
.durch {
  padding-top: 0.73333333em !important;
}
.cd {
  background-color: #d80218;
}
/*
* Evtl Ersatz!!!!!!!!
*/
:focus {
  outline: 0 !important;
}
/*
* Anfang Overide boostrap
*/
.alert {
  margin-bottom: 1em;
  border: 0.1 solid transparent;
  border-radius: 0.5em;
  font-size: 1.25em;
  padding: 1em 5%;
  line-height: 1.22222222;
}
/*
* Ende Overide bootstrap
*/
nav,
.con-sec,
footer {
  margin: 0 5%;
}
h1 {
  margin: 0.92307692em 0 1.38461538em;
}
h2 {
  margin: 0.61538462em 0 0.61538462em;
}
footer {
  background-color: #eee;
  margin-top: -6.5em;
  font-style: italic;
}
/*
*  Note: box-sizing will not work in IE6-7
*/
.wrap-1cols,
.wrap-2cols,
.wrap-3cols,
.wrap-1cols-bott,
.wrap-2cols-bott,
.wrap-3cols-bott,
.bottom-top {
  padding: 0.73333333em;
  padding-top: 0.73333333em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*
  * Entscheidenden Wert für Block weiß unten
  */
  padding-bottom: 0.73333333em;
}
/*
* Zeilenabstand Bilderreihe nach oben
*/
.colfill {
  background-color: #fff;
}
/* Weißer Rand */
.pad-all {
  padding: 2.2em;
  padding-top: 0.95333333em;
  margin-bottom: 1.46666667em !important;
}
.pad-all p,
.pad-all table {
  font-style: italic;
}
/*
* Container zum abschneiden des Tricks
* mit überlangem padding/margin
*/
.con-sec {
  overflow: hidden;
}
header {
  width: 100%;
}
.responCon {
  overflow: hidden;
  margin-bottom: -0.5em;
}
.responCon iframe,
.responCon object,
.responCon embed {
  width: 100%;
}
#fullbanner {
  width: 100%;
  background-color: #ededed;
}
#multicont {
  margin: 0 6%;
  min-height: 15em;
  background-color: orange;
  margin-top: .75em !important;
}
#slide-prim {
  width: 66.66666667%;
}
#slide-sec {
  width: 33.33333333%;
  background-color: green;
  min-height: 15em;
}
/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* ----- clear fix for floats ----- */
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
/* hides clearfix from IE-mac */
.clearfix {
  display: block;
}
/* end hide from IE-mac */
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.aligncenter {
  margin: auto;
  display: block;
}
.centered {
  text-align: center;
}
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/
/*
*
*  Fixes for IE6-8
*  http://jonikorpi.com/leaving-old-IE-behind/
*


.ie body {
  width: 640/@em;
  margin: 0 auto;
  font-size: (@font-size + 1) / @em;
}

.ie h1 {
  .huge();
  margin: (48/42*1em) 0 (24/42*1em);
}

*/
/* Trick um Spalten parallel zu bekommen */
.colfill {
  padding-bottom: 8888em;
  margin-bottom: -8888em;
}
.smart {
  color: #333 !important;
}
video {
  max-width: 100%;
  height: auto;
}
.mix-slide {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.logo {
  margin-top: -10.5em;
}
#lang {
  margin-top: 9.5em;
  margin-left: -1em;
}
#lang ul {
  list-style-type: none;
}

#scrollbox {
   	overflow: scroll !important;
   	height: 30em;
}

#scrollbox img {
   	width: 100% !important;
   	height: auto !important
}

.con img {
	width: 100% !important;
	height: auto !important;
}

img.fb {
	width: 35%;
}

/* @media screen and (min-width: 480px/30em) 
1-spaltig */
@media screen and (max-width: 47.99em) {
  .col-1-space-bottom {
    min-height: 1.46666667em !important;
    height: 1.46666667em;
    margin-bottom: -0.73333333em;
    padding: 0;
    background-color: #ededed;
  }
  /* fuer Iframe Google-Maps*/
  .responCon,
  .pic-cut-bottom {
    margin-bottom: -1.25em;
  }
  /* 2-spaltige Fotos mit span*/
  .pic-cut-bottom {
    margin-bottom: -1.25em;
  }

img.fb {
	width: 35%;
}
	
}
@media screen and (min-width: 48em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.26666667em;
  }
  #fbbox {
	height: 30em
}

  
  h1 {
    /* 42px / 48px */
    font-size: 1.2em;
    line-height: 1.65em;
    color: #666;
    text-transform: uppercase;
    letter-spacing: .075em;
    margin: 1.14285714em 0 0.57142857em;
  }
  .wrap-1cols,
  .wrap-3cols,
  .wrap-2cols,
  .wrap-1cols-bott,
  .wrap-2cols-bott,
  .wrap-3cols-bott {
    padding-bottom: 0em;
  }
  .wrap-1cols,
  .wrap-1cols-bott {
    float: left;
    width: 50%;
  }
  /* Kombiniert beide Klassen
   * 
   */
  .wrap-1cols.col3rd {
    float: left;
    width: 100%;
  }
  .r-long {
    float: right;
    width: 50%;
  }
  .l-long {
    float: left;
    width: 50%;
  }
  /*
  * Bild + Spalte rechts
  */
  .over-r {
    margin-right: -1.46666667em;
    padding-right: 1.46666667em;
  }
  /*
  * Bild + Spalte links
  */
  .over-l {
    margin-left: -1.46666667em;
    padding-left: 1.46666667em;
  }
  .over-l-1-1 {
    /*
    margin-left: -@text-pad;
    padding-left: @text-pad;
    */
  }
  .over-l-2-1 {
    /*
    margin-left: -@text-pad;
    padding-left: @text-pad;
    */
  }
  .col-2-width-rechts {
    width: 50%;
    float: right;
  }
  .col-2-width-links {
    width: 50%;
    float: left;
  }
  .col-2-align-rechts {
    float: right;
  }
  .col-1-space-bottom {
    display: none;
  }
    img.fb {
	width: 35%;

}
   
}
/*
*
*  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: 960px) */
/* Entspricht bootstrap Vorgabe (Menü-Break) */
@media screen and (min-width: 60em) {
  body {
    /* Reset baseline grid to 16/16 = 1 */
    font-size: 1em;
  }
  .wrap-1cols,
  .wrap-1cols-bott {
    float: left;
    width: 33.33333333%;
  }
  .wrap-2cols,
  .wrap-2cols-bott {
    float: left;
    width: 66.66666667%;
  }
  .wrap-1cols.col3rd {
    float: left;
    width: 33.33333333%;
  }
  nav #nav-default {
    background-color: #ededed;
  }
  /*
  * Bild + Spalte rechts
  */
  .over-r {
    margin-right: -1.46666667em;
    padding-right: 1.46666667em;
  }
  /*
  * Bild + Spalte links
  */
  .over-l {
    margin-left: -1.46666667em;
    padding-left: 1.46666667em;
  }
  .over-l-1-1 {
    margin-left: -1.46666667em;
    padding-left: 1.46666667em;
  }
  .over-l-2-1 {
    margin-left: -1.46666667em;
    padding-left: 1.46666667em;
  }
  /*
  * Weißer Rand unten ohne bei Bild/text-Kombi
  */
  .wrap-1cols,
  .wrap-2cols {
    padding-bottom: 0em;
    margin-bottom: -1em;
  }
  

  
}

/* @media screen and (min-width: 1280px) **/
@media screen and (min-width: 80em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
    font-size: 1em;
  }
  .con-sec {
    width: 1100px;
    margin: 0 auto;
  }
  #multicont {
    width: 58.25em !important;
    margin: 0 auto;
  }
  #fullbanner {
    background-color: #ddd;
  }
  .logo {
    margin-top: -10.5em;
  }
  #lang {
    margin-top: 9.5em;
    margin-left: -1em;
  }
  #lang ul {
    list-style-type: none;
  }
  
  img.fb {
	width: 50%;
}
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  
  body {
    display: none;
    
  }
}
*/
ul li {
  font-style: italic;
}