/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
/**
cco: ANpasusng zu Padding Solution
*/

.solution{
  padding-left: 0px;
}

.solutionicon{
  padding-left: 5px !important;
}

.menuchecked{
  color: #c22845 !important;
  font-weight: bold;
}

/**
----------------------------------------------
----------------------------------------------
----------------------------------------------
*/

/**
 * Box Model, Html & Body
 */
html,
body,
[canvas=container],
[off-canvas] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/**
 * Canvas
 */
[canvas] {
  z-index: 1;
}
[canvas=container] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-color: white;
  /* Basic background color, overwrite this in your own css. */
  -webkit-overflow-scrolling: touch;
  /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}
[canvas=container]:before,
[canvas=container]:after {
  clear: both;
  content: '';
  display: table;
}
/**
 * Off-Canavs
 */
[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  background-color: black;
  /* Basic background color, overwrite this in your own css. */
  color: white;
  /* Basic colors, overwrite this in your own css. */
  -webkit-overflow-scrolling: touch;
  /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}
[off-canvas*=top] {
  width: 100%;
  height: 255px;
  top: 0;
}
[off-canvas*=right] {
  width: 255px;
  height: 100%;
  top: 0;
  right: 0;
}
[off-canvas*=bottom] {
  width: 100%;
  height: 255px;
  bottom: 0;
}
[off-canvas*=left] {
  width: 255px;
  height: 100%;
  top: 0;
  left: 0;
}
[off-canvas*=reveal] {
  z-index: 10;
}
[off-canvas*=push] {
  z-index: 5;
}
[off-canvas*=overlay] {
  z-index: 9999;
}
[off-canvas*=shift] {
  z-index: 2;
}
/**
 * Animation
 */
[canvas],
[off-canvas] {
  transform: translate(0px, 0px);
  transition: transform 300ms;
  -webkit-backface-visibility: hidden;
  /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
}
[off-canvas*=shift][off-canvas*=top] {
  transform: translate(0px, 50%);
}
[off-canvas*=shift][off-canvas*=right] {
  transform: translate(-50%, 0px);
}
[off-canvas*=shift][off-canvas*=bottom] {
  transform: translate(0px, -50%);
}
[off-canvas*=shift][off-canvas*=left] {
  transform: translate(50%, 0px);
}
/**
 * Print
 */
@media print {
  [canvas] {
    transform: translate(0px, 0px) !important;
  }
  [off-canvas] {
    display: none !important;
  }
}
.navicon-line {
  width: 28px;
  height: 3px;
  border-radius: 1px;
  margin-bottom: 5px;
  background-color: #2574be;
}
@font-face {
  font-family: "Frutiger";
  src: url("../fonts/e5b1a25e-0d2b-4aec-8672-da21553f205d.eot");
  src: url("../fonts/e5b1a25e-0d2b-4aec-8672-da21553f205d.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/e5b1a25e-0d2b-4aec-8672-da21553f205d.eot") format("eot"), url("../fonts/e59898b4-93a8-4df7-885a-7806f9f0604d.woff") format("woff"), url("../fonts/85928e7e-2ace-4f1d-be54-b11c333a8d97.ttf") format("truetype"), url("../fonts/89390d0d-7a62-493d-9e77-9c162a709520.svg#89390d0d-7a62-493d-9e77-9c162a709520") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Frutiger";
  src: url("../fonts/8ffa1144-4066-4dd8-950c-da8d355d4ab2.eot");
  src: url("../fonts/8ffa1144-4066-4dd8-950c-da8d355d4ab2.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/8ffa1144-4066-4dd8-950c-da8d355d4ab2.eot") format("eot"), url("../fonts/37f83f2e-feaa-4d2c-9993-2771ab1f3e87.woff") format("woff"), url("../fonts/b319582c-cdad-4301-9f65-3907fb8b508d.ttf") format("truetype"), url("../fonts/427db4f2-4863-482e-bdaf-da48a03e52c9.svg#427db4f2-4863-482e-bdaf-da48a03e52c9") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Frutiger";
  font-size: 16px;
  color: #333;
  -webkit-font-smoothing: antialiased;
}
.row-eq-height {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
#header .row-eq-height {
  height: 90px;
}
.sb-toggle-right {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color: transparent;
  padding: 0;
  margin-top: 11px;
}
.sb-toggle-right:active,
.sb-toggle-right:focus {
  outline: none;
}
[off-canvas] {
  background-color: #222;
}
[off-canvas] ul {
  list-style: none;
  padding-left: 0;
  padding-top: 20px;
}
[off-canvas] ul li {
  border-bottom: 1px solid #717171;
  line-height: 45px;
}
[off-canvas] ul li a {
  color: #fff;
  padding-left: 20px;
  font-size: 18px;
}
.flex-nav {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  list-style: none;
}
.flex-nav li {
  margin: 0;
  padding-left: 35px;
  font-size: 18px;
}
.flex-nav li a {
  color: #5f8dcd;
}
.flex-nav li a:hover {
  color: #c22845;
  text-decoration: none;
}
.mobile a {
  color: #a4acbf;
}
.haus a {
  color: #246cb0;
}
.media a {
  color: #900000;
}
.bike a {
  color: #146b74;
}
.product-box {
  position: relative;
  max-width: 800px;
}
.product-box ul {
  list-style: none;
  padding: 0;
  margin: 10px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: top;
}
@media (max-width: 768px) {
  .product-box ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}
