/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.sticky-off .branding img {
  margin-top: -30px;
}

.top-bar-bg {
  background: #84b5dd;
  background: -moz-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #84b5dd), color-stop(100%, #2b70a8));
  background: -webkit-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -o-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -ms-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: linear-gradient(to bottom, #84b5dd 0%, #2b70a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b5dd', endColorstr='#2b70a8', GradientType=0 );
}

.top-bar-bg::before {
  content: "";
  position: absolute;
  left: 0;
  right: calc(50% + 78px);
  bottom: 0;
  /* width: 100%; */
  height: 28px;
  background-color: #f7f7f7;
}

.top-bar-bg::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 78px;
  height: 28px;
  background-image: url(img/top-cut.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 78px 28px;
}

/* DHE + DHE + DHE */

.content > .vc_row {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content > .vc_row:first-child {
  padding-top: 40px;
}

.content > .vc_row.st {
  padding-top: 80px;
}

@media screen and (max-width: 778px) {
  .content > .vc_row, .content > .vc_row.st {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.vc_row.dark h1, .vc_row.dark h2, .vc_row.dark h3 {
  color: #82b3dc;
}

.vc_row.dark p, .vc_row.dark li {
  color: #ffffff;
}

@media screen and (min-width: 779px) {
  .vc_row.st[data-vc-full-width="true"] > .wpb_column:first-child > .vc_column-inner {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 778px) {

  .vc_row.st[data-vc-full-width="true"] > .wpb_column:first-child > .vc_column-inner:first-child {
    padding-top: 0 !important;
  }

  .content > .vc_row.st[data-vc-full-width="true"] {
    background-color: rgba(247,247,247,1);
  }

  .content > .vc_row.st.dark[data-vc-full-width="true"] {
    background-color: rgba(17,43,86,1);
  }

  .content > .vc_row.st {
    padding-top: 240px;
    padding-bottom: 40px;
    background-image: none !important;
  }

  .vc_row.st[data-vc-full-width="true"] .vc_parallax-inner {
    position: absolute;
    top: 0 !important;
    height: 300px !important;
    background-position: center;
  }

  /* .content > .vc_row:not(.bn) .vc_parallax-inner {
    height: 50% !important;
  } */

  .vc_row.st.motive-r[data-vc-full-width="true"] .vc_parallax-inner {
    left: -100%;
    right: 0;
  }

  .vc_row.st.motive-l[data-vc-full-width="true"] .vc_parallax-inner {
    left: 0;
    right: -100%;
  }

  .vc_row.st[data-vc-full-width="true"] .vc_parallax-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .vc_row.st[data-vc-full-width="true"] .vc_parallax-inner::after {
    background: linear-gradient(to bottom, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%);
  }

  .vc_row.st.dark[data-vc-full-width="true"] .vc_parallax-inner::after {
    background: linear-gradient(to bottom, rgba(17,43,86,0) 0%, rgba(17,43,86,1) 100%);
  }

}

/* DHE + DHE + DHE */

.single-post #main {
  padding-top: 40px;
  padding-bottom: 80px;
}

@media screen and (max-width: 778px) {
  .single-post #main {
    padding-bottom: 40px;
  }
}

/* DHE + DHE + DHE */

.content .advantages, .content .list {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

.content .advantages li, .content .list li {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 0 24px;
}

.content .advantages li:last-child, .content .list li:last-child {
  margin: 0;
}

.content .advantages li::after, .content .list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center top;
  background-size: 18px 18px;
}

.content .advantages li::after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQzk4RkI2O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTEuMyw1LjcgNi40LDEwLjMgNC43LDguNyAJIi8+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI4IiBjeT0iOCIgcj0iNy41Ii8+CjwvZz4KPC9zdmc+Cg==);
}

.content .list li::after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQzk4RkI2O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjAuNSIgeTE9IjgiIHgyPSIxMC43IiB5Mj0iOCIvPgoJCTxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjgsNS4zIDEwLjcsOCA4LDEwLjcgCQkiLz4KCTwvZz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjIsNC45QzIuMywyLjMsNSwwLjUsOCwwLjVjNC4xLDAsNy41LDMuNCw3LjUsNy41cy0zLjQsNy41LTcuNSw3LjVjLTMsMC01LjctMS44LTYuOC00LjQiLz4KPC9nPgo8L3N2Zz4K);
}





