/*
 * Colors
 *
 * grey:    #8e8e8e
 * blue:    #00518e
 * orange:  #eea13b
 *
 */

@media (min-width: 1080px) {
  .container {
    width: 1050px;
  }
}
 
html,
body {
    height: 100%;
    margin: 0;
}

body {
    padding-top: 50px;
}

#wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -150px;
    padding: 0 0 180px;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #3d3c3f;
    font-size: 14px;
}

h1,
h2.big,
h2.text-big {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3em;
    color: #00518e;
    text-align: center;
}

h2, 
h3, 
h4, 
h5, 
h6, 
div.header,
p.header {
    color: #00518e;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 600;
}

h2.grey,
h3.grey, 
h4.grey, 
h5.grey, 
h6.grey,
div.header.grey {
    font-weight: 500;
    color: #3d3c3f;
}

h2.csc-firstHeader {
    margin-top: 25px;
}

a {
    color: #eea13b;
}

a:hover,
a:focus {
    color: #eea13b;
}


h1 a,
h1 a:hover,
h1 a:focus,
h2 a,
h2 a:hover,
h2 a:focus,
h3 a,
h3 a:hover,
h3 a:focus,
h4 a,
h4 a:hover,
h4 a:focus,
h5 a,
h5 a:hover,
h5 a:focus,
h6 a,
h6 a:hover,
h6 a:focus {
    color: #00518e;
}

h2.grey a,
h2.grey a:hover,
h2.grey a:focus,
h3.grey a,
h3.grey a:hover,
h3.grey a:focus,
h4.grey a,
h4.grey a:hover,
h4.grey a:focus,
h5.grey a,
h5.grey a:hover,
h5.grey a:focus,
h6.grey a,
h6.grey a:hover,
h6.grey a:focus {
    color: #3d3c3f;
}

hr {
    border: 0;
    margin: 15px 0;
    border-top: 1px solid #dcdcdc;
}


/*
 * Common classes
 */
.blue,
.text-blue {
    color: #00518e;
}

.white,
.text-white {
    color: #fff;
}

.orange,
.text-orange {
    color: #eea13b;
}

.text-grey {
    color: #bebebe;
}

.text-darkgrey {
    color: #868686;
}

.text-shadow {
    text-shadow: 3px 3px 2px rgba(100, 100, 100); /* Fallback */
    text-shadow: 3px 3px 2px rgba(100, 100, 100, 0.4);
    filter: dropshadow(color=#646464, offx=3, offy=3); 
}

.text-small {
    font-size: 13px;
}

.text-big {
    font-size: 1.2em;
}

.text-huge {
    font-size: 1.4em;
}

h1.text-big {
    font-size: 40px;
    font-weight: 700;
    margin-top: 0;
}

.text-heading {
    font-size: 25px;
    font-weight: 600;
}


.fa.fa-angle-right,
.fa.fa-angle-left {
    font-weight: bold;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

.snap-left {
    float: left;
}

.row-nospace {
  margin: 0;
}

/*
 * Navigation
 */
.nav > li {
    padding: 0;
}

.nav > li > a {
    padding: 0;
}

.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    background: none;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background: none;
}


/*
 * Header
 */
#header {
    background-color: #00518E;
    border-bottom: 1px solid #003b67;
    height: 65px;
}

#header .btn {
    line-height: 30px;
    padding: 0 10px; 
   /* text-shadow: 3px 3px 2px rgba(100, 100, 100);  Fallback 
    text-shadow: 3px 3px 2px rgba(100, 100, 100, 0.4);
    filter: dropshadow(color=#646464, offx=3, offy=3); */
}

#header .btn i,
#header-login .btn i {
    font-size: 20px;
    padding-left: 5px;
}

#header .btn {
    margin-left: 8px;
    margin-top: 17px;
}

#header ul.nav {
/*     height: 27px; */
/*     padding: 21px 0 0 5px; */
    text-transform: uppercase;
}

#header ul.nav li {
    margin-right: 30px;
}

#header ul.nav li.last {
    margin-right: 0;
}

#header ul.nav li a {
    color: #a8d2f2;
    padding: 23px 0 3px 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}



#header ul.nav li a:hover,
#header ul.nav li a:active,
#header ul.nav li.active a {
    color: #fff;
}

#header ul.nav li .badge {
    padding: 3px 6px;
    background-color: #eea13b;
    font-weight: normal;
    position: relative;
    top: -8px;
    color: #fff;
}

#header .nav-pills > .active > a > .badge {
    color: #fff;
}

#logo {
    background-image: linear-gradient(#ffffff, #ffffff);
    background-color: #F0F0F0;
    height: 120px;
    border-bottom: 1px;
    border-color: #E5E5E5;
    border-bottom-style: solid;
}

#logo .container [class*="col-"] {
  height: 120px;
  position: relative;
}

#logo .container .valign-center {
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
  width: 100%;
}

#logo .container .valign-center .text-right {
  padding-right: 30px;
}

#logo .logo {
    float: left;
}

#logo .claim {
    font-family: 'Nothing You Could Do', cursive;
    font-size: 20px;
    font-weight: bold;
    color: #767676;
}

#logo .claim-logo {
    margin: 20px 0 0 20px;
    float: left;
    line-height: 1.1em;
}

#logo .claim-logo .blue,
#logo .claim-logo .text-blue {
    margin-left: -10px;
}

#logo .claim-logo p {
    margin-bottom: 0;
}
 

#logo .claim-login {
/*     background: url(../img/header_claim_arrow.png) no-repeat 90% top; */
    padding-top: 30px;
    margin-top: 5px;
}


#logo .claim-login span {
    display: inline-block;
    padding: 3px 0 1px 0;
    border-top: 1px solid #d7d7d5;   
    border-bottom: 1px solid #d7d7d5;
}

#logo ul.nav {
    height: 40px;
    padding: 60px 0 0 0;
    text-transform: uppercase;
}

#logo ul.nav li {
    margin: 0 20px 0 0;
    height: 40px;
}

#logo ul.nav li.last {
  margin: 0;
}

#logo ul.nav li a {
    color: #eea13b;
  line-height: 20px;
}


#logo ul.nav li a:hover,
#logo ul.nav li a:active,
#logo ul.nav li.active a {
    color: #00518e;
}

#logo .claim ul.nav {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
}

#logo .claim-logo ul.nav {
    margin: -20px 0 0 -20px;
    line-height: 1em;
}

#logo a.box-click {
  display: inline-block;
  background: url(../img/stoerer_bis_75_euro_verlaengerung_v2.png) no-repeat right center;
  /*padding-right: 110px;*/
  text-decoration: none;
  margin-left:20px;
}

#logo a.box-click .box-blue-bg {
  color: #fff;
}

.box-blue-bg {
    padding: 5px 15px !important;
    background: #00518e;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.30);
  -moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.30);
  box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.30);
}

.box-blue-bg .text-big {
  font-weight: bold;
  font-size: 22px;
  line-height: 24px;
}

.box-blue-bg .text {
  font-size: 17px;
  line-height: 19px;
}

.box-blue-bg .text-small {
  font-size: 11px;
  line-height: 18px;
}

.phone {
    text-align: right;
    margin-right: 30px;
}

.phone:before {
  font-family: FontAwesome;
  content: "\f095";
  display: inline-block;
  color: #00518E;
  font-size: 3em;
  margin: 2px -3px 0 0;
}

.phone .text {
    display: inline-block;
}

.phone .text span {
    line-height: 1.1em;
}

.phone .text span.text-blue {
    color: #00518E;
    font-size: 1.5em;
}


/*
 * Footer
 */
#footer {
    height: auto;
    min-height: 60px;
    padding: 10px 0;
    background: #f0f0f0;
    font-size: 12px;
    color: #565656;
}

#footer ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

#footer ul.nav li {
    margin: 0;
    padding: 0;
}

#footer ul.nav li strong {
    padding-bottom: 2px;
}
    
#footer ul.nav li a {
    color: #565656;
}

#footer .col-footer-seo ul.nav li {
    margin-right: 20px;
}

#footer .row {
  padding: 10px 0;
}

#footer .row .col-left {
    width: 33%;
}

#footer .row .col-middle {
    width: 32.5%;
}

#footer .row .col-right {
    width: 34.5%;
}

/*
 * Buttons
 */