.product-box ul li {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
@media (max-width: 768px) {
  .product-box ul li {
    width: 100%;
  }
}
.black-wrapper {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  padding: 40px;
  color: #141412;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .black-wrapper {
    font-size: 16px;
    line-height: 17px;
  }
}
.black-wrapper.border {
  border-bottom: 1px solid #fff;
}
.black-wrapper .btn-tobasket {
  margin-top: 20px;
  max-width: 100%;
  display: inline-block;
  text-align: center;
  border: 0;
  font-size: 16px;
  background-clip: padding-box;
  border-radius: 4px;
  background-color: #1f62a0;
  background: linear-gradient(0deg, #1f62a0 0, #2574be 100%);
  height: 40px;
  line-height: 29px;
  border: none;
  color: #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .black-wrapper .btn-tobasket {
    margin-top: 0px;
    width: 280px;
  }
}
.black-wrapper .btn-tobasket:hover {
  background: #1d5a93;
  cursor: pointer;
}
.black-wrapper h3 {
  margin: 0;
  font-weight: normal;
  font-size: 20px;
}
@media (min-width: 992px) {
  .black-wrapper h3 {
    font-size: 22px;
  }
}
.empfohlen {
  background-color: #f5f5f5;
  padding: 40px 0 45px;
}
.empfohlen h2 {
  font-size: 24px;
  margin: 0;
  color: #2574be;
  font-weight: 300;
  line-height: 26px;
  padding: 40px 0;
  text-align: center;
}
.sony-box {
  padding-top: 50px;
  font-size: 16px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .sony-box {
    font-size: 18px;
    padding-top: 70px;
    margin-bottom: 70px;
  }
}
.sony-box .seotext ul {
  font-size: 18px;
}
.sony-box .red {
  color: #2574be;
}
.sony-box h2 {
  color: #2574be;
  font-size: 20px;
  font-weight: 700;
  margin: 15px 0;
  line-height: 25px;
}
.sony-box .inner-box img {
  bottom: -43px;
  position: relative;
  max-height: 530px;
  display: inline;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sony-box .button-ul {
    width: 130%;
  }
}
.sony-box .pdf-button {
  color: #2574be;
  margin-top: 15px;
  margin-bottom: 0px;
  display: block;
  background-color: #f5f5f5;
  border: 1px solid #e1e6e7;
  border-radius: 2px 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 7px;
  font-size: 14px;
  padding-left: 45px;
  position: relative;
}
@media (min-width: 992px) {
  .sony-box .pdf-button {
    margin-bottom: 40px;
  }
}
.sony-box .pdf-button:hover {
  text-decoration: none;
}
.sony-box .pdf-button:before {
  content: "";
  background-image: url("https://cds.valuecare24.de/images/Sofortschutz/Sony-LP/pdf.png");
  left: 5px;
  top: -10px;
  width: 32px;
  height: 32px;
  position: absolute;
  padding-right: 10px;
}
sup {
  font-size: .4em;
  top: -1em;
}
.box-empfehlung {
  text-align: center;
}
.box-empfehlung .img-box {
  min-height: 270px;
  position: relative;
}
.box-empfehlung .img-box img {
  max-height: 240px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box-empfehlung span {
  display: block;
  text-align: center;
  font-weight: normal;
  color: #818283;
  font-size: 18px;
  padding-bottom: 10px;
}
#seopages h2 {
  font-size: 20px;
  margin: 0;
  color: #2574be;
  font-weight: 300;
  line-height: 26px;
  padding: 40px 0;
  text-align: center;
}
#seopages h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  margin: 0;
  color: #C71345;
  text-align: center;
}
#seopages .h2 {
  font-size: 25px;
  color: #333;
  text-align: left;
  padding: 10px 0;
}
#seopages h1 {
  font-size: 20px;
  margin: 0;
  color: #2574be;
  font-weight: 300;
  text-align: center;
  line-height: 26px;
  padding: 40px 0;
}
#seopages p {
  line-height: 24px;
  font-size: 16px;
  font-weight: lighter;
  margin: 0 0 8.5px;
}
#seopages ul {
  font-size: 15px;
  color: #C71345;
  padding-left: 18px;
  line-height: 29px;
  font-weight: 300;
  list-style-type: square;
}
#seopages .dark {
  color: #333;
}
#seopages .text-left {
  text-align: left;
}
#seopages .s-icon {
  padding: 4px;
}
#seopages .solution-row h3,
#seopages .schaden-row h3 {
  font-weight: 600;
  color: #333;
  text-align: left;
  font-size: 18px;
  padding-bottom: 5px;
}
#seopages .solution-row p,
#seopages .schaden-row p {
  padding-bottom: 40px;
}
#seopages .schaden-wrapper {
  background-color: #f5f5f5;
  padding-bottom: 60px;
}
#seopages .solution-wrapper {
  margin-top: 60px;
}
#seopages .solution-wrapper h2 {
  margin-bottom: 0;
  padding: 50px 0;
}
@media (min-width: 768px) {
  #seopages h2 {
    font-size: 24px;
  }
  #seopages h3 {
    font-size: 22px;
  }
  #seopages h1 {
    font-size: 24px;
  }
  #seopages .pos-relative {
    margin-top: 140px;
  }
  #seopages .solution-wrapper {
    margin-bottom: 40px;
  }
  #seopages .schaden-wrapper {
    padding-top: 20px;
  }
  #seopages .s-icon {
    padding: 2px 0;
  }
}
@media (min-width: 992px) {
  #seopages .ch {
    height: 700px;
  }
  #seopages .schaden-wrapper h2 {
    margin-bottom: 25px;
  }
  #seopages .solution-wrapper {
    margin-top: 60px;
  }
  #seopages .solution-wrapper h2 {
    margin-bottom: 40px;
  }
}
a (max-width: 767px) #article > .background > .container {
  padding: 0;
}
.mt-md-35 {
  margin-top: 35px;
}
.coupon-campaign #article .background {
  background-image: url('../img/slider/wertgarantie_teaser_handy.jpg');
}
.coupon-campaign #article #bike.background {
  background-image: url('../img/slider/wertgarantie_fahrrad-right.jpg');
}
.coupon-campaign #article #house.background {
  background-image: url('../img/slider/wertgarantie_haushalt-right.jpg');
}
.coupon-campaign #article #multimedia.background {
  background-image: url('../img/slider/wertgarantie_multimedia-right.jpg');
}
.coupon-campaign #article .background {
  background-size: cover;
  padding: 50px 0px;
  background-position: right top;
}
.product-selection .product-box {
  padding: 20px 39px;
  position: relative;
  max-width: 700px;
  background-color: rgba(0, 113, 185, 0.8);
  margin-top: 30px;
  color: #fff;
}
@media (min-width: 480px) {
  .product-selection .product-box {
    padding: 20px 45px;
  }
}
.product-selection .product-box li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.product-selection .product-box li img {
  margin-right: 5px;
  max-height: 30px;
}
.product-selection .product-box li .flex-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.product-selection .product-box .service {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.product-selection .product-box h1 {
  font-size: 22px;
  margin: 0;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300;
}
.product-selection .product-box h2 {
  font-size: 22px;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  font-weight: 300;
}
.product-selection .product-box .row {
  margin-left: -15px;
  margin-right: -15px;
}
.product-selection .product-box .icon-svg {
  margin-right: 5px;
}
.tuev-logo img {
  height: 55px;
  width: 55px;
}
.footer-bg-blue {
  background: #2574be;
  color: #fff;
  padding: 40px 0;
  font-weight: lighter;
}
@media (min-width: 992px) {
  .footer-bg-blue {
    padding: 10px 0;
  }
  .footer-link {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .service-points {
    font-size: 13px;
    padding: 0;
    line-height: 35px;
  }
}
.service-points img {
  height: 35px;
}
@media (min-width: 768px) {
  .service-points img {
    width: 30px;
    height: 35px;
    margin-right: 10px;
  }
}
.footer-bg-blue img {
  margin-right: 20px;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (min-width: 480px) {
  #footer ul {
    margin-left: 22%;
  }
}
@media (min-width: 768px) {
  #footer ul {
    margin-left: 30%;
  }
}
@media (min-width: 992px) {
  #footer ul {
    margin: 0;
  }
}
#footer ul li {
  color: #fff;
  font-size: 16px;
  width: 100%;
}
@media (max-width: 991px) {
  #footer ul li {
    padding: 10px 0;
  }
}
@media (min-width: 992px) {
  #footer ul li {
    width: auto;
    font-size: 14px;
  }
}
.footer-links {
  margin-top: 40px;
}
#footer a {
  color: #303030;
}
@media (min-width: 992px) {
  .footer-link a {
    padding: 0 5px;
  }
}
.footer-logo {
  width: 250px;
  margin: 15px 0;
}
@media (min-width: 992px) {
  .footer-logo {
    float: right;
    margin: -40px 0 0;
  }
}
.single-headlines li {
  font-size: 16px;
}
@media (min-width: 480px) {
  .single-headlines li {
    font-size: 18px;
  }
}
#carousel-start {
  position: relative;
  overflow: hidden;
}
#carousel-start .item {
  height: 460px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}