/* .slider-box {
  display: none;
} */

/* #page .masthead.sticky-on.inline-header .branding img {
  margin-top: 0;
} */

/* .mobile-navigation {
  padding-bottom: 20px;
} */

.content table {
  border: 0;
}

.table-container {
  position: relative;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 500px) {

  .table-container {
    padding-top: 26px;
  }

  .table-container::after {
    display: block;
    position: absolute;
    content: "Tabelle horizontal scrollen!";
    left: 0;
    top: 0;
    min-height: 16px;
    padding-top: 1px;
    padding-left: 18px;
    background-image: url(img/scroll-right.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: left top;
    background-size: 16px 16px;
    line-height: 1;
    color: #2b70a8;
  }

}

.content th {
  padding: 6px 12px;
  vertical-align: top;
  border-top: 0;
  background-color: #eeeeee;
}

.content tr:nth-child(2n) td {
  background-color: #eeeeee;
}

.content td {
  padding: 6px 12px;
  border-top: 0;
  vertical-align: top;
}

.content td:nth-child(2), .content td:nth-child(3) {
  color: #009900;
  font-size: 16px;
  /* font-weight: 700; */
}

.content th:nth-child(2), .content td:nth-child(2) {
    text-align: right;
    border-left: 4px solid #ffffff;
}

.content th:nth-child(3), .content td:nth-child(3) {
    text-align: right;
    border-left: 4px solid #ffffff;
}

.content td:nth-child(2) .regular, .content td:nth-child(3) .regular {
  display: none;
  color: #cc0000;
  font-size: 14px;
  font-weight: 300;
  text-decoration: line-through;
}

.text-sm, .text-sm * {
  font-size: 12px;
}

.hl-1 {
  font-size: 32px;
  line-height: 38px;
  font-family: "Open Sans";
  color: #2b70a8;
}

.single-post .content img {
  border: 1px solid #84b5dd;
}

@media screen and (max-width: 500px) {

  h1, .hl-1 {
    font-size: 20px;
    line-height: 26px;
  }

}

.hl-2 {
  font-size: 22px;
  line-height: 28px;
  font-family: "Open Sans";
  color: #2b70a8;
  margin-bottom: 10px;
}

@media screen and (max-width: 500px) {

  h2, .hl-2 {
    font-size: 17px;
    line-height: 23px;
  }

}

.hl-3 {
  font-size: 16px;
  line-height: 22px;
  font-family: "Open Sans";
  color: #2b70a8;
}

@media screen and (max-width: 500px) {

  h3, .hl-3 {
    font-size: 16px;
    line-height: 22px;
  }

}


/* header & nav ############## */
/* .main-nav .menu-item a .fa, .main-nav .menu-item a > i {
  padding-right: 0;
} */

.main-nav > .menu-item:first-child .menu-text {
	font-size: 0;
}

/* .inline-header .branding {
  align-items: flex-start;
} */

/* .inline-header .branding img {
  margin-top: -15px;
} */

.siegel {
  position: absolute;
  left: 35%;
  top: -20px;
}

.siegel img {
  width: 110px;
  height: auto;
}

@media screen and (max-width: 990px) {

  .siegel {
    position: absolute;
    left: 33%;
    top: -5px;
  }

  .siegel img {
    width: 80px;
  }

}

.sticky-on .siegel {
  top: 5px;
}

.sticky-on .siegel img {
  width: 80px;
}

.textwidget input {
  width: auto;
}

.textwidget  input[type="text"], .textwidget input[type="email"], .textwidget textarea {
  background-color: rgba(255,255,255,0.6)
}

.textwidget  input:focus[type="text"], .textwidget input:focus[type="email"], .textwidget textarea:focus {
  background-color: rgba(255,255,255,1)
}

.textwidget span.wpcf7-list-item {
  margin-left: 0;
}





/* benefit-points ############## */
.content .benefit-points, .content .service-points {
  margin: 0 0 15px 0;
  padding: 0;
  list-style-type: none;
}

.benefit-points li {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 10px 26px;
  /* border-bottom: 1px solid rgba(0,0,0,0.1); */
}

.service-points li {
  position: relative;
}

.benefit-points li::after, .service-points li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.0) 100%)
}

