@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: '21u';
  src: url("../fonts/21u_52074404.eot");
  src: url("../fonts/21u_52074404.eot#iefix") format("embedded-opentype"), url("../fonts/21u_52074404.woff") format("woff"), url("../fonts/21u_52074404.ttf") format("truetype"), url("../fonts/21u_52074404-21u.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bloggo';
  src: url("../fonts/bloggo_75044820.eot");
  src: url("../fonts/bloggo_75044820.eot#iefix") format("embedded-opentype"), url("../fonts/bloggo_75044820.woff") format("woff"), url("../fonts/bloggo_75044820.ttf") format("truetype"), url("../fonts/bloggo_75044820-bloggo.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.group:before,
.group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.group:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.group {
  *zoom: 1; }

html {
  font-size: 10px; }

body {
  font-size: 1.6em;
  line-height: 1.7em;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 400;
  color: #23272e; }

a {
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  color: #23272e;
  font-family: "proxima-nova", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  h1 a, a h1, h2 a, a h2, h3 a, a h3, h4 a, a h4, h5 a, a h5, h6 a, a h6 {
    color: #23272e; }
    h1 a:hover, a h1:hover, h2 a:hover, a h2:hover, h3 a:hover, a h3:hover, h4 a:hover, a h4:hover, h5 a:hover, a h5:hover, h6 a:hover, a h6:hover {
      color: #4678B4; }

.entry-title {
  font-size: 47px;
  
  line-height: 1.0em;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
  color: white;
  text-align: center;
  margin-top: 10px; }

.single-video .entry-title {
  font-size: 2.625em;
  line-height: 1.41440448433032em;
  margin: 0 0 0.595238095238095em 0;
  color: #23272e;
  text-align: left; }

h1, .h1 {
  font-size: 2.625em;
  line-height: 1.41440448433032em;
  margin: 0 0 0.595238095238095em 0; }

h2, .h2 {
  font-size: 2em;
  line-height: 1.47925832430277em;
  margin: 1.884615em 0 0.961538462em 0; }

h3, .h3, .sub-title, h4, h5, h6 {
  font-size: 1.55em;
  line-height: 1.130331em;
  margin: 1.25em 0 1.25em;
  font-weight: 500; }

h4 {
  color: #8993a5;
  font-size: 12px; }

p,
ul,
ol,
blockquote,
pre,
.fluid-width-video-wrapper {
  margin: 0 0 1.5625em 0; }

blockquote {
  color: #8993a5; }

ul, ol {
  padding-left: 1.5625em; }
  ul ul, ul ol, ol ul, ol ol {
    margin: 1.5625em 0; }

h2.entry-title-sub {
  line-height: 1.6;
  margin-top: 30px;
  background: rgba(64, 110, 203, 0.6);
  display: inline;
  padding: 5px;
  font-size: 20px;
  text-transform: uppercase;
  color: white; }

.sub-title {
  font-size: 20px;
  color: #8993a5;
  margin-top: -25px;
  text-transform: uppercase; }

/* Basics */
* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #FFF;
  -webkit-font-smoothing: antialiased;
  min-width: 1180px;
  overflow-x: hidden; }

::selection {
  background: #4678B4;
  color: white; }

::-moz-selection {
  background: #4678B4;
  color: white; }

.wrap,
#masthead .wrap {
  width: 1180px;
  padding: 0 1.5625em; }

.wrap {
  margin: 0 auto;
  padding: 3.125em 1.5625em; }

/* Etc */
.secure-info,
.note,
small,
.area-info-21u .university-tabelle-zusatz {
  font-size: 0.8125em;
  line-height: 1.61065941006919em; }

.marked {
  display: inline;
  background: #3FB34F; }

.lead {
  font-size: 1.61111111111111em;
  line-height: 1.45147180838354em; }

.minilead {
  font-size: 1.27777777777778em;
  line-height: 1.48863393377705em; }

.centered {
  text-align: center; }

.righted {
  text-align: right; }

.oh {
  overflow: hidden; }

/* STEBB */
.area-hero {
  color: #FFF;
  background: #0A0C0F url(../images/bg.jpg) repeat center top;
  position: relative; }
  .area-hero .wrap {
    position: relative;
    padding-top: 25px;
    padding-bottom: 84px; }
  .area-hero .logo span {
    text-indent: -9999px;
    width: 251px;
    height: 78px;
    margin: 0 auto;
    display: block;
    float: none;
    background: transparent url(../images/logo.png) no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .area-hero .logo span {
        background-image: url(../images/logo-2x.png);
        background-size: 251px 78px; } }
  @media (max-width: 800px) {
    .area-hero .logo {
      z-index: 25; } }
  .area-hero .logo-notag {
    margin: 0 0 -10px; }
    .area-hero .logo-notag span {
      text-indent: -9999px;
      width: 251px;
      height: 78px;
      margin: 0 auto;
      display: block;
      float: none;
      background-image: url(../images/logo-notag.png); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .area-hero .logo-notag span {
          background-image: url(../images/logo-notag-2x.png);
          background-size: 251px 78px; } }
    @media (max-width: 800px) {
      .area-hero .logo-notag {
        z-index: 25; } }
  .area-hero .title-container {
    max-width: 1254px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    text-align: center;
    margin-top: 25px; }
  .area-hero h2.entry-title-sub {
    text-transform: none;
    font-size: 25px;
    line-height: 1.8; }
  .area-hero .hero-benefits {
    list-style: none;
    padding: 0;
    margin: 0;
    color: white;
    font-size: 20px; }
    .area-hero .hero-benefits li {
      list-style: none;
      padding: 0;
      margin: 0;
      margin-bottom: 5px; }
      .area-hero .hero-benefits li:before {
        color: #3FB34F;
        font-size: 25px;
        position: relative;
        top: 3px;
        padding-right: 30px; }
  .area-hero .hero-left {
    width: 52%;
    float: left;
    padding-left: 80px; }
    .area-hero .hero-left p {
      font-size: 20px; }
  .area-hero .hero-right {
    width: 45%;
    float: right;
    padding-right: 80px; }
  .area-hero .hero-buttons {
    margin: 50px 0 0 0;
    text-align: center; }
    .area-hero .hero-buttons span {
      color: white;
      padding: 0 10px; }
    .area-hero .hero-buttons .join {
      padding: 10px 1.8em; }
    .area-hero .hero-buttons .learn {
      position: relative;
      padding: 5px 3em;
      white-space: normal;
      color: white;
      font-family: "proxima-nova", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-transform: uppercase;
      border-radius: 3px;
      background: white;
      display: inline-block;
      color: #23272e;
      border: 3px;
      font-weight: 500;
      font-size: 14px;
      font-style: normal;
      margin: 0 0 1.5625em 0; }
  .area-hero .hero-quote {
    font-size: 32px;
    font-style: italic;
    line-height: 1.5;
    margin-left: 71px;
    margin-top: 28px; }
    .area-hero .hero-quote footer {
      font-size: 16px;
      margin-left: -10px; }
  .area-hero img.hero-shot {
    margin-top: -85px; }
  .area-hero .privacy {
    text-align: center;
    color: #8993a5;
    font-size: 13px; }
    .area-hero .privacy a {
      color: #8993a5;
      font-weight: 400; }

.button {
  position: relative;
  padding: 20px 1.8em;
  white-space: normal;
  color: white;
  font-family: "proxima-nova", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #3FB34F;
  -webkit-box-shadow: 0 5px 0 #328d3e;
  box-shadow: 0 5px 0 #328d3e;
  display: inline-block;
  color: white;
  border: none;
  font-weight: 500;
  font-size: 1.27777777777778em;
  line-height: 1.48863393377705em;
  font-style: normal;
  margin: 0 0 1.5625em 0; }

.button:hover,
.button:focus {
  background-color: #42bb52;
  color: white; }

.button:focus {
  outline: none; }

.button:active {
  box-shadow: 0 2px 0 #328d3e;
  background-color: #3cab4c;
  top: 1px;
  outline: none;
  color: white; }

.area-was {
  text-align: center; }
  .area-was .wrap {
    position: relative;
    padding: 150px 25px; }
  .area-was h2 {
    color: #CCC; }
  .area-was p {
    width: 50%;
    margin-left: auto;
    margin-right: auto; }
  .area-was p.lead {
    width: 80%;
    margin-bottom: 25px; }

.area-zitat1 {
  background: #000 url(../images/bg-zitat1.jpg) no-repeat center top; }
  .area-zitat1 .wrap {
    padding: 150px 0 180px; }
  .area-zitat1 blockquote {
    margin-left: 40px;
    text-align: center;
    width: 700px;
    color: #FFF;
    font-size: 23px;
    line-height: 38px; }
    .area-zitat1 blockquote footer {
      font-size: 14px;
      color: #AAA; }

.area-los {
  background: #FB7E5E;
  font-style: 23px;
  color: #FFF;
  font-style: italic;
  text-align: center; }
  .area-los a {
    color: #FFF;
    display: inline-block;
    padding: 5px 20px;
    border: 2px solid #FFF;
    font-weight: 700;
    margin-top: 10px; }
    .area-los a:hover {
      background: #FB8B6E; }
  .area-los p {
    margin-bottom: 10px; }

.area-dasistuniversity {
  padding-top: 50px;
  background: #F3F3F3; }
  .area-dasistuniversity .h3, .area-dasistuniversity .sub-title {
    color: #8993a5;
    text-align: center;
    margin-bottom: 50px; }
  .area-dasistuniversity .section {
    padding: 56px 0; }
    .area-dasistuniversity .section img {
      float: left;
      margin-right: 56px;
      margin-bottom: 56px; }
    .area-dasistuniversity .section h3 {
      color: #222;
      font-size: 29px;
      font-weight: 700; }
  .area-dasistuniversity .section-gray {
    background: #FAFAFA;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC; }
    .area-dasistuniversity .section-gray a {
      text-decoration: underline;
      font-weight: 700;
      color: #23272e; }
    .area-dasistuniversity .section-gray img {
      float: right;
      margin-left: 56px;
      margin-right: 0; }
  .area-dasistuniversity .section-bonus {
    background: #2b4981;
    color: #7495d1;
    text-align: center; }
    .area-dasistuniversity .section-bonus a, .area-dasistuniversity .section-bonus h3 {
      color: #7495d1; }
    .area-dasistuniversity .section-bonus h2 {
      color: white; }
    .area-dasistuniversity .section-bonus .bonus-video h3 {
      margin-bottom: 0; }
    .area-dasistuniversity .section-bonus .bonus-video img {
      float: none;
      margin-right: 0;
      margin-bottom: 0; }
    .area-dasistuniversity .section-bonus .bonus-video p {
      margin-top: 0; }
  .area-dasistuniversity .section-extras img {
    float: none;
    margin: 0; }
  .area-dasistuniversity .section-extras .wrap {
    width: 1090px; }
    .area-dasistuniversity .section-extras .wrap > .extra {
      width: 33%;
      float: left;
      text-align: center;
      padding: 0 14px;
      height: 340px; }
    .area-dasistuniversity .section-extras .wrap h3 {
      font-size: 20px; }
  .area-dasistuniversity .university-big {
    text-align: center;
    width: 1100px;
    margin: 0 auto; }
    .area-dasistuniversity .university-big img {
      margin-left: -250px;
      margin-bottom: -25px; }
    @media screen and (max-width: 1024px) {
      .area-dasistuniversity .university-big {
        text-align: center; }
        .area-dasistuniversity .university-big img {
          max-width: 100%;
          margin-bottom: -86px; } }

.area-info-21u {
  background: #000 url(../images/bg-call.jpg) no-repeat center top;
  text-align: center; }
  .area-info-21u .wrap {
    width: 1090px; }
  .area-info-21u .highlight {
    font-size: 26px;
    line-height: 37px;
    color: white;
    margin: 140px 0 40px; }
  .area-info-21u h2 {
    font-size: 42px;
    color: white;
    margin-bottom: 30px;
    margin-top: 110px; }
  .area-info-21u h3 {
    color: #fbd3c9;
    font-size: 20px;
    line-height: 1.555555556em;
    margin-top: 0;
    font-family: "proxima-nova", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 300; }
  .area-info-21u blockquote {
    font-size: 29px;
    font-style: italic;
    color: white;
    margin-top: 30px; }
    .area-info-21u blockquote footer {
      font-size: 16px; }
  .area-info-21u .button {
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: 0 3px 0 #328d3e;
    box-shadow: 0 3px 0 #328d3e; }
  .area-info-21u .button:active {
    box-shadow: 0 1px 0 #328d3e; }
  .area-info-21u .university-tabelle {
    border-radius: 3px;
    background: #FFF;
    color: white;
    text-align: left;
    -moz-box-shadow: 0 0 79px rgba(64, 110, 203, 0.6);
    -webkit-box-shadow: 0 0 79px rgba(64, 110, 203, 0.6);
    box-shadow: 0 0 79px rgba(64, 110, 203, 0.6);
    margin-bottom: 40px; }
    .area-info-21u .university-tabelle .university-tabelle-reihe {
      border-bottom: 1px solid #d9d9d9;
      position: relative; }
      .area-info-21u .university-tabelle .university-tabelle-reihe p {
        width: 70%;
        float: left;
        text-align: left;
        padding: 17px 25px 12px 25px;
        margin-bottom: 0;
        color: #23272e;
        font-weight: 700; }
        .area-info-21u .university-tabelle .university-tabelle-reihe p span {
          font-weight: 400;
          color: #23272e;
          font-size: 14px;
          display: block;
          line-height: 1.55em; }
      .area-info-21u .university-tabelle .university-tabelle-reihe p.tabelle-info-choose {
        text-align: center;
        font-size: 26px;
        margin-top: 43px;
        margin-bottom: -20px; }
      .area-info-21u .university-tabelle .university-tabelle-reihe > span {
        width: 30%;
        display: block;
        float: left;
        text-align: center;
        background: #2A487E;
        height: 79px;
        padding-top: 23px;
        line-height: 1.1; }
        .area-info-21u .university-tabelle .university-tabelle-reihe > span h3 {
          text-transform: none;
          color: #7193d0;
          margin-top: 13px; }
      .area-info-21u .university-tabelle .university-tabelle-reihe > span + span {
        border-left: 1px solid #d9d9d9; }
      .area-info-21u .university-tabelle .university-tabelle-reihe .icon-ok-circled:before {
        font-size: 30px;
        color: #3FB34F; }
      .area-info-21u .university-tabelle .university-tabelle-reihe .icon-cancel-circled2:before {
        font-size: 30px;
        color: #9F5142; }
      .area-info-21u .university-tabelle .university-tabelle-reihe > span.check span {
        display: block; }
      .area-info-21u .university-tabelle .university-tabelle-reihe > span.higher {
        height: 98px;
        padding-top: 36px; }
        .area-info-21u .university-tabelle .university-tabelle-reihe > span.higher span {
          font-size: 13px; }
      .area-info-21u .university-tabelle .university-tabelle-reihe > span.button-high {
        height: 68px;
        padding-top: 0; }
    .area-info-21u .university-tabelle .no-bo {
      border-bottom: 0; }
  .area-info-21u .university-tabelle-zusatz {
    background: white;
    padding: 1.5625em;
    color: #a2513d; }
    .area-info-21u .university-tabelle-zusatz span {
      color: #a2a2a2;
      display: block;
      font-size: 14px; }
  .area-info-21u .legal,
  .area-info-21u .legal a {
    color: #CCC; }

.area-zitat2 {
  background: #926d3e url(../images/bg-zitat2.jpg) no-repeat left top;
  color: white;
  text-align: center; }
  .area-zitat2 blockquote {
    color: white;
    margin-left: 280px;
    font-style: normal; }
  .area-zitat2 .wrap {
    padding: 6.25em 1.5625em; }
  .area-zitat2 .lead {
    font-size: 29px;
    line-height: 42px;
    margin-left: 0; }
  .area-zitat2 .smallo {
    width: 94%;
    margin-left: auto;
    margin-right: auto; }
  .area-zitat2 footer {
    font-size: 14px;
    color: #4b3822; }
    .area-zitat2 footer a {
      color: #4b3822; }

hr {
  border: none;
  height: 1px;
  background: #CCC; }

.area-zitat3 {
  position: relative; }
  .area-zitat3 blockquote {
    width: 525px;
    font-style: normal; }
    .area-zitat3 blockquote span {
      font-size: 23px;
      line-height: 35px;
      font-weight: 700; }
  .area-zitat3 .pfeiffer {
    color: #5e7b5e;
    background: #A8DBA8 url(http://21university.com/go/images/bg-zitat3.jpg) no-repeat left top;
    height: 378px;
    padding: 80px 20px 0 180px;
    float: left; }
    .area-zitat3 .pfeiffer footer {
      position: absolute;
      bottom: -35px;
      right: 30px;
      color: #A9A9A9;
      margin-left: -260px; }
      .area-zitat3 .pfeiffer footer a {
        color: #A9A9A9; }
  .area-zitat3 .paul {
    color: #FFE3DB;
    background: #EF592B url(http://21university.com/go/images/bg-zitat4.jpg) no-repeat left top;
    height: 338px;
    position: relative;
    padding: 56px 140px 0 56px;
    float: right;
    margin-top: 100px; }
    .area-zitat3 .paul footer {
      position: absolute;
      top: -29px;
      right: 100px;
      color: #A9A9A9;
      margin-left: -260px; }
      .area-zitat3 .paul footer a {
        color: #A9A9A9; }
  .area-zitat3 footer {
    font-size: 14px;
    color: #919398;
    margin-left: 168px; }
    .area-zitat3 footer a {
      color: #919398; }

.area-zitat-normal {
  text-align: center;
  color: #FFF;
  font-size: 42px;
  line-height: 1.6;
  font-style: italic; }
  .area-zitat-normal footer {
    font-size: 20px; }
  .area-zitat-normal .wrap {
    padding: 125px 100px; }
  .area-zitat-normal blockquote {
    margin: 0 auto;
    width: 600px; }

.area-richtig {
  background: #FAFAFA;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC; }
  .area-richtig .wrap {
    padding-top: 112px;
    padding-bottom: 112px;
    width: 1000px; }
  .area-richtig h4 {
    margin-top: 0;
    margin-bottom: 0;
    color: #A5A5A5; }
  .area-richtig h2 {
    margin-top: 0;
    color: #23272e; }
  .area-richtig ul, .area-richtig li {
    list-style: none; }
  .area-richtig ul {
    margin-bottom: 0; }
  .area-richtig li {
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 38px; }
    .area-richtig li:before {
      color: #3FB34F;
      font-style: 29px;
      position: relative;
      top: 3px;
      margin-right: 12px !important; }

a.button-full {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 27px;
  width: 100%; }

.area-falsch {
  color: #BCBCBC; }
  .area-falsch .wrap {
    width: 1000px; }
  .area-falsch h2 {
    color: #BCBCBC;
    margin-top: 0; }
  .area-falsch ul, .area-falsch li {
    list-style: none; }
  .area-falsch ul {
    margin-bottom: 0; }
  .area-falsch li {
    margin-bottom: 5px; }
    .area-falsch li:before {
      color: #BCBCBC; }

.area-video {
  background: #024552 url(http://21university.com/go/images/bg-video.jpg) no-repeat left top;
  text-align: center; }
  .area-video p {
    font-size: 29px;
    line-height: 38px;
    color: white; }

.area-ueber .wrap {
  width: 62%;
  padding: 84px 0 56px; }
.area-ueber h3 {
  color: #96989C; }
.area-ueber img.js-image {
  float: right;
  margin: 0 0 25px 25px; }
.area-ueber blockquote {
  color: #96989C;
  text-align: center; }
  .area-ueber blockquote footer {
    font-size: 14px; }

.area-nutzer {
  background: #2B4981;
  text-align: center;
  color: #87a3d7; }
  .area-nutzer h1, .area-nutzer h2, .area-nutzer h3 {
    color: #c1cfea;
    margin-bottom: 10px; }
  .area-nutzer .wrap {
    width: 1046px;
    padding: 84px 0 56px; }
  .area-nutzer .university-nutzer {
    width: 500px;
    float: left;
    text-align: center;
    margin-bottom: 25px; }
    .area-nutzer .university-nutzer:nth-child(even) {
      float: right; }
    .area-nutzer .university-nutzer img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
      opacity: 0.6;
      -moz-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      -webkit-transition: opacity 0.5s;
      transition: opacity 0.5s; }
      .area-nutzer .university-nutzer img:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
    .area-nutzer .university-nutzer a {
      cursor: default; }

.area-faq {
  background: #FAFAFA;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC; }

.ui-accordion .ui-accordion-header {
  background: #DDD;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid white;
  padding: 10px 10px 10px 30px;
  margin: 0;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 400;
  color: #23272e;
  font-weight: 300;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
  position: relative; }

.ui-accordion .ui-accordion-content {
  padding: 25px;
  background: #EEE;
  border: none;
  font-size: 14px;
  line-height: 1.58644730981281; }

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-state-default .ui-icon {
  background-image: url(../images/ui-icons_888888_256x240.png); }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(http://21university.com/go/images/ui-icons_222222_256x240.png); }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.area-call {
  background: #000 url(../images/bg-call.jpg) no-repeat center top;
  text-align: center;
  color: white; }
  .area-call .wrap {
    padding: 180px 25px 180px; }
  .area-call .note, .area-call small, .area-call .area-info-21u .university-tabelle-zusatz, .area-info-21u .area-call .university-tabelle-zusatz {
    font-size: 14px;
    margin-top: 18px;
    color: #DDD; }
  .area-call img {
    border-radius: 3px; }
  .area-call .highlight {
    font-size: 26px;
    line-height: 37px; }

.area-call2 {
  background: #000 url(../images/bg-call2.jpg) no-repeat center top; }

.area-call3 {
  background: #0A0C0F url(../images/bg.jpg) repeat center top; }

.area-nochmal-info ul, .area-nochmal-info li {
  list-style: none; }
.area-nochmal-info ul {
  margin-bottom: 35px; }
.area-nochmal-info li {
  margin-bottom: 5px;
  position: relative; }
.area-nochmal-info li:before {
  color: #3FB34F;
  position: absolute;
  top: 1px;
  right: 0; }

.university-geld-zurueck {
  color: white;
  margin-top: 4.6875em;
  text-align: left; }
  .university-geld-zurueck img {
    float: left;
    margin: 0 1.5625em 0 0; }
  .university-geld-zurueck p {
    padding: 6px 0 25px; }

.sc-badges {
  margin: 75px 0 25px;
  text-align: left; }
  .sc-badges .badge {
    width: 326px;
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: white; }
    .sc-badges .badge img {
      float: left; }
    .sc-badges .badge .badge-text {
      overflow: hidden;
      padding-left: 15px; }

.rechtliches {
  font-size: 14px;
  line-height: 1.55em;
  text-align: center;
  color: #999; }
  .rechtliches a {
    color: #999; }
    .rechtliches a:hover {
      color: #AAA; }
  .rechtliches .wrap {
    padding: 15px 0; }

/* Icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "21u";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em; }

.icon-calendar-empty:before {
  content: '\e800'; }

.icon-user:before {
  content: '\e801'; }

.icon-tag:before {
  content: '\e802'; }

.icon-globe:before {
  content: '\e803'; }

.icon-play-circled2:before {
  content: '\e804'; }

.icon-ok-circled:before {
  content: '\e805'; }

.area-richtig li:before, .area-falsch li:before {
  font-family: "bloggo";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-lock:before {
  content: '\e800'; }

/* '' */
.area-richtig li:before {
  content: '\e801'; }

/* '' */
.icon-ok:before {
  content: '\e802'; }

/* '' */
.icon-cancel-circled2:before, .area-falsch li:before {
  font-family: "bloggo";
  content: '\e803'; }

/* '' */
/* Checkout */
.checkout .wrap {
  padding: 25px 0;
  width: 1040px; }
.checkout .area-hero .wrap,
.checkout .area-hero .title-container {
  padding-bottom: 0;
  margin-bottom: 0; }
.checkout .area-hero .title-container {
  max-width: 100%; }