/* * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      JOEBOB Graphics
 * License URL: http://www.fontspring.com/fflicense/joebob-graphics
 *
 * */

/* * Vendor:      exljbris Font Foundry
 * License URL: http://www.fontspring.com/fflicense/exljbris */

.x-fix {
  overflow-x: hidden;
}

.linie {
  border-bottom: 1px solid rgba(195,148,102,0.6);
  border-top: 1px solid rgba(195,148,102,0.6);
  margin-bottom: 80px;
  padding-top: 20px;
}

.gedreht {
  transform: rotate(-6deg);
  box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.7);
}

.gedreht-2 {
  transform: rotate(+3deg);
  box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.7);
}

.positioner IMG {
  position: absolute;
  width: 40%;
  top: 20%;
}

.positioner {
  position: relative;
  margin: 0px;
  display: inline-block;
  height: 340px;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center;
}

.buttons-unten {
  position: absolute;
  bottom: -35px;
  width: 100%;
  margin-left: -20px;
  /*padding-left: 10px;*/
}

.ribbon H6 {
  position: absolute;
  transform: rotate(35deg);
  background: #c39466;
  top: 48px;
  right: -69px;
  /*margin: 0px;*/
  padding: 6px 40px 3px 40px;
  width: 300px;
  box-shadow: -2px 0px 7px black;
  border: 1px solid white;
}

.ribbon2 H6 {
  position: absolute;
  transform: rotate(35deg);
  background: #c39466;
  top: 18px;
  right: -50px;
  /*margin: 0px;*/
  padding: 6px 44px 3px 44px;
  width: 200px;
  box-shadow: -2px 0px 7px black;
  border: 1px solid white;
  text-align: center;
}

.ribbon {
  position: absolute;
  width: 200px;
  height: 200px;
  top: -2px;
  right: -2px;
  margin: 0px;
  /*border: 1px dotted lime;*/
  overflow: hidden;
}

.ribbon2 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: -2px;
  right: -2px;
  margin: 0px;
  /*border: 1px dotted lime;*/
  overflow: hidden;
}

.btn I {
  margin-right: 6px;
  margin-top: 3px;
}

.kodex h3 {
  color: #c39466;
  /*border-right: 1px solid #c39466;*/
  padding-right: 7px;
  float: left;
  height: 100%;
  margin-right: 15px;
  width: 34px;
  text-align: right;
}

.kodex {
  margin-bottom: 35px;
}

.kodex p {
  text-align: left;
  border-left: 1px solid #c39466;
  margin-left: 36px;
}

.nach-hinten {
  z-index: -999;
}

.hintergrund-gruppe {
  background: url("../../assets/img/Ehrencodex-Schueler.png") bottom / contain no-repeat;
  padding-bottom: 330px;
  margin-bottom: 80px;
}