.benefit-points li:last-child::after, .service-points li:last-child::after {
  display: none;
}

.benefit-points li:last-child, .service-points li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.benefit-points li::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  background-image: url(img/benefit.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center top;
  background-size: 18px 18px;
}

.service-points a {
  padding: 10px 0 10px 30px;
  position: relative;
  display: block;
  color: #2b70a8;
  text-decoration: none;
}

.service-points a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
  transition: left 0.2s ease-in-out;
	bottom: 9px;
	width: 16px;
	height: 16px;
	background-image: url(img/arrow.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 16px 16px;
	/* opacity: 0.75; */
}

.service-points a:hover {
	font-weight: bold;
}

.service-points a:hover::before {
	left: 6px;
  transition: left 0.2s ease-in-out;
	/* opacity: 1; */
}

.box {
  padding: 20px 20px 20px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  border-top: 1px solid rgba(255,255,255,0.9);
  border-right: 1px solid rgba(255,255,255,0.9);
  border-left: 1px solid rgba(255,255,255,0.9);
  border-bottom: 1px solid rgba(255,255,255,0.9);
  /* background-color: rgba(238,238,238,0.8); */
  background-image: url(img/box-top.png);
  background-repeat: no-repeat;
  background-color: #eeeeee;
  background-position: left top;
  background-size: 100% 60px;
}

.slider-box .box {
  background: rgba(255,255,255,0.8);
}

/* teaser-box ############## */
.teaser-box {
  position: relative;
  padding: 20px 20px 60px 20px;
  background-image: url(img/box-top.png);
  background-repeat: no-repeat;
  background-color: rgba(247, 247, 247, 1);
  background-position: left top;
  background-size: 100% 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  border-top: 1px solid rgba(255,255,255,0.9);
  border-right: 1px solid rgba(255,255,255,0.9);
  border-left: 1px solid rgba(255,255,255,0.9);
  border-bottom: 1px solid rgba(255,255,255,0.9);
  overflow: hidden;
  box-sizing: border-box;
}

.teaser-box.motive:hover, .teaser-box.icon:hover {
  border: 1px solid #2b70a8;
}

.teaser-box.motive {
  padding: 20px 0 0 0;
  /* border-bottom: 2px solid #2c71a9; */
  cursor: pointer;
}