#carousel-start .item img {
  width: 100%;
}
.carousel-start-box {
  position: absolute;
  top: 5px;
  min-width: 100%;
}
@media (min-width: 768px) {
  .carousel-start-box {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: auto;
  }
}
.carousel-start-box .circle {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: relative;
}
.carousel-start-box .circle svg {
  position: relative;
  top: 13px;
  fill: #888;
}
@media (min-width: 768px) {
  .carousel-start-box .circle svg {
    fill: #fff;
  }
}
.carousel-start-box .circle-2 {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
}
.carousel-start-box .circle-2 svg {
  position: relative;
  top: 3px;
  fill: #888;
}
@media (min-width: 768px) {
  .carousel-start-box .circle-2 svg {
    fill: #fff;
  }
}
@media (min-width: 768px) {
  .carousel-start-box .icon-m-left {
    margin-left: -25px;
    margin-top: 7px;
  }
}
.carousel-start-box .carousel-start-box-wrapper {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .carousel-start-box .carousel-start-box-wrapper {
    max-width: 560px;
  }
}
.carousel-start-box ul.servie-ul {
  margin-left: 0px;
  margin-top: 30px;
}
.carousel-start-box ul.servie-ul li {
  vertical-align: top;
  width: 32%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.carousel-start-box ul.servie-ul li a {
  color: #fff;
}
.carousel-start-box ul.servie-ul li a:hover,
.carousel-start-box ul.servie-ul li a:focus {
  text-decoration: none;
  color: #cccccc;
}
.carousel-start-box ul,
.carousel-start-box li {
  margin-bottom: 0px;
  line-height: inherit;
}
.carousel-start-box .slider-list {
  vertical-align: top;
  position: relative;
  margin-top: 0;
  float: none;
  display: table;
  width: 100%;
}
@media (min-width: 768px) {
  .carousel-start-box .slider-list {
    max-width: 20%;
    height: 324px;
    display: inline-block;
    float: left;
  }
}
.carousel-start-box .slider-list li {
  padding: 15px 5px;
  height: 25%;
  font-weight: 700;
  text-align: center;
  position: relative;
  font-size: 14px;
  display: table-cell;
  width: 20%;
  background: rgba(244, 244, 244, 0.8);
  border-right: 2px solid #fff;
  opacity: 0.8;
}
@media (min-width: 768px) {
  .carousel-start-box .slider-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    border-bottom: 1px solid #fff;
    border-right: 0px;
    opacity: 1;
  }
}
.carousel-start-box .slider-list li:last-child {
  border-bottom: 0px;
  border-right: 0px;
}
.carousel-start-box .slider-list li:hover {
  background-color: #dcdcdc;
  cursor: pointer;
}
.carousel-start-box .slider-list li.active,
.carousel-start-box .slider-list li:focus {
  background-color: #fff;
  opacity: 1;
  color: #2574be;
}
@media (min-width: 768px) {
  .carousel-start-box .slider-list li.active:after {
    z-index: 1;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSI2NXB4IiB2aWV3Qm94PSIwIDAgMTcgNjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzLjIgKDM5MDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5SZWN0YW5nbGUgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtMyIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIwIDAgMiAwIDE3IDMyLjUgMiA2NSAwIDY1Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==');
    right: -19px;
    top: 0px;
    content: " ";
    position: absolute;
    width: 21px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.carousel-start-box .slider-list li svg {
  fill: #888;
}
.carousel-start-box .slider-info-box-wrapper {
  background-color: rgba(0, 113, 185, 0.8);
  color: #fff;
  vertical-align: top;
  padding: 20px 30px;
  position: relative;
  font-weight: 300;
  min-height: 355px;
}
@media (min-width: 768px) {
  .carousel-start-box .slider-info-box-wrapper {
    width: 80%;
    height: 324px;
    min-height: auto;
    display: inline-block;
  }
}
.carousel-start-box .slider-info-box-wrapper .slider-info-box {
  display: none;
}
.carousel-start-box .slider-info-box-wrapper .slider-info-box.active {
  display: block;
}
.carousel-start-box .slider-info-box-wrapper .slider-info-box .title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 24px;
}
.carousel-start-box .slider-info-box-wrapper .slider-info-box .text {
  font-size: 16px;
}
.tuev-slider {
  height: 110px;
  width: 110px;
}
.pos-badge {
  width: 100px;
  height: 100px;
  position: absolute;
  right: -20px;
  top: -20px;
}
.btn-white {
  background-color: #fff;
  display: inline-block;
  padding: 6px 30px;
  font-size: 18px;
  margin-top: 20px;
}