.btn {
    padding: 5px 15px; 
    margin-top: 10px;
}

.btn-primary {
    color: #ffffff;
    background-color: #e48c1e;
    border: none;
    border-radius: 2px
 /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eea13b), color-stop(1, #df6f16));
    background-image: -webkit-linear-gradient(bottom, #eea13b 0%, #df6f16 100%);
    background-image: -moz-linear-gradient(bottom, #eea13b 0%, #df6f16 100%);
    background-image: linear-gradient(to bottom, #eea13b 0%, #df6f16 100%);
    background-repeat: repeat-x; */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #df7c00;
    border: none;
    border-radius: 2px
 /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #df6f16), color-stop(1, #eea13b));
    background-image: -webkit-linear-gradient(bottom, #df6f16 0%, #eea13b 100%);
    background-image: -moz-linear-gradient(bottom, #df6f16 0%, #eea13b 100%);
    background-image: linear-gradient(to bottom, #df6f16 0%, #eea13b 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0;
            box-shadow: 0;*/
}

.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active {
    background-color: #e9a34c;
    border: none;
}

.btn-default {
    color: #ffffff;
    background-color: #8e9397;
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dcdcdc), color-stop(1, #8e9397));
    background-image: -webkit-linear-gradient(bottom, #dcdcdc 0%, #8e9397 100%);
    background-image: -moz-linear-gradient(bottom, #dcdcdc 0%, #8e9397 100%);
    background-image: linear-gradient(to bottom, #dcdcdc 0%, #8e9397 100%);
    background-repeat: repeat-x;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: #ffffff;
    background-color: #dcdcdc;
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8e9397), color-stop(1, #dcdcdc));
    background-image: -webkit-linear-gradient(bottom, #8e9397 0%, #dcdcdc 100%);
    background-image: -moz-linear-gradient(bottom, #8e9397 0%, #dcdcdc 100%);
    background-image: linear-gradient(to bottom, #8e9397 0%, #dcdcdc 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0;
            box-shadow: 0;
}

.btn-info {
    color: #ffffff;
    background-color: #94b401;
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bae300), color-stop(1, #94b401));
    background-image: -webkit-linear-gradient(bottom, #bae300 0%, #94b401 100%);
    background-image: -moz-linear-gradient(bottom, #bae300 0%, #94b401 100%);
    background-image: linear-gradient(to bottom, #bae300 0%, #94b401 100%);
    background-repeat: repeat-x;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    color: #ffffff;
    background-color: #bae300;
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #94b401), color-stop(1, #bae300));
    background-image: -webkit-linear-gradient(bottom, #94b401 0%, #bae300 100%);
    background-image: -moz-linear-gradient(bottom, #94b401 0%, #bae300 100%);
    background-image: linear-gradient(to bottom, #94b401 0%, #bae300 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0;
            box-shadow: 0;
}

.btn-success {
    color: #ffffff;
    background-color: #32bd12 !important;
    border: none;
    border-radius: 2px
/*  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8FD400), color-stop(1, #73ab00));
    background-image: -webkit-linear-gradient(bottom, #8FD400 0%, #73ab00 100%);
    background-image: -moz-linear-gradient(bottom, #8FD400 0%, #73ab00 100%);
    background-image: linear-gradient(to bottom, #8FD400 0%, #73ab00 100%);
    background-repeat: repeat-x;*/
}
    
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    color: #ffffff;
    background-color: #3ba722 !important;
    border: none;
    border-radius: 2px
/*  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #73ab00), color-stop(1, #8FD400));
    background-image: -webkit-linear-gradient(bottom, #73ab00 0%, #8FD400 100%);
    background-image: -moz-linear-gradient(bottom, #73ab00 0%, #8FD400 100%);
    background-image: linear-gradient(to bottom, #73ab00 0%, #8FD400 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0;
            box-shadow: 0; */
}


/*
 * Carousel
 */
.slider {
  background-repeat: no-repeat;
  background-position: center top;  
}

.carousel .item {
    background-size: auto 90px;
    height: 90px;
        
}

.carousel .item,
.carousel .item-inner {
    background-position: center top;
    background-repeat: no-repeat;
}

.carousel a.item-link,
.carousel a.item-link:hover,
.carousel a.item-link:focus,
.carousel a.item-link:active {
    text-decoration: none;
}

.carousel a.item-link {
    display: block;
    height: 90px;
}

@media (min-width: 480px) and (orientation: landscape) {
    .carousel .item {
        background-size: auto 150px;
        height: 150px;
    }
    .carousel a.item-link {
        display: block;
        height: 150px;
    }
}

@media (min-width: 768px) {
    .carousel .item {
        background-size: auto 210px;
        height: 210px;
    }
    .carousel a.item-link {
        display: block;
        height: 210px;
    }
}
@media (min-width: 992px) {
    .carousel .item {
        background-size: auto 280px;
        height: 280px;
    }
    .carousel a.item-link {
        display: block;
        height: 280px;
    }
}
@media (min-width: 1200px) {
    .carousel .item {
        background-size: auto 100%;
        height: 344px;
    }
    .carousel a.item-link {
        display: block;
        height: 344px;
    }
}

.carousel .item  h1,
.carousel .item  h2,
.carousel .item  h3,
.carousel .item  h4 {
  margin-top: 0;
  padding-top: 1em;
}

.carousel-control {
  width: 50px;
  font-size: 50px;
  color: #fff;
  text-shadow: none;
  filter: none;
  opacity: 1;
}

.carousel-control.left {
/*   left: -35px; */
  background-image: none;
  filter: none;
}

.carousel-control.right {
  left: auto;
  background-image: none;
  filter: none;
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 15px;
  z-index: 5;
  display: inline-block;
}

.carousel-indicators {
  bottom: 0;
  margin-bottom: 5px;
}

.carousel-indicators li {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 10px;
  margin: 0;
}

.carousel-indicators li.active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-fade .carousel-inner > .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/*
 * Content 
 */
#content_loading {
  font-size: 2em;
  position: absolute;
  top: 200px;
  left: 50%;
}

#content_loading span {
  color: grey;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


.col-md-right {
    border-left: 1px solid #dcdcdc;
}

.col-md-right h2,
.col-md-right h3,
.col-md-right h4,
.col-md-right h5,
.col-md-right h6,
.col-md-right div.header,
.col-md-right p.header {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.col-md-right .csc-textpic-imagerow {
    margin-top: 10px;
}

.elementcols .col-sm-4 {
    padding: 0 15px;
}

.elementcols_arrows .col-sm-4 {
    background: url(../img/content_arrow_bg.png) no-repeat right top;
    min-height: 136px;
    padding: 10px 40px 0 0;
}

.elementcols_arrows .col-sm-last {
    background: none;
    padding: 10px 30px 0 0;
}

.elementcols div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { 
    margin-bottom: 0;
}

.box-produkt {
    max-width: 733px;
    height: 131px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    background: #f4f7fa url(../img/box_small_bg.png) no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}

.box-produkt .box-logo {
    margin: 20px 0 10px 0;
}

.box-produkt .box-typ {
}

.box-produkt ul {
    margin-top: 10px;
}

.box-produkt .col-sm-5 ul {
    padding-left: 2em;
    text-align: left;
}

.box-produkt .box-zins {
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
}

.box .vertical-center {
    display:table !important;
}

.box .vertical-center > div {
    display: table-cell;
    vertical-align: middle;
}

.box-produkt .vertical-center {
    height: 130px;
}

.box-produkt .vertical-center > div > ul {
    margin-top: 0;
}

.box-produkt .vertical-center > div > .btn {
    margin-top: 0;
}

.box-produkt .vertical-center p.flag {
    margin: 15px 0 0 0;
}

.box-produkt .vertical-center p.percent {
    color: #00518e;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.box-produkt .vertical-center p.info {
    padding-left: 25px;
    line-height: 25px;
    background: url(../img/icon_info.png) no-repeat left center;
    margin: 0 0 0 0.5em;
}


.produkt-pib {
    clear: both;
    border-top: 1px solid #dcdcdc;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.produkt-pib a {
    background: url(../img/icon_pdf.png) no-repeat;
    display: block;
    width: 40px;
    height: 50px;
    float: left;
    margin-top: 5px;
}

.produkt-pib div {
    margin-left: 60px;
}

.produkt-related {
    clear: both;
    border-top: 1px solid #dcdcdc;
    margin-top: 20px;
}

.produkt-related h2,
.produkt-related h3,
.produkt-related h4,
.produkt-related h5,
.produkt-related h6,
.produkt-related div.header {
    margin: 10px 0;
}

.produkt-related ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.produkt-related ul li {
    padding: 0;
    margin: 0;
}

.produkt-related ul li a {
    color: #00518e;
}

.produkt-related ul li a .fa {
    color: #eea13b;
}

.box-produktvergleich {
    max-width: 733px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.box-produktvergleich .col-md-8 {
    margin-top: 15px;
    border-left : 1px solid #dcdcdc;    
}

.box-produktvergleich h2,
.box-produktvergleich h3,
.box-produktvergleich h4,
.box-produktvergleich h5,
.box-produktvergleich h6,
.box-produktvergleich div.header {
    margin-top: 0;
}

.box-produktvergleich .box-logos {
    margin: 30px 0 0 0;
}

.box-produktvergleich .box-logos img {
    margin-bottom: 10px;
}

.box-produktvergleich .box-text a {
    font-weight: 600;
}

.box-produktvergleich .box-text a .fa {
    font-size: 21px;
}

.box-produktvergleich .box-related { 
    background: #f4f7fa;
    padding: 15px;
    margin-top: 15px;
}

.box-produktvergleich .box-related h2,
.box-produktvergleich .box-related h3,
.box-produktvergleich .box-related h4,
.box-produktvergleich .box-related h5,
.box-produktvergleich .box-related h6,
.box-produktvergleich .box-related div.header {
    margin-top: 0;    
}

.box-produktvergleich .box-related ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #00518e;
}

.box-produktvergleich .box-related ul li {
    padding: 0;
    margin: 0;
}

.box-produktvergleich .box-related li a {
    color: #00518e;
}

.box-produktvergleich .box-related li a .fa {
    color: #eea13b;
}

.boxteaser {
    padding: 10px;
}

.boxteaser-odd {
    padding: 15px;    
    background: #f4f7fa;
}

.boxteaser-name {
    padding-top: 10px;
}

.boxteaser-name a {
    color: #00518e;
    font-weight: 600;
}

.boxteaser-logos img:first-child {
    margin-right: 5px;
}

.box-blue {
    margin: 15px 0;
    padding: 10px 15px !important;
    background: #f4f7fa;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.box-blue-right {
    margin: 5px 0 15px 15px;
    padding: 10px 15px !important;
    background: #f4f7fa;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 49%;
    float: right;
}

.box-blue-left {
    margin: 5px 15px 15px 0;
    padding: 10px 15px !important;
    background: #f4f7fa;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 49%;
    float: left;
}

.box-blue-rating {
    margin: 15px 0;
    padding: 15px 15px 5px 15px;
    background: #f4f7fa;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 49%;
    margin-right: 1%;
    float: left;
}

.box-blue-rating-right {
    margin-right: 0;
    float: right;
}

.box-blue-rating table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;  
}

.box-blue-rating table td {
    vertical-align: top;
    padding: 0 15px 10px 0;
}

.box-blue-rating table td.header {
    padding: 0 0 10px 0;
    text-align: center;
}

.box-blue-rating table td.left {
    width: 45%;
}

.box-blue-rating h2,
.box-blue-rating h3,
.box-blue-rating h4,
.box-blue-rating h5,
.box-blue-rating h6,
.box-blue-rating div.header {
    margin: 0 0 10px 0;
}

.box-blue-rating p {
    padding: 0;
}

.box-blue-rating .rating .fa {
    font-size: 16px;
    margin-right: 2px;
    color: #eea13b;
}

.box-blue-rating .rating span.text-small {
    padding-left: 10px;
}

.box-blue-rating .rating div.text-small {
    padding-left: 10px;
    display: inline-block;
}


.box-blue h1, 
.box-blue h2,
.box-blue h3,
.box-blue h4,
.box-blue h5,
.box-blue h6,
.box-blue div.header {
    margin-top: 0;
}

.box-blue-right h1, 
.box-blue-right h2,
.box-blue-right h3,
.box-blue-right h4,
.box-blue-right h5,
.box-blue-right h6,
.box-blue-right div.header {
    margin-top: 0;
}

.box-blue-left h1, 
.box-blue-left h2,
.box-blue-left h3,
.box-blue-left h4,
.box-blue-left h5,
.box-blue-left h6,
.box-blue-left div.header {
    margin-top: 0;
}

.box-blue table.contenttable {
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 5px;
}

.box-blue table.contenttable th,
.box-blue table.contenttable td {
    vertical-align: top;
    padding: 0 25px 10px 0;
}

.box-blue table.contenttable th p,
.box-blue table.contenttable td p {
    margin: 0;
}

.box-blue .table-responsive {
    border: none;
}

.popover {
    font-weight: normal;
}

.popover ul {
    margin: 0;
    padding-left: 20px;
}

.popover ul li {
    white-space: nowrap;
}


div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap img {
    margin: 3px 5px 0 0;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap img {
    margin: 3px 0 0 5px;
}

.csc-textpic-caption {
    margin-left: 5px;
    color: #888;
    font-size: 11px;
}

table.contenttable tr.active td {
    font-weight: bold;
}

table.alternatetable {
    background: #fff;
    border-spacing: 0;
    border-collapse: collapse;
}

table.alternatetable > tbody > tr > td,
table.alternatetable > tbody > tr > th {
    padding: 5px 20px 5px 5px;
    text-align: left;
    vertical-align: top;
}

table.alternatetable > tbody > tr:nth-child(odd) > td,
table.alternatetable > tbody > tr:nth-child(odd) > th {
    background-color: #ebf1f6;
}


ul.icon-ok,
ul.icon-ok-big,
ul.icon-plus {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

ul.icon-ok li {
    padding: 3px 0 10px 35px;
    background: url(../img/icon_ok_small.png) no-repeat;
}

ul.icon-ok-big li {
    padding: 12px 0 20px 50px;
    background: url(../img/icon_ok.png) no-repeat;
}

ul.icon-plus li {
    padding: 0 0 10px 32px;
    margin-bottom: 5px;
    background: url(../img/icon_plus.png) no-repeat 0 3px;
}


/* 
 * Tabs
 */
.nav-tabs {
    border-bottom: 1px solid #dcdcdc;
}

.nav-tabs > li > a {
    padding: 7px 20px;
    color: #00518e;
    outline: 0;
}

.nav-tabs > li > a:hover {
    border-color: #f5f5f5;
    border-bottom-color: #dcdcdc;
    background-color: #f5f5f5;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #3d3c3f;
    border: 1px solid #dcdcdc;
    border-bottom-color: transparent;
    background-color: #fff;
}

.nav-tabs-image {
    border: none;
}

.nav-tabs-image > div {
    text-align: center;
    padding: 0;
}

.nav-tabs-image > div > a {
    font-size: 18px;
    font-weight: 600;
    color: #00518e;
    outline: 0;
    text-decoration: none;
    display: block;
    padding: 10px;
    margin: 0 5px;
    background: #e3e3e3;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;    
}

@media (max-width: 991px) {
    .nav-tabs-image > div > a {
        font-size: 14px;
    }
}

.nav-tabs-image > div > a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e3e3e3;
    border-width: 10px;
    margin-left: -10px;
}

.nav-tabs-image > div > a > img {
    display: block;
    margin: 0 auto;
}

.nav-tabs-image > div > a:hover,
.nav-tabs-image > div > a:focus,
.nav-tabs-image > div > a.active {
    background: #00518e;
    color: #fff !important;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;    
}

.nav-tabs-image > div > a:hover:after,
.nav-tabs-image > div > a.active:after {
    border-top-color: #00518e;
}

.nav-tabs-image > div > a.active:hover,
.nav-tabs-image > div > a.active:focus {
    color: #fff;
}

.nav-tabs-image-mobile .image {
    float: left;
}

.nav-tabs-image-mobile .header {
    font-size: 18px;
    font-weight: 600;
    color: #00518e;
    padding-top: 30px;
}

.nav-tabs-image-mobile .text {
    clear: both;
}

/*
 * Tabs left
 */
.tabs-left .nav-tabs {
    border-bottom: 0;
}

.tabs-left .nav-tabs > li {
    float: none;
}

.tabs-left .nav-tabs > li > a {
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left .nav-tabs {
    border-right: 1px solid #ddd;
}

.tabs-left .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left .nav-tabs > li > a:hover,
.tabs-left .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover,
.tabs-left .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}


/* 
 * Banner
 */
.banner {
    position: relative;
}

.banner .col-md-6 {
    padding: 0;
}

.banner .col-md-offset-6 {
    padding-right: 20px;
}

.banner-link {
    display: block;
    width: 100%;
    height: 100%;
}

.banner-content {
    position: absolute;
    width: 100%;
}

.banner-content .btn,
.banner-html .btn {
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 5px;
}

.banner-content .form-control {
    line-height: 26px;
    height: 38px;
    margin-bottom: 5px;
}

.banner-6,
.banner-7,
.banner-9 {
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 344px;
}

.banner .col-md-offset-6 {
    padding-right: 0;
}

.banner-6 img,
.banner-7 img,
.banner-9 img {
    margin: 0 auto;
    display: block;
}

.banner-6 .banner-content,
.banner-7 .banner-content,
.banner-9 .banner-content {
    position: relative;
    width: 990px;
}

.banner .banner-campaigns {
    margin: 10px 0 15px 0;
    width: 110%;
    margin-left: -5%;
    text-align: center;
}

.banner .banner-campaign {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 13px;
    border-radius: 50%;
    width: 114px;
    height: 114px;
    position: relative;
    background-color: #fff;
    color: #3d3c3f;
}

.banner .banner-campaign .banner-campaign-inner {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.banner .banner-campaign .big {
    font-size: 2em;
    font-style: italic;
    font-weight: bold;
    line-height: 1.1em;
    color: #00518e;
}

.banner .banner-campaign .bold {
    font-weight: bold;
}

.banner .banner-campaign .de {
    background: url(../img/flags/de.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.banner .banner-campaign .it {
    background: url(../img/flags/it.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.banner .banner-campaign .pl {
    background: url(../img/flags/pl.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.banner .banner-campaign .uk {
    background: url(../img/flags/uk.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.banner .banner-campaign .at {
    background: url(../img/flags/at.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.banner .banner-campaign .se {
    background: url(../img/flags/se.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.banner .banner-campaign .mt {
    background: url(../img/flags/mt.png?v=1) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.banner .banner-campaign .lu {
    background: url(../img/flags/lu.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}


.banner .banner-campaign-active {
    width: 140px;
    height: 140px;
    margin-top: 0;
    background-color: #00518e;
    color: #fff;
}

.banner .banner-campaign-active .banner-campaign-inner {
    top: 20px;
}

.banner .banner-campaign-active .big {
    color: #fff;
    font-size: 2.5em;
}

.banner-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(https://www.zinspilot.de/fileadmin/wolken_bild.jpg) no-repeat;
    background-size: cover;
}


/*
 * FAQs
 */
.panel-default > .panel-heading {
    background: #f4f7fa;
}


.panel-default > .panel-heading a {
    color: #00518e;
    padding-left: 1.5em; 
    text-indent: -1.5em;
    display: block;
}

.panel-default > .panel-heading a:hover {
    text-decoration: none;
    color: #00518e !important;
}

.panel-default > .panel-heading a.collapsed {
    color: #333;
}

.panel-default > .panel-heading a:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f056";
    padding-right: 5px;
}


.panel-default > .panel-heading a.collapsed:before {
    content: "\f055";
}

/*
 * Frame
 */
.box-frame {
    background: #f5f9fc;
    padding: 20px;
}

.box-frame .btn-primary {
    margin: 0;
    line-height: 26px;
    padding: 5px 50px;
    font-weight: 600;
}

.box-frame .text {
    color: #00518e;
    line-height: 26px;
    padding: 5px 0;
    font-size: 1.2em;
    opacity: 0.8;
}

.box-frame .text span {
    font-size: 1.5em;
    font-weight: 600;
}


/* 
 * Forms
 */
form .form-group {
    margin-bottom: 20px;
}

form .radio,
form .checkbox {
    padding-left: 150px;
    margin-bottom: 20px;
}

form .radio input[type="radio"],
form .radio-inline input[type="radio"],
form .checkbox input[type="checkbox"],
form .checkbox-inline input[type="checkbox"] {
    margin-left: -25px;
}

form .btn {
    margin-top: 5px;
}

form .form-control {
    width: auto;
}

div.csc-mailform ol {
    padding: 10px 0 0 0;
    list-style-type: none;    
}

div.csc-mailform ol li {
    margin-bottom: 10px;
}

div.csc-mailform ol li.csc-form-element-textblock {
    padding-top: 10px;
}

div.csc-mailform ol li.csc-form-element-radio {
    margin-bottom: 0;
    width: 35%;
    display: inline-block;
}

div.csc-mailform ol li.csc-form-element-radio label {
    float: none;
    font-weight: normal;
    width: auto;
    padding-top: 0;
    margin-left: 10px;
}

div.csc-mailform ol li.csc-form-element-radio input {
    float: left;
    margin-left: 5px;
}

div.csc-mailform ol li.csc-form-element-submit {
    padding: 0.5em 0 0 10em;
}

div.csc-mailform ol li div.checkbox {
    margin: 0 0 0 10em;
}

div.csc-mailform li label {
  width: 9em;
  padding: 6px 0;
}

div.csc-mailform label strong {
  color: #C00;
  font-size: 85%;
  font-weight: 400;
  text-transform: none;
}

div.csc-mailform form .form-control {
    width: 400px;
}

form.nl2g-form .form-control {
    width: 100%;
}

form.nl2g-form label {
    color: #00518e;
    font-weight: bold;
    margin: 0;
    padding-top: 8px;
    font-size: 1.1em;
}

div.csc-mailform .csc-form-element-radiogroup {
    width: 540px;
}

div.csc-mailform .csc-form-element-checkbox label {
    width: auto;
    padding-top: 10px;
    margin-left: 170px;
}

.csc-form-element-checkbox {  
  position: relative;
}

div.csc-mailform .csc-form-element-checkbox input { 
    position: absolute;
    top: 10px;
    left: 140px;
}


div.csc-mailform .csc-form-element-fieldset fieldset.form-hidden {
    display: none;
}

div.csc-mailform .csc-form-element-fieldset fieldset ol {
    padding: 0 0 10px 0;
}

div.csc-mailform .csc-form-element-fieldset fieldset ol li {
    padding: 0;
}

div.csc-mailform fieldset.fieldset-subgroup legend {
    color: #3d3c3f;
    font-size: 14px;
    border: none;
    width: auto;
    font-weight: bold;
}

div.csc-mailform fieldset.fieldset-subgroup legend strong {
    position: relative;
    top: auto;
    text-transform: none;
}

div.csc-mailform fieldset.fieldset-subgroup legend span {
    font-weight: normal;
}

div.csc-mailform fieldset.fieldset-subgroup ol {
    padding: 0;
    margin: 0;
}

div.csc-mailform fieldset.fieldset-subgroup ol li.csc-form-element-radio {
    width: auto;
    padding-left: 0;
}

div.csc-mailform form.form-inline ol {
    text-align: center;
}

div.csc-mailform form.form-inline ol li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    position: relative;
    padding-bottom: 2em;
}

div.csc-mailform form.form-inline ol li input.form-control {
    font-size: 120%;
    height: 45px;
}

div.csc-mailform form.form-inline ol li input.btn {
    height: 45px;
    font-weight: bold;
}

div.csc-mailform form.form-inline ol li label {
    display: none;
}

div.csc-mailform form.form-inline ol li strong {
    display: block;
    position: absolute; 
    top: 50px;
    left: 0;
    font-weight: normal;
    font-size: 85%;
    font-weight: 400;
    text-transform: none;
    color: #dd0000;
}


div.csc-mailform form.form-inline ol li.csc-form-element-submit {
    padding: 0 0 0 1.5em;
}

div.csc-mailform form.form-inline ol li .btn {
    margin: 0;
    height: 34px;
    font-size: 1.15em;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

div.csc-mailform form.form-inline .form-error {
    border-color: #dd0000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(223, 0, 0, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(223, 0, 0, .6);
}


/*
 * Media / Blog
 */
.media-date {
    color: #888;
    font-size: 11px;
}

.media-heading h3 {
    margin: 5px 0;
}

.media-heading h3 a:hover,
.media-heading h3 a:active {
    color: #eea13b;
    text-decoration: none;
}

.media-element .thumbnail {
    margin-bottom: 0;
}

.news .copyright {
    margin-left: 5px;
    color: #888;
    font-size: 11px;
}

.news .page-navigation {
    margin: 15px 0;
    border-top: 1px solid #dcdcdc;
    padding-top: 15px;
}

.news .page-navigation ul li {
    padding: 0 3px;
}

.news .page-navigation ul li a {
    padding: 0;
}

ul.news-categories {
    margin: 0;
    padding: 5px 0;
    list-style-type: none;
    
}

ul.news-categories li {
    line-height: 1.8em;
}

ul.news-categories li span {
    padding-right: 5px;
}

.news-single .article .news-img-wrap {
  float: right;
  width: 300px;
  margin: 0 0px 0 30px;
}

.news-single .article .news-img-wrap img {
   
}


/*
 * Special catgory navi right column
 */
.content-navi-tabs {
    background: #00518e;
    padding-top: 10px;
    margin-top: 1px;
    margin-bottom: 10px;
}

.content-navi-tabs ul.nav-tabs {
    border-bottom: 0;
    background: url(../img/content_navi_bg.png) repeat-x;
    overflow: hidden;
    display: table;
}

.content-navi-tabs ul.nav-tabs > li {
/*
    float: none;
    display: inline-block;
*/
}

.content-navi-tabs ul.nav-tabs > li > a {
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    padding: 10px;
    border-radius: 0;
    text-align: center;
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}

.content-navi-tabs-2 ul.nav-tabs > li > a {
    height: 70px;
}

.content-navi-tabs ul.nav-tabs > li > a:hover {
    color: #00518e;    
    border-color: #fff;
    background: #fff;
    z-index: 1;
}


.content-navi-tabs ul.nav-tabs > li.active > a, 
.content-navi-tabs ul.nav-tabs > li.active > a:hover, 
.content-navi-tabs ul.nav-tabs > li.active > a:focus {
    color: #00518e;    
    border-color: #fff;
    background: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    z-index: 2;
}

.content-navi-tabs .navbar-title {
    display: none;
    float: left;
    margin: 5px 0 0 20px;
    color: #fff;
    font-weight: 600;
}

@media (max-width: 1079px) {
    .content-navi-tabs ul.nav-tabs > li > a {
        font-size: .9em;
        padding: 10px 8px;
    }
}

@media (max-width: 991px) {
    .content-navi-tabs .navbar-toggle {
        display: block;
    }
    .content-navi-tabs .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .content-navi-tabs .navbar-collapse.collapse {
        display: none !important;
    }
    .content-navi-tabs ul.nav-tabs {
        float: none !important;
        display: block;
        background: none !important;
        margin-top: -10px;
    }
    .content-navi-tabs .nav-tabs > li > a {
        font-size: 1em;
    }
    .content-navi-tabs .nav-tabs > li > a br {
        display: none;
    }
    .content-navi-tabs .collapse.in{
        display:block !important;
    }
}


/*
 * Special content navi for subpages
 */
.content-navi-path .nav-pills > li {
    margin-right: 30px;
}

.content-navi-path .nav-pills > li a i {
    margin-right: 10px;
}

.content-navi-path .nav-pills > li > a {
    color: #00518e;
}

.content-navi-path .nav-pills > li.active > a,
.content-navi-path .nav-pills > li > a:hover, 
.content-navi-path .nav-pills > li > a:focus {
    color: #eea13b;
}


.box-arrow {
  position: relative;
  background: #fff;
  border: 3px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.box-arrow:after, .box-arrow:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.box-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 9px;
  margin-left: -9px;
}

.box-arrow:before {
  border-color: rgba(238, 238, 238, 0);
  border-top-color: #eee;
  border-width: 13px;
  margin-left: -13px;
}

.box-teaser {
    background: #f4f7fa;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 15px;
}

.box-teaser .col-left {
    background: url(../img/teaser_bg_left.png) no-repeat right center;
}

.box-teaser .col-middle {
    background: url(../img/teaser_bg_middle.png) no-repeat right center;
}

.box-teaser .col-middle ul {
    padding-left: 24px;
}

.box-teaser .vertical-center {
    height: 100px;
}

.box-teaser .vertical-center p {
    margin: 0;
}

.box-teaser .vertical-center > div > ul {
    margin-top: 0;
    margin-bottom: 5px;
}

.box-teaser .vertical-center > div > .btn {
    margin-top: 5px;
}

.box-teaser .vertical-center p.flag {
    margin: 15px 0 0 0;
}

.box-teaser .vertical-center p.percent {
    color: #00518e;
    font-size: 2em;
    line-height: 1.2em;
    font-weight: bold;
}

.box-teaser .vertical-center p.text-small {
    color: #00518e;
}

.box-teaser .vertical-center p.info {
    padding-left: 24px;
}

.box-teaser .vertical-center p.info a:before {
/*
  font-family: FontAwesome;
  content: "\f054";
  display: inline-block;
  color: #eea13b;
  font-size: 0.8em;
  width: 24px;
  text-align: center;
  vertical-align: top;
  margin-top: 3px;
*/
}  

.box-teaser .collapse {
    display: block;
}
  
.box-teaser-logo {
    height: 80px;        
}

.box-teaser-logo div {
    margin: 0 auto;
}

.box-teaser-logo .vertical-center div {
  padding: 0 5px;
}

.box-teaser-logo .vertical-center {
     height: 76px;
}

.box-teaser-text {
  background: #00518e;
  border: 3px solid #00518e;
  padding: 10px;
  color: #fff;
}

.box-teaser-text:after, .box-teaser-text:before {
  border-color: rgba(0, 81, 142, 0);
  border-top-color: #00518e;
}

.box-teaser-offer {
    height: 73px;
    background: url(../img/teaser_small_bg.png) no-repeat center top;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
}

.box-teaser-offer .col-xs-6 {
    padding: 0 10px;
}

.box-teaser-offer .vertical-center {
    height: 75px;    
}

.box-teaser-offer-header {
    font-size: 1.1em;
}

.box-teaser-offer a,
.box-teaser-offer a:hover,
.box-teaser-offer a:active {
    color: #3d3c3f;
    text-decoration: none;
}

.box-teaser-offer .text-blue a,
.box-teaser-offer .text-blue a:hover,
.box-teaser-offer .text-blue a:active {
    color: #00518e;
    text-decoration: none;
}

.box-teaser-offer .text-huge span {
    font-size: 12px;
    display: block;
    font-weight: normal;
}

.box-teaser-offer .text-huge em {
    font-size: 12px;
    font-weight: normal;
    padding-right: 5px;
    font-style: normal;
}

.col-sm-left-no-space {
    padding-left: 0;
}



/*
 * RSS Import
 */
.tx-gkhrssimport-pi1 .rss-item {
    padding: 5px 0;
}

.tx-gkhrssimport-pi1 .rss-item a {
    color: #00518e;
    font-weight: 600;
}

.tx-gkhrssimport-pi1 .rss-item a span {
    color: #eea13b;
}

.tx-gkhrssimport-pi1 .rss-item .rss-item-date {
    color: #8e8e8e;
}

.tx-gkhrssimport-pi1 .rss-item .fa {
    color: #eea13b;
    font-size: 18px;
}


/*
 * Press reviews
 */
.press-reviews {
    background: #f3f3f3;
    padding: 15px 0;
}

.press-review-image {
    height: 60px;
    font: 0/0 a;
}

.press-review-image:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.press-review-image img {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
}

/*
.press-review-header {
    color: #00518e;
    font-family: 'CoolCrayon';
    font-size: 22px;
    padding-top: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/

.press-review-header {
    color: #00518e;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    padding-top: 5px;
}

.press-review-more {
    padding-top: 10px;
    display: block;
}

.press-review-more i {
    margin: 0 50px;
    line-height: 10px;
}

.press-review-link {
    padding-top: 10px;
}

.press-review-text {
    padding-top: 15px;
    font-family: 'CoolCrayon', cursive;
    font-size: 16px;
    font-weight: 400;
}


/*
 * User reviews
 */
.user-review {
    font-size: 120%;
    text-align: center;
    padding: 0 50px;
}

.user-review-rating {
    font-size: 175%;
    margin-bottom: 10px;
    color: #00518e;
}

.user-review-rating i {
    margin: 0 3px;
}

.user-review-text {
    font-style: italic;
    max-width: 50%;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .user-review-text {
        max-width: 70%;
    }
}
@media (max-width: 991px) {
    .user-review-text {
        max-width: 80%;
    }
}
@media (max-width: 767px) {
    .user-review-text {
        max-width: 90%;
    }
}

.user-reviews .prev,
.user-reviews .next {
    position: absolute;
    top: 50%;
    display: block;

  width: 50px;
  height: 50px;
    padding: 0;
    margin-top: -25px;

    cursor: pointer;
    color: #d8d8d8;
    border: 0;
    outline: none;
    background: transparent;
}

.user-reviews .prev i,
.user-reviews .next i {
  font-size: 50px;
  height: 50px;
  line-height: 50px;
}

.user-reviews .prev {
    left: 0;
}

.user-reviews .next {
    right: 0;
}

/*
.user-review {
    border: 1px solid #e4e4e4;
    margin: 0 8px;
    padding: 10px;
}

.user-review-header {
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 50px;
}

.user-review-header-name {
    font-weight: bold;
}

.user-review-header-date {
    font-size: 9px;
}

.user-review-header-rating i {
    color: #00518e;
    margin-right: 2px;
    font-size: 0.9em;
}

.user-review-text {
    border-top: 1px solid #e4e4e4;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 1.1em;
    font-style: italic;
}

.user-review-text p {
    padding: 0;
    margin: 0;
}

.user-reviews .prev,
.user-reviews .next {
    position: absolute;
    top: 50%;
    display: block;

    width: 20px;
    height: 30px;
    margin-top: -15px;
    padding: 0;

    cursor: pointer;
    color: #eea13b;
    border: none;
    outline: none;
    background: transparent;
}

.user-reviews .prev {
    left: -20px;
}

.user-reviews .next {
    right: -20px;
}
*/


/*
 * Slick
 */
.slick {
}

.slick .prev,
.slick .next {
    position: absolute;
    top: 50%;
    display: block;

  width: 40px;
  height: 40px;
    padding: 0;
    margin-top: -25px;

    cursor: pointer;
    color: #d8d8d8;
    border: 0;
    outline: none;
    background: transparent;
}

.slick .prev i,
.slick .next i {
  font-size: 50px;
  height: 40px;
  line-height: 30px;
}

.slick .prev {
    left: -22px;
}

.slick .next {
    right: -22px;
}

.slick-item {
  padding: 10px 5px;
}

.slick-item img {
  margin: 0 auto;
}

.drop-shadow {   
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translateZ(0);
}

.drop-shadow:hover {
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0,Color='#9a9a9a')";
  filter: url(shadow.svg#drop-shadow);
  -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
}

.drop-shadow-small:hover {
  -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
  filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}


a.box-link {
  display: block;
    margin: 15px 0;
    padding: 10px 15px !important;
    background: #f4f7fa;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translateZ(0);
}

a.box-link:hover {
  background: #e2edf1;
}


/*
 * Login Header right
 */
.logged-in-nav {
    font-size: 13px;
    background-color: #eea13b;
    background-image: linear-gradient(rgba(222, 103, 15, 0), #de670f);
    background-repeat: repeat-x;
    border-radius: 0 0 5px 5px;
    color: white;
    line-height: 26px;
    padding: 0 10px
}

.logged-in-nav a {
    color: white
}

.logged-in-nav-hd {
    border-bottom: 1px solid #eea13b
}



/*
 * Flags
 */
.flag-de {
    background: url(../img/flags/de.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.flag-it {
    background: url(../img/flags/it.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.flag-pl {
    background: url(../img/flags/pl.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.flag-uk {
    background: url(../img/flags/uk.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.flag-at {
    background: url(../img/flags/at.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.flag-se {
    background: url(../img/flags/se.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.flag-mt {
    background: url(../img/flags/mt.png?v=1) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}

.flag-lu {
    background: url(../img/flags/lu.png) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}


/*
 * Ticket
 */
.tx-sd-ticket form.form-inline {
    text-align: center;
}

.tx-sd-ticket .form-inline .form-group {
    vertical-align: top;
}

.tx-sd-ticket form.form-inline input.form-control {
    font-size: 120%;
    height: 45px;
    width: 400px;
}

.tx-sd-ticket form.form-inline input.btn {
    height: 45px;
    padding: 0 1.5em;
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 0 1.5em;
}

.tx-sd-ticket form.form-inline .f3-form-error {
    border-color: #dd0000;
    background: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(223, 0, 0, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(223, 0, 0, .6);
}

.tx-sd-ticket .error {
    color: #dd0000;
    font-size: .9em;
    margin: 10px 0 0 5px;
    text-align: left;
}

.tx-sd-ticket .success {
    font-size: 120%;
    text-align: center;
}


@media (max-width: 767px) {
    .logged-in-nav {
        margin-right: -15px;
        padding: 0 30px;
        border-radius: 0;
        border-top: 1px #eea13b solid
    }
}

@media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) {

    .banner-content h1.text-big {
        font-size: 34px;
    }
}

@media(max-width:991px) {

    body {
        padding-top: 70px;
    }

    #header {
        min-height: 48px;
        height: auto;
    }
    
    #logo ul.nav li {
      margin: 0 15px 0 0;
      height: 40px;
      font-size: 13px;
  }


    .col-md-right {
        border-left: 0;
        margin-top: 20px;
    }

    .box-produkt,
    .box-produktvergleich {
        width: auto;
    }
    
    .box-produkt {
        background-position-x: -10px;
    }

    .box-produkt .btn {
        font-size: 13px;
        padding: 5px 10px;
    }
    
    .box-produkt .col-sm-3 {
        padding: 0 10px 0 20px;
    }
    
    .banner-content {
        position: relative;
    }

    .banner-content h1.text-big {
        font-size: 30px;
    }
   
    .banner-content .form-control,
    .banner-content .btn {
        width: 60%;
    }

    #content .col-md-right-delemiter {
        background: #f0f0f0;
        height: 15px;
        margin: 30px 0;
    }
  
    .box-teaser-offer .col-xs-6 {
        padding: 0 5px 0 0;
        overflow-x: auto;
        white-space: nowrap;        
    }

    .box-teaser-offer .col-xs-left {
        padding: 0 0 0 5px;
    }
    
    .box-teaser-offer-header {
        font-size: 13px;
    }


    .box-teaser-offer .text-huge {
        font-size: 18px;
        text-align: right;
    }
    
    .box-teaser-offer .text-huge span {
        font-size: 11px;   
    }

    .banner-6 .banner-content,
    .banner-7 .banner-content,
    .banner-9 .banner-content {
        width: 100%;
    }
    
    .banner-6,
    .banner-7,
    .banner-9 {
        background-position: 50% 50%;
        background-size: cover;
        width: 100%;
        height: 200px;
    }
    
    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
      margin-bottom: 0;
    }

    #footer .row .col-left,
    #footer .row .col-middle,
    #footer .row .col-right {
        width: 100%;
        margin-bottom: 15px;
    }

    .content-navi-tabs {
        height: auto;
        min-height: 47px;
    }
    
    .content-navi-tabs button {
        color: #fff;
        padding: 0 10px;
        margin-top: 0px;
    }
    
    .content-navi-tabs .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: none;
        -moz-box-sizing: none;
        padding-bottom: 10px;
    }
    
    #content-navi {
        clear: both;
    }

    .content-navi-tabs ul li {
        display: block;
        float: none;
    }

    .content-navi-tabs ul.nav-tabs > li > a {
        font-weight: 600;
        line-height: 30px;
        height: auto;
        padding: 0;
        border: none;
    }
    
    .content-navi-tabs ul.nav-tabs > li > a:hover,
    .content-navi-tabs ul.nav-tabs > li.active > a, 
    .content-navi-tabs ul.nav-tabs > li.active > a:hover, 
    .content-navi-tabs ul.nav-tabs > li.active > a:focus {
        color: #fff;
        border: none;
        padding: 0;
        margin: 0;
        background: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
        -webkit-box-sizing: none;
        -moz-box-sizing: none;
    }

    .content-navi-tabs .navbar-title {
        display: block;
    }

}

@media(max-width:767px) {

    body {
        padding-top: 0;
    }
    
    .container {
        padding: 0 10px;
    }

    .container-space {
        padding: 0 20px;
    }
    
    #header-mobile .container {
        padding: 0 5px;
    }

    #header-mobile .navbar-header {
        padding: 10px 30px 20px 30px;
      background-image: linear-gradient(#ffffff, #f0f0f0);
      background-color: #F0F0F0;
    }
    
    #header-mobile .navbar-toggle {
        padding: 3px 0 0 0;
        margin: 0;
    }

    #header-mobile .navbar-toggle .fa {
        color: #00518e;
    }
    
    #header-mobile .navbar-collapse {
        padding: 0;
        background: #00518e url(../img/header_bg.png) repeat-x left bottom;
    }
    
    #header-mobile .navbar-collapse ul {
        padding: 10px 20px 10px 30px;
        margin: 0;
    }

    #header-mobile .navbar-collapse ul li a {
        color: #a8d2f2;
        text-transform: uppercase;
    }
    
    #header-mobile .navbar-collapse ul li a {
        color: #a8d2f2;
        padding: 3px 0;
    }

    #header-mobile .navbar-collapse ul li a:hover,
    #header-mobile .navbar-collapse ul li a:active,
    #header-mobile .navbar-collapse ul li.active a {
        color: #fff;
        background: none;
    }
    
    #header-mobile .navbar-collapse ul.sub {
        padding: 0px 20px 10px 15px;
        list-style-type: none;
    }

    #header-mobile .navbar-collapse ul.sub li a {
        text-transform: none;
        color: #a8d2f2;
        padding: 3px 0;
    }

    #header-mobile .navbar-collapse ul.sub li a:hover,
    #header-mobile .navbar-collapse ul.sub li a:active,
    #header-mobile .navbar-collapse ul.sub li.active a {
        color: #fff;
        background: none;
    }
    
    #header-mobile .navbar-collapse ul .btn {
        margin: 10px 10px 10px 0;
    }
    
    div.csc-textpic-intext-right div.csc-textpic-imagewrap img {
        margin: 0;
    }

    div.csc-textpic-intext-right .csc-textpic-imagewrap,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        margin-left: 0;
    }
    
    div.news div.media-list div.pull-left {
        float: none !important;
    }

    div.news .copyright {
        margin: 0 0 10px 0;
    }

    .box-blue-right {
        margin: 5px 0 15px 0;
        width: 100%;
        float: none;
    }
    
    .box-blue-left {
        margin: 5px 0 15px 0;
        width: 100%;
        float: none;
    }

    .box-blue-rating {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    
    .box-blue-rating-right {
        float: none;
    }

    .box-blue-rating table td {
        padding: 0 0 10px 0;
    }
    
    .box-blue-rating table td.left {
        width: auto;
        padding: 0 10px 10px 0;
    }

    .box-blue-rating table td.text-center {
        text-align: left;
    }
    
    
    div.elementcols_arrows .col-sm-4 {
        background: none;
        min-height: 50px;
        padding: 5px 30px 0 0;
    }
    
    div.elementcols_arrows .col-sm-last {
        background: none;
        padding: 5px 30px 0 0;
    }
    
    #footer ul.nav li {
        padding: 0 0 5px 0;
        display: block;
        float: none;
    }
    
    #footer .text-right {
        text-align: left;
        padding-top: 15px;
    }

    div.csc-mailform ol li.csc-form-element-submit {
        padding-left: 0;
    }
    
    div.csc-mailform li label {
      width: 100%;
    }
    
    div.csc-mailform form .form-control {
      width: 100%;
    }
    
    div.box-produktvergleich img {
        display: block;
    }
    
    div.box-produkt {
        width: 100%;
        height: auto;
        background: none;
    }
    
    div.box-produkt .col-sm-5 {
        background: #fbfcfd;
        padding: 10px 15px;
    }
    
    div.box-produkt .col-sm-3 {
        background: #f4f7fa;
        padding: 10px 15px;
    }
    
    div.box-produkt .text-center {
        text-align: left;
    }
    
    div.box-produkt .box-logo {
        margin: 10px 0;
    }
    
    div.box-produkt .box-typ {
        font-weight: bold;
        padding-bottom: 10px;
    }
    
    div.box-produkt ul {
        padding-left: 1.5em;
        margin: 0;
    }
    
    div.box-produkt .box-zins {
        margin-top: 0;
    }
    
    .banner-content h1.text-big {
        font-size: 24px;
    }

    .banner-content h4 {
        font-size: 16px;
    }

    /* Quick fix button success green as Java app */
    .btn-success {

        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(115,171,0,0)), color-stop(100%, #73ab00));
        background-image: -webkit-linear-gradient(rgba(115,171,0,0),#73ab00);
        background-image: -moz-linear-gradient(rgba(115,171,0,0),#73ab00);
        background-image: -o-linear-gradient(rgba(115,171,0,0),#73ab00);
        background-image: linear-gradient(rgba(115,171,0,0),#73ab00);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8FD400', endColorstr='#FF73AB00');
        background-color: #8fd400;
        background-repeat: repeat-x;
        box-shadow: 0 -1px 0 0 rgba(60,90,0,0.5) inset,0 1px 0 0 rgba(184,255,39,0.5) inset;
        text-shadow: 0 1px 0 #73ab00;
    }
    
    .content-navi-tabs {
        height: auto;
        min-height: 47px;
    }
    
    .content-navi-tabs button {
        color: #fff;
        padding: 0 10px;
        margin-top: 0px;
    }
    
    .content-navi-tabs .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: none;
        -moz-box-sizing: none;
        padding-bottom: 10px;
    }
    
    #content-navi {
        clear: both;
    }

    .content-navi-tabs ul li {
        display: block;
        float: none;
    }

    .content-navi-tabs ul.nav-tabs > li > a {
        font-weight: 600;
        line-height: 30px;
        height: auto;
        padding: 0;
        border: none;
    }
    
    .content-navi-tabs ul.nav-tabs > li > a:hover,
    .content-navi-tabs ul.nav-tabs > li.active > a, 
    .content-navi-tabs ul.nav-tabs > li.active > a:hover, 
    .content-navi-tabs ul.nav-tabs > li.active > a:focus {
        color: #fff;
        border: none;
        padding: 0;
        margin: 0;
        background: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
        -webkit-box-sizing: none;
        -moz-box-sizing: none;
    }

    .content-navi-tabs .navbar-title {
        display: block;
    }
    
    .box-teaser {
        max-width: 300px;
        margin: 0 auto 15px;
        padding: 15px 0;
        box-shadow: inset 0 0 0 3px #ffffff;
        -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
        filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
    }
    
    .box-teaser .vertical-center {
        height: auto;
    }

    .box-teaser .col-left {
        background: none;
        margin: 0 auto;
    }
    
    .box-teaser .col-middle {
        background: none;
        text-align: center;
        margin: 0 auto;
        padding-top: 10px;
    }
    
    .box-teaser .col-right {
        margin: 0 auto;
        padding-top: 10px;
    }
    
    .box-teaser .col-middle ul {
        list-style-type: none;
        margin: 0;
        padding: 5px 0 0 0;
    }
    
    .box-teaser .vertical-center p.flag {
        font-size: 1.2em;
    }

    .box-teaser .vertical-center p.info {
        padding: 5px 0 0 0;
    }

    .box-teaser .vertical-center p.percent {
        font-size: 3em;
        margin-bottom: 5px;
    }

    .box-teaser .vertical-center > div > .btn {
        margin-top: 10px;
        padding: 7px 25px; 
        font-size: 1.4em;

    }

    .box-teaser .col-middle a:hover,
    .box-teaser .col-middle a:active,
    .box-teaser .col-middle a:focus {
        text-decoration: none;
    }
    
    .teaserCollapse.in,
    .teaserCollapse.collapsing {
        display: block!important;
    }
  

    .box-frame .pull-right {
        float: none !important;
        text-align: center;
        margin-bottom: 10px;   
    }

    .box-frame .pull-left {
        float: none !important;
        text-align: center;
    }

    .box-teaser-offer .col-xs-6 {
        padding: 0 15px;
    }

    .box-teaser-offer .text-huge {
        font-size: 20px;
        text-align: center;
    }

    .banner .banner-campaign {
        display: none;
    }
    
    .banner .banner-campaign-active {
        display: block;
        margin: 0 auto;
    }

    .banner-6,
    .banner-7,
    .banner-9 {
        background-position: 35% 50%;
        min-height: 150px;
    }

  .user-reviews .prev {
      left: -15px;
  }
  
  .user-reviews .next {
      right: -15px;
  }

  .slick .prev {
      left: -15px;
  }
  
  .slick .next {
      right: -20px;
  }

}


/*
 * 5 column grid
 */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#c5936 {
    text-align: center;
}

a.box-aktion {
    display: inline-block;
    text-align: left;
}

a.box-aktion,
a.box-aktion:hover {
    color: #00518e;
    text-decoration: none;
}

a.box-aktion img {
    float: left; 
    margin-right: 10px;
}

a.box-aktion div {
    float: left; 
}

.bcWidget {
    width: auto !important;
}

#bcFooter img {
    display: inline-block;
    vertical-align: top !important;
    margin-right: 2px;
}

#bcFooter img#bcWidgetPic {
    width: 100px;
    height: 100px;
    margin: 0;
}


.banner-bg {
    background-size: auto 110px;
    height: 110px;
    min-height: 110px;
    background-position: center top;
    background-repeat: no-repeat;
}

.banner-video {
    height: 90px;
    overflow: hidden;
    position: relative;
}

@media (min-width: 480px) {
    .banner-bg {
        background-size: auto 150px;
        height: 150px;
    }
    .banner-video {
        height: 150px;
    }
    .banner-noresize {
        background-size: auto 100%;
    }
}
@media (min-width: 768px) {
    .banner-bg {
        background-size: auto 210px;
        height: 210px;
    }
    .banner-video {
        height: 210px;
    }
    .banner-noresize {
        background-size: auto 100%;
    }
}
@media (min-width: 992px) {
    .banner-bg {
        background-size: auto 280px;
        height: 280px;
    }
    .banner-video {
        height: 280px;
    }
    .banner-noresize {
        background-size: auto 100%;
    }
}
@media (min-width: 1200px) {
    .banner-bg {
        background-size: auto 100%;
        height: 344px;
    }
    .banner-video {
        height: 344px;
    }
    .banner-noresize {
        background-size: auto 100%;
    }
}

div.head {
    background: #65A3DE;
}

div.head-item {
    position: relative;
    overflow: hidden;
}

div.head-item img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

div.head-item,
div.head-item img {
    height: 90px;
}

div.head-item-top {
    margin-top: -90px;
}

@media only screen and (min-width : 480px) {
    div.head-item,
    div.head-item img {
        height: 150px;
    }
    div.head-item-top {
        margin-top: -150px;
    }
}

@media only screen and (min-width : 768px) {
    div.head-item,
    div.head-item img {
        height: 210px;
    }
    div.head-item-top {
        margin-top: -210px;
    }
}

@media only screen and (min-width : 992px) {
    div.head-item,
    div.head-item img {
        height: 280px;
    }
    div.head-item-top {
        margin-top: -280px;
    }
}

@media only screen and (min-width : 1200px) {
    div.head-item,
    div.head-item img {
        height: 344px;
    }
    div.head-item-top {
        margin-top: -344px;
    }
}

.head-item video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(https://www.zinspilot.de/fileadmin/wolken_bild.jpg) no-repeat;
    background-size: cover;
}


div.level {
}

div.level-item {
    position: relative;
    overflow: hidden;
}

div.level-item img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

div.level-item,
div.level-item img {
    height: 90px;
}

div.level-item-top {
    margin-top: -90px;
}

@media only screen and (min-width : 480px) {
    div.level-item,
    div.level-item img {
        height: 150px;
    }
    div.level-item-top {
        margin-top: -150px;
    }
}

@media only screen and (min-width : 768px) {
    div.level-item,
    div.level-item img {
        height: 210px;
    }
    div.level-item-top {
        margin-top: -210px;
    }
}

@media only screen and (min-width : 992px) {
    div.level-item,
    div.level-item img {
        height: 280px;
    }
    div.level-item-top {
        margin-top: -280px;
    }
}

@media only screen and (min-width : 1200px) {
    div.level-item,
    div.level-item img {
        height: 344px;
    }
    div.level-item-top {
        margin-top: -344px;
    }
}

.level-item video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.lead {
    height: 395px;
    position: relative;
    overflow: hidden;
    margin-bottom: -280px;
}

.lead .container {
    height: 356px;
    background: #fff;
    z-index: 0;
    position: relative;
    box-shadow: 0 -3px 5px rgba(0,0,0,0.3);
}

@media (min-width: 480px) and (orientation: landscape) {
    .lead {
        height: 455px;
    }
}
@media (min-width: 768px) {
    .lead {
        height: 515px;
    }
}
@media (min-width: 992px) {
    .lead {
        height: 635px;
        margin-bottom: -330px;
    }
}
@media (min-width: 1200px) {
    .lead {
        height: 700px;
        margin-bottom: -330px;
    }
}

.lead video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    z-index: -1;
}

.lead-content {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 90%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%,rgba(255,255,255,1) 90%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 60%,rgba(255,255,255,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.container {
    position: relative;
}

.fa-times-thin:before {
    content: '\00d7';
}

.howto {
}

.howto .row {
    min-height: 350px;
}

.howto h3 {
    font-weight: 400;
    font-size: 20px;
    margin-top: 15px;
}

.howto p {
    font-size: 14px;
    line-height: 1.5em;
}

.howto em,
.howto i {
    display: block;
    font-size: 12px;
    line-height: 1.5em;
}

.howto img {
    margin: 20px auto 0;
}

.howto-circle {
    width: 60px;
    border-radius: 30px;
    text-align: center;
    font-size: 28px;
    padding: 28px 0;
    line-height: 0;
    position: relative;
    background: #fff;
    border: 2px solid #00518e;
    color: #00518e;
}

.howto-arrow {
    content: '';
    width: 2px;
    height: 200px;
    position: absolute;
    background-color: #00518e;
    top: 60px;
    left: 45px;
}

.howto-arrow::after {
    content: '';
    width: 20px;
    bottom: -10px;
    left: -9px;
    position: absolute;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 0 10px;
    border-color: #00518e transparent transparent transparent;
}

@media (min-width: 768px) {
    .howto h3 {
        font-size: 24px;
        margin-top: 20px;
    }
    
    .howto p {
        font-size: 16px;
    }
    
    .howto-circle {
        width: 80px;
        border-radius: 40px;
        text-align: center;
        font-size: 40px;
        padding: 38px 0;
    }
    .howto-arrow {
        top: 80px;
        left: 55px;
    }
}

@media (min-width: 992px) {
    .howto-circle {
        width: 90px;
        border-radius: 45px;
        text-align: center;
        font-size: 48px;
        padding: 43px 0;
    }
    .howto-arrow {
        top: 90px;
        left: 60px;
    }
}


/*
 * Newsletter Subscription
 */
.tx-sd-subscription {
    text-align: center;
    padding: 0 0 15px 0;
}

.tx-sd-subscription h2 {
    margin-bottom: 8px;
}

.tx-sd-subscription .btn {
    padding: 6px 15px; 
    margin: 0 0 0 10px;
    font-size: 1.1em;
    height: 40px;
}

.tx-sd-subscription form {
    margin-top: 15px;
}
.tx-sd-subscription .btn:after {
    content: "";
    margin-left: 0;
}

.tx-sd-subscription .btn i {
    margin-left: 5px;
    width: 18px;
}

.tx-sd-subscription .form-control {
    font-size: 1.1em;
    height: 40px;
    min-width: 300px;
    display: inline-block !important;
}

.tx-sd-subscription .message {
    text-align: center;
    font-weight: 600;
}

.tx-sd-subscription .message-error {
    color: #dd0000;
    margin-top: 15px;
}

.tx-sd-subscription .message-ok {
    color: #32bd12;
    margin-top: 15px;
}

#bio_ep .tx-sd-subscription .message-error,
#bio_ep .tx-sd-subscription .message-ok {
    color: #fff;
    padding: 0 30px;
}


.container-grey-border {
    box-shadow: inset 0 0 0 3px #ffffff; 
    background-color:#FAFAFA; 
    border-style: solid; 
    border-width: 1px; 
    border-color:#D8D8D8; 
    padding: 10px;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}