.teaser-box.icon {
  padding: 20px 20px 20px 90px;
  background: #84b5dd;
  background: -moz-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #84b5dd), color-stop(100%, #2b70a8));
  background: -webkit-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -o-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -ms-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: linear-gradient(to bottom, #84b5dd 0%, #2b70a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b5dd', endColorstr='#2b70a8', GradientType=0 );
  cursor: pointer;
}

@media screen and (max-width: 766px) {

  .teaser-box.icon {
    padding: 10px 10px 10px 50px;
  }

}

.teaser-box.motive h2, .teaser-box.motive .hl-2 {
  text-align: center;
  margin-bottom: 5px;
}

.rabatt .teaser-box.motive h2, .rabatt  .teaser-box.motive .hl-2 {
  padding-right: 60px;
}

.teaser-box.icon .hl-2 {
  display: block;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}

/* .teaser-box.icon a {
  display: none;
} */

.teaser-box.motive .hl-3 {
  margin-bottom: 10px;
  padding-bottom: 0;
  border-bottom: 0;
  color: #222222;
  text-align: center;
}

.page-id-159 .teaser-box.motive .hl-3, .page-id-163 .teaser-box.motive .hl-3 {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 20px;
  min-height: 60px;
}

.teaser-box.motive p {
  margin-bottom: 0;
}

.teaser-box.motive span {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

.teaser-box.motive img {
  display: block;
}

.teaser-box .teaser-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 75%;
  height: 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left bottom;
  background-size: 100% auto;
}

.teaser-box .teaser-item {
  padding-left: 50%;
}

.teaser-box .teaser-btn a {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 230px;
  height: 40px;
  padding: 11px 30px 0 20px;
  font-size: 15px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  background-image: url(img/teaser-btn.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left bottom;
  box-sizing: border-box;
  text-decoration: none;
}

.teaser-box .teaser-btn a::after {
	content: "";
	display: block;
	position: absolute;
	right: 12px;
  transition: right 0.2s ease-in-out;
	bottom: 9px;
	width: 18px;
	height: 18px;
	background-image: url(img/teaser-arrow.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 18px 18px;
	opacity: 0.75;
}

.teaser-box .teaser-btn a:hover::after {
	right: 18px;
  transition: right 0.2s ease-in-out;
	opacity: 1;
}

.teaser-box .hl-3 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.ratenzahlung, .rabatt {
  position: relative;
}

#t1.teaser-box::after, .ratenzahlung::after, .rabatt::after {
  content: "";
	display: block;
	position: absolute;
  right: 20px;
  bottom: 80px;
  width: 140px;
  height: 140px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left top;
  background-size: 100% 100%;
}

/* #t1.teaser-box::after {
  background-image: url(img/gutschein-pin.png);
} */

.ratenzahlung::after {
  top: -30px;
  right: -30px;
  bottom: auto;
  width: 100px;
  height: 100px;
  background-image: url(img/ratenzahlung-pin.png);
  z-index: 100;
}

/* .rabatt::after {
  top: -30px;
  right: -30px;
  bottom: auto;
  width: 100px;
  height: 100px;
  background-image: url(img/50-aktion-ohne-datum.png);
  z-index: 100;
} */

@media screen and (max-width: 766px) {

  .ratenzahlung::after, .rabatt::after {
    top: -20px;
    right: -20px;
    width: 90px;
    height: 90px;
  }

}

#rueckruf-service-t.teaser-box.icon::after, #tel-t.teaser-box.icon::after, #gutschein-t.teaser-box.icon::after {
  content: "";
	display: block;
	position: absolute;
  left: 20px;
  top: 50%;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left top;
  background-size: 100% 100%;
  margin-top: -25px;
}

@media screen and (max-width: 766px) {

  #rueckruf-service-t.teaser-box.icon::after, #tel-t.teaser-box.icon::after, #gutschein-t.teaser-box.icon::after {
    content: "";
  	display: block;
  	position: absolute;
    left: 10px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }

}

#rueckruf-service-t.teaser-box::after {
  background-image: url(img/rueckruf-service-icon.svg);
}

#tel-t.teaser-box::after {
  background-image: url(img/hotline-icon.svg);
}

#gutschein-t.teaser-box::after {
  background-image: url(img/gutschein-icon.png);
}

a.btn {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px 10px 20px;
  background: #84b5dd;
  background: -moz-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #84b5dd), color-stop(100%, #2b70a8));
  background: -webkit-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -o-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: -ms-linear-gradient(top, #84b5dd 0%, #2b70a8 100%);
  background: linear-gradient(to bottom, #84b5dd 0%, #2b70a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b5dd', endColorstr='#2b70a8', GradientType=0 );
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #ffffff;
}

a.btn:hover {
  border: 1px solid #2b70a8;
}

.vc_row.dark .btn {
  border: 1px solid #2b70a8;
}

.vc_row.dark .btn:hover {
  border: 1px solid #ffffff;
}

.col-50-100 {
  display: inline-block;
  width: calc(50% - 4px);
  padding: 0 15px;
  box-sizing: border-box;
}

.row .col-50-100:first-child {
  padding-left: 0;
}

.row .col-50-100:last-child {
  padding-right: 0;
}

@media screen and (max-width: 766px) {

  .col-50-100 {
    display: block;
    width: 100%;
    padding: 0;
  }

  .row .col-50-100:first-child {
    padding-bottom: 10px;
  }

}


/* stripe ############## */
.stripe {
  background-color: #f7f7f7;
}

.stripe.no-bottom-gap {
  padding-bottom: 0;
}

.stripe.no-bottom-gap .wpb_content_element {
  margin-bottom: 0;
}

/* .stripe::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 10px;
  width: 100%;
  background-image: url(img/shadow-top.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center top;
  background-size: 1370px 10px;
  z-index: 2;
}

.stripe::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 10px;
  width: 100%;
  background-image: url(img/shadow-bottom.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center top;
  background-size: 1370px 10px;
} */


/* blog ############## */
.blog-shortcode .post {
  position: relative;
  background-image: url(img/box-top.png) !important;
  background-repeat: no-repeat !important;
  background-color: #eeeeee !important;
  background-position: left top !important;
  background-size: 100% 60px !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1) !important;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1) !important;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1) !important;
  border: 1px solid rgba(255,255,255,0.9) !important;
  overflow: hidden;
  box-sizing: border-box;
}


