/*
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
*/

/* =========================================
		Fonts
========================================= */
/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../uploads/fonts/fira-sans-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Light'), local('FiraSans-Light'),
       url('../../uploads/fonts/fira-sans-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../uploads/fonts/fira-sans-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../uploads/fonts/fira-sans-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../uploads/fonts/fira-sans-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../uploads/fonts/fira-sans-v9-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../uploads/fonts/fira-sans-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'),
       url('../../uploads/fonts/fira-sans-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../uploads/fonts/fira-sans-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../uploads/fonts/fira-sans-v9-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../uploads/fonts/fira-sans-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../uploads/fonts/fira-sans-v9-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../../uploads/fonts/lato-v15-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Lato Hairline'), local('Lato-Hairline'),
       url('../../uploads/fonts/lato-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../uploads/fonts/lato-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../uploads/fonts/lato-v15-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../../uploads/fonts/lato-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../uploads/fonts/lato-v15-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../../uploads/fonts/lato-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../../uploads/fonts/lato-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../uploads/fonts/lato-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../uploads/fonts/lato-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../uploads/fonts/lato-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../uploads/fonts/lato-v15-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../../uploads/fonts/lato-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../../uploads/fonts/lato-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../uploads/fonts/lato-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../uploads/fonts/lato-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../../uploads/fonts/lato-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../uploads/fonts/lato-v15-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* =========================================
		Global
========================================= */
b, strong {
    font-weight: 700;
}
/* =========================================
		Menu
========================================= */
.main-nav > li > a .menu-text,
.header-elements-button-1{
font:  normal 300  16px / 20px "Lato", Helvetica, Arial, Verdana, sans-serif;
}
/* =========================================
		Button Styles
========================================= */

.rw_btn_primary{
	border-radius:40px;
}
.ubtn {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.ubtn-data{
	font-weight: 100;
}
.ubtn-sep-icon-right:hover .ubtn-icon {
	right: 15px;
}
button.ubtn-large {
	padding: 15px 40px;
}
/* Weiter Buttons Wrapper */
.vc_custom_1554800612145 {
    text-align: center;
}

/* =========================================
		Heading Styles
========================================= */

.custom_headings .uvc-sub-heading{
	font-weight:300 !important;
	text-align: justify;
}
.fancy-header h1, .fancy-header .fancy-subtitle {
    font-family: "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
}

/* =========================================
		List Item Styles
========================================= */

.info-list-heading {
font-weight: 300 !important;
}
.info_list_item--header{
	font-size: 33px;
	line-height: 44px;
}

.list-img-icon {
    width: 49px;
}

/* =========================================
		Top Bar Styles
========================================= */

.masthead .top-bar .mini-contacts {
    color: #e50880;
    font-size: 21px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    padding: 10px 0;
}
.masthead .top-bar .mini-contacts i,
.masthead .top-bar .text-area{
    font-size: 21px;
    color: #e50880;
}
.mobile-header-bar .mobile-mini-widgets .mini-contacts, .mobile-header-bar .mobile-mini-widgets .text-area,.mobile-header-bar .mobile-mini-widgets .mini-contacts i {
    font: 19px / 19px "Lato", Helvetica, Arial, Verdana, sans-serif;
    color: #e50880;
    font-weight: 300;
}

/* =========================================
		CONTACT FORM 7 STYLES
========================================= */

span.wpcf7-list-item {
    margin: 0 .5rem 0 0;
}
.acceptance_text{
    font-size: 14px;
    line-height: 21px;
}

#page .wpcf7-submit:hover,
input[type="submit"]:not([name="update_cart"]):hover{
	background: #df0079 !important;
}

.footer{
	background: #fff;
}

/* =========================================
		HÖRGERÄTE PREISE TAB
========================================= */
.box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    background-color: #e50880 !important;
    color: #fff !important;
}
.box-status img{
	width: 38px;
	height:38px;
}
.box-status{
	width: 25%;
}
.box-item{
	width: 15%;
}
.box-description{
	width: 60%;
}
/* =========================================
		MEDAI QUERIES
========================================= */
@media screen and (max-width:980px) {
	.box-status img{
		width: 32px;
		height: 32px;
	}
	.box-status{
		width: 25%;
	}
	.box-item{
		width: 15%;
	}
	.box-description{
		width: 60%;
	}
}
@media screen and (max-width:778px){
	.rw_btn_primary{
		padding-top:25px;
		text-align: center;
	}
	#slide-4-layer-2{
		font-size:16px !important;
		padding:12px 23px !important;
	}
	.box-wrapper{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.box-description{
		width: 100%;
	}
	.box-status{
		width: 45%;
	}
		.box-item{
		width: 25%;
	}
}