/* landingpage ############## */
.lp-box .wpb_column .vc_column-inner > .wpb_wrapper {
  border: 4px dashed #2b70a8;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  background-color: rgba(255,255,255,0.9);
}

.lp-bn {
  margin: 0 -30px 0 -30px;
  padding: 0;
  /* background: linear-gradient(to right, rgba(201,221,210,0) 0%,rgba(201,221,210,1) 50%, rgba(201,221,210,0) 100%); */
  background: linear-gradient(to bottom, rgba(201,221,210,0) 0%,rgba(201,221,210,1) 100%);
}

.lp-bn img {
  display: block;
  width: 100%;
  max-width: 535px;
  height: auto;
  margin: 0 auto;
}

.lp-raeume-bn {
  background-color: transparent;
  background-image: url(https://www.dauerhafte-haarentfernung-stuttgart.expert/wp-content/uploads/2020/06/lp-raeume-bn.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.lp-raeume-bn img {
  opacity: 0;
}

ul.lp-benefits {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 0 -25px 0 !important;
  padding: 0 30px;
  list-style-type: none;
}

.lp-benefits li {
  position: relative;
  flex: auto;
  padding: 0 20px 15px 26px;
  margin: 0;
  min-width: 33.3333%;
  max-width: 33.3333%;
  box-sizing: border-box;
  font-size: 16px;
  color: #666666;
}

.lp-benefits li::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background-image: url(img/lp-benefit.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center top;
  background-size: 20px 20px;
}

@media screen and (max-width: 766px) {

  .lp-benefits li {
    min-width: 50%;
    max-width: 50%;
  }

}

@media screen and (max-width: 560px) {

  .lp-benefits li {
    min-width: 100%;
    max-width: 100%;
    font-size: 15px;
  }

}

/* wpcf7-form ############## */
#wpcf7-f970-p968-o1 .wpcf7-form {
  padding-top: 0;
  padding-bottom: 0;
  border: 0 !important;
}

#wpcf7-f970-p968-o1 .wpcf7-form h2 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.wpcf7-form .fieldset-cf7mls br {
  display: none;
}

.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical {
  margin-left: 0;
  margin-right: 0;
}

.wpcf7-form .fieldset-cf7mls {
  box-sizing: border-box;
  text-align: center;
}

.fieldset-con {
  /* min-height: 370px; */
  margin: 0 auto;
  max-width: 400px;
  text-align: left;
}

#footer .wpcf7-form input, .page-form .wpcf7-form input {
  margin-bottom: 0 !important;
}

span.wpcf7-list-item {
  display: block;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0 5px 10px 5px;
  /* font-size: 16px; */
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
}

span.wpcf7-list-item label {
  display: block;
  padding: 6px 10px 8px 10px;
  border: 2px solid rgba(43,112,168,0.5);
  border-radius: 4px;
}

span.wpcf7-list-item label:hover {
  border: 2px solid rgba(43,112,168,1);
  cursor: pointer;
}

span.wpcf7-list-item label input {
  width: auto !important;
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: top;
}

[data-cf7mls-order="0"] .fieldset-con {
  text-align: center;
}

[data-cf7mls-order="0"] span.wpcf7-list-item {
  display: inline-block;
}

[data-cf7mls-order="1"] .fieldset-con {
  max-width: 600px;
}

[data-cf7mls-order="1"] span.wpcf7-list-item {
  display: inline-block;
  width: 49.5%;
}

[data-cf7mls-order="2"] .fieldset-con {
  max-width: 100%;
}

[data-cf7mls-order="2"] span.wpcf7-list-item {
  display: inline-block;
  width: 33%;
}

.wpcf7-form {
  border: 0;
}

.wpcf7-form-control.wpcf7-checkbox, .wpcf7-form-control.wpcf7-radio {
  display: block;
  margin-left: -5px;
  margin-right: -5px;
}

.wpcf7-text {
  margin-bottom: 10px !important;
  font-size: 16px !important;
  border: 2px solid #e3e3e3 !important;
}

.wpcf7-text:hover, .wpcf7-text:focus {
  border: 2px solid #23282d !important;
}

@media screen and (max-width: 1000px) {

  [data-cf7mls-order="2"] span.wpcf7-list-item {
    width: 49.5%;
  }

}

@media screen and (max-width: 766px) {

  .fieldset-con {
    text-align: center !important;
  }

  [data-cf7mls-order="0"] span.wpcf7-list-item {
    display: block;
  }

  [data-cf7mls-order="1"] span.wpcf7-list-item, [data-cf7mls-order="2"] span.wpcf7-list-item {
    display: block;
    width: 100%;
  }

  span.wpcf7-list-item {
    padding: 0 5px 8px 5px;
    font-size: 15px;
  }

  span.wpcf7-list-item label {
    padding: 4px 10px 6px 10px;
  }

}

#page .wpcf7-form input[type="submit"].send-btn {
  margin-bottom: 10px !important;
  background-color: #339966;
  white-space: normal !important;
  line-height: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: bold;
}


/* dhe-test ############## */
.dhe-test {
  padding: 30px 0 0 0;
}

#wpcf7-f1250-p927-o1 [data-cf7mls-order="0"] .cf7mls_next.action-button, #wpcf7-f1250-p1247-o1 [data-cf7mls-order="0"] .cf7mls_next.action-button {
  min-width: 200px;
  padding-left: 20px;
  padding-right: 20px;
  float: none;
  background-color: #339966;
}

#wpcf7-f1250-p927-o1 .cf7mls-btns, #wpcf7-f1250-p1247-o1 .cf7mls-btns {
  display: none;
}

@media screen and (max-width: 766px) {

  #wpcf7-f1250-p927-o1 .wpcf7-form .fieldset-cf7mls, #wpcf7-f1250-p1247-o1 .wpcf7-form .fieldset-cf7mls {
    padding: 0 15px;
  }

}

.dhe-test h2, .dhe-test h3 {
  text-align: center;
}

.ergebnis-wert {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 60px;
  color: #339966;
  font-weight: bold;
}

@media screen and (max-width: 766px) {

  .ergebnis-wert {
    font-size: 50px;
  }

}

.ergebnis-cont {
  display: none;
  margin-top: -10px;
  margin-bottom: 25px;
  color: #339966;
  font-weight: bold;
}

.ergebnis-cont.active {
  display: block;
}

.dhe-test span.wpcf7-list-item {
  display: block;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0 5px 10px 5px;
  font-size: 16px;
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
}

.dhe-test span.wpcf7-list-item label {
  display: block;
  padding: 6px 10px 8px 10px;
  border: 2px solid rgba(43,112,168,0.5);
  border-radius: 4px;
  background-color: #ffffff;
}

.dhe-test span.wpcf7-list-item label:hover {
  border: 2px solid rgba(43,112,168,1);
  cursor: pointer;
}

.dhe-test span.wpcf7-list-item label input {
  width: auto !important;
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: top;
}

.wpcf7-radio.pic, .dhe-test .wpcf7-checkbox, .dhe-test .wpcf7-radio {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.wpcf7-radio.pic > *, .dhe-test .wpcf7-checkbox > *, .dhe-test .wpcf7-radio > * {
  flex: auto;
  width: 100%;
}

.wpcf7-radio.pic span.wpcf7-list-item label {
  position: relative;
  padding-top: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wpcf7-radio.pic span.wpcf7-list-item label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 38px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.wpcf7-radio.pic span.wpcf7-list-item label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 38px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%) !important;
  z-index: 1;
}

.dhe-test [data-class="wpcf7cf_group"] {
  margin: 0 auto;
}

.dhe-test [data-id="geschlecht"], .dhe-test [data-id="hauttyp"], .dhe-test [data-id="koerperstelle"], .dhe-test [data-id="haarfarbe"] {
  max-width: 600px;
}

.dhe-test [data-id="alter"], .dhe-test [data-id="haardicke"], .dhe-test [data-id="hormonspirale"], .dhe-test [data-id="medikamente"], .dhe-test [data-id="tattoo"] {
  max-width: 400px;
}

/* .dhe-test [data-id="ergebnis"] {
  max-width: 800px;
} */

.dhe-test [data-id="geschlecht"] .wpcf7-radio > *, .dhe-test [data-id="koerperstelle"] .wpcf7-radio > * {
  width: 50%;
}

.dhe-test [data-id="hauttyp"] .wpcf7-radio > *, .dhe-test [data-id="haarfarbe"] .wpcf7-radio > * {
  width: 33.3333%;
}

.dhe-test [data-id="mann"], .dhe-test [data-id="frau"] {
  max-width: 1200px;
}

.dhe-test [data-id="mann"] .wpcf7-checkbox > *, .dhe-test [data-id="frau"] .wpcf7-checkbox > * {
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.dhe-test .wann .wpcf7-radio {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.dhe-test .wann .wpcf7-radio > * {
  width: 100%;
}

@media screen and (max-width: 1000px) {

  .dhe-test [data-id="hauttyp"] .wpcf7-radio > *, .dhe-test [data-id="haarfarbe"] .wpcf7-radio > *, .dhe-test [data-id="mann"] .wpcf7-checkbox > *, .dhe-test [data-id="frau"] .wpcf7-checkbox > * {
    min-width: 50%;
    max-width: 50%;
  }

}

@media screen and (max-width: 766px) {

  .dhe-test [data-id="geschlecht"] {
    max-width: 400px;
  }

  .dhe-test [data-id="mann"] .wpcf7-checkbox > *, .dhe-test [data-id="frau"] .wpcf7-checkbox > * {
    min-width: 100%;
    max-width: 100%;
  }

}

.dhe-test [data-id="geschlecht"] .wpcf7-radio span.wpcf7-list-item:nth-child(1) label::after {
  background-image: url(img/frau.jpg);
}

.dhe-test [data-id="geschlecht"] .wpcf7-radio span.wpcf7-list-item:nth-child(2) label::after {
  background-image: url(img/mann.jpg);
}

.dhe-test [data-id="hauttyp"] .wpcf7-radio span.wpcf7-list-item:nth-child(1) label::after {
  background-image: url(img/hauttyp-1.jpg);
}

.dhe-test [data-id="hauttyp"] .wpcf7-radio span.wpcf7-list-item:nth-child(2) label::after {
  background-image: url(img/hauttyp-2.jpg);
}

.dhe-test [data-id="hauttyp"] .wpcf7-radio span.wpcf7-list-item:nth-child(3) label::after {
  background-image: url(img/hauttyp-3.jpg);
}

.dhe-test [data-id="hauttyp"] .wpcf7-radio span.wpcf7-list-item:nth-child(4) label::after {
  background-image: url(img/hauttyp-4.jpg);
}

.dhe-test [data-id="hauttyp"] .wpcf7-radio span.wpcf7-list-item:nth-child(5) label::after {
  background-image: url(img/hauttyp-5.jpg);
}

.dhe-test [data-id="hauttyp"] .wpcf7-radio span.wpcf7-list-item:nth-child(6) label::after {
  background-image: url(img/hauttyp-6.jpg);
}

.dhe-test [data-id="koerperstelle"] .wpcf7-radio span.wpcf7-list-item:nth-child(1) label::after {
  background-image: url(img/koerperstelle-gesicht.jpg);
}

.dhe-test [data-id="koerperstelle"] .wpcf7-radio span.wpcf7-list-item:nth-child(2) label::after {
  background-image: url(img/koerperstelle-koerper.jpg);
}

.dhe-test [data-id="haarfarbe"] .wpcf7-radio span.wpcf7-list-item:nth-child(1) label::after {
  background-image: url(img/haarfarbe-1.jpg);
}

.dhe-test [data-id="haarfarbe"] .wpcf7-radio span.wpcf7-list-item:nth-child(2) label::after {
  background-image: url(img/haarfarbe-2.jpg);
}

.dhe-test [data-id="haarfarbe"] .wpcf7-radio span.wpcf7-list-item:nth-child(3) label::after {
  background-image: url(img/haarfarbe-3.jpg);
}

.dhe-test [data-id="haarfarbe"] .wpcf7-radio span.wpcf7-list-item:nth-child(4) label::after {
  background-image: url(img/haarfarbe-4.jpg);
}

.dhe-test [data-id="haarfarbe"] .wpcf7-radio span.wpcf7-list-item:nth-child(5) label::after {
  background-image: url(img/haarfarbe-5.jpg);
}

.dhe-test [data-id="haarfarbe"] .wpcf7-radio span.wpcf7-list-item:nth-child(6) label::after {
  background-image: url(img/haarfarbe-6.jpg);
}

.test-status, .dhe-test .wpcf7-number {
  display: none !important;
}

/* footer ############## */
#footer.solid-bg {
  position: relative;

  background: #666666;
  background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #666666), color-stop(100%, #333333));
  background: -webkit-linear-gradient(top, #666666 0%, #333333 100%);
  background: -o-linear-gradient(top, #666666 0%, #333333 100%);
  background: -ms-linear-gradient(top, #666666 0%, #333333 100%);
  background: linear-gradient(to bottom, #666666 0%, #333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333', GradientType=0 );

}

.footer .custom-menu a:not(:hover), .footer .widget {
  color: rgba(255,255,255,0.8);
}

.footer .custom-menu a:hover {
  color: rgba(255,255,255,1);
}

/* #footer.solid-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 20px;
  width: 100%;
  background-image: url(img/footer-shadow.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center top;
  background-size: 1370px 20px;
} */

.footer .custom-nav > li > a span {
  color: #999999;
}

.footer .wf-container .widget{
  position: relative;
}

.footer .wf-container .widget::before {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}

.footer .wf-container .widget::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}

.footer .wf-container .widget:nth-child(2)::before, .footer .wf-container .widget:nth-child(2)::after {
  display: none;
}

/* #bottom-bar.solid-bg {
  min-height: 130px;
  background-image: url(img/footer.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center top;
} */

/* @media screen and (max-width: 1200px) {

  #bottom-bar.solid-bg {
    background-image: url(img/footer-mobile.png);
    background-size: 100% auto;
  }

} */

#bottom-bar.solid-bg .wf-table {
  min-height: 130px;
}

#bottom-bar.solid-bg .wf-table .wf-td {
  padding-bottom: 25px;
  vertical-align: bottom;
}

#bottom-bar .wf-float-right {
  margin-top: -17px;
}

@media screen and (max-width: 990px) {

  #bottom-bar .wf-float-right {
    margin-top: 0;
    padding-top: 10px;
  }

}

@media screen and (max-width: 766px) {

  .wf-container-bottom {
    padding-top: 40px;
  }

}

.liveticker .textwidget {
  margin: 0;
}

.liveticker a {
  display: block;
  background-color: #cc0000;
  padding: 6px 10px;
  color: #ffffff !important;
  text-align: center;
}

.liveticker a:hover {
  text-decoration: underline;
}

/* popup ############## */
#popup {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	margin: 0;
	background: rgba(0,0,0,0.75);
	z-index: 9999;
}

#popup.active {
	display: block;
}

#popup .wpb_column {
  position: relative;
  width: 100%;
  max-width: 600px;
  height: auto;
  margin: 10% auto 0 auto;
  padding: 0 15px;
  float: none;
  box-sizing: border-box;
}

#popup .wpb_column .vc_column-inner {
	background-color: rgba(255,255,255,0.9);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% auto;
	border-radius: 3px;
	padding: 30px 20px;
  border: 3px dashed #cc0000;
}

#popup .wpb_content_element {
	margin-bottom: 0 !important;
}

#popup .hl-2 {
	display: block;
	text-align: center;
	font-weight: bold;
}

#popup p {
	text-align: justify;
}

#main .content #popup .close {
	position: absolute;
	right: 0;
	top: -15px;
	width: 30px;
	height: 30px;
}

#main .content #popup .close a {
	display: block;
	width: 30px;
	height: 30px;
	background: #5b5b5b;
	color: #ffffff;
	text-align: center;
	border-radius: 15px;
	text-decoration: none;
	font: normal normal normal 22px / 28px Arial, Verdana, sans-serif;
	border: 2px solid #fff;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.75);
	box-sizing: border-box;
}

@media screen and (max-width: 780px) {

	/* .mobile-branding > a:after
	{ margin-left: 15px; top: 10px; height: 40px; } */

	#popup {
		position: absolute;
	}

	#popup .wpb_column .vc_column-inner {
		padding: 15px 10px;
	}

	#popup .hl-2 {
		font-size: 22px;
		line-height: 25px;
	}

	#popup img {
		width: 120px;
		height: auto;
	}

}