/*
Template: hairfree
Theme Name: hairfree child theme
Theme URI: http://hairfree.com
Description: Hairfree Theme
Version: 1.0
Author: hairfree
*/


/************************************************************************************

HAIRFREE CHILD THEME CONTENT

*************************************************************************************/

/************************************************************************************
----------------------------------------------------------------
LOAD LOCAL FONTS
----------------------------------------------------------------
*************************************************************************************/

/* Phone detection off */
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}


@font-face {
    font-family: 'Gloss And Bloom';
    src: url('fonts/GlossAndBloom.eot');
    src: url('fonts/GlossAndBloom.eot?#iefix') format('embedded-opentype'),
        url('fonts/GlossAndBloom.woff2') format('woff2'),
        url('fonts/GlossAndBloom.woff') format('woff'),
        url('fonts/GlossAndBloom.ttf') format('truetype'),
        url('fonts/GlossAndBloom.svg#GlossAndBloom') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Bold.eot');
    src: url('fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis-Bold.woff2') format('woff2'),
        url('fonts/Metropolis-Bold.woff') format('woff'),
        url('fonts/Metropolis-Bold.ttf') format('truetype'),
        url('fonts/Metropolis-Bold.svg#Metropolis-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Light.eot');
    src: url('fonts/Metropolis-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis-Light.woff2') format('woff2'),
        url('fonts/Metropolis-Light.woff') format('woff'),
        url('fonts/Metropolis-Light.ttf') format('truetype'),
        url('fonts/Metropolis-Light.svg#Metropolis-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Semi';
    src: url('fonts/Metropolis-SemiBold.eot');
    src: url('fonts/Metropolis-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis-SemiBold.woff2') format('woff2'),
        url('fonts/Metropolis-SemiBold.woff') format('woff'),
        url('fonts/Metropolis-SemiBold.ttf') format('truetype'),
        url('fonts/Metropolis-SemiBold.svg#Metropolis-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Regular.eot');
    src: url('fonts/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis-Regular.woff2') format('woff2'),
        url('fonts/Metropolis-Regular.woff') format('woff'),
        url('fonts/Metropolis-Regular.ttf') format('truetype'),
        url('fonts/Metropolis-Regular.svg#Metropolis-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/************************************************************************************
----------------------------------------------------------------
Menü
----------------------------------------------------------------
*************************************************************************************/

.hairfree_sticky.no_shadow div.header_offcanvas.header_v_pos_right.header_v_c_left.hairfree_offcanvas_opened
{overflow-y: scroll;
 -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}

.hairfree_sticky.no_shadow div.header_offcanvas.header_v_pos_right.header_v_c_left.hairfree_offcanvas_opened::-webkit-scrollbar {
  display: none;
}


.hairfree_menu_use_dda ul#main-menu > li.menu-item.menu-item-has-children > a > span::after,
.tt-main-navigation > div > ul > li > ul > li .has-submenu span::after
{padding: 0px !important;
line-height: inherit !important;
position: absolute;
right: 0 }

.hairfree_offcanvas_opened
{-webkit-transform: none !important;
transform: none !important;
top: auto !important}

.header_offcanvas
{width: 720px !important;
top: inherit}

.menu-main-ct
{width: 290px}

.tt-main-navigation.tt-vertical-navigation div.menu-main-ct ul li a
{padding: 20px 0}

.hairfree_offcanvas_opened
{right: 0px !important;
left: inherit !important;}

.main-container.hairfree_offcanvas_opened
{-webkit-filter: brightness(0.3);
filter: brightness(0.3);}

.site-footer.scrollmagic-pin-spacer.no.hairfree_offcanvas_opened
{-webkit-filter: brightness(0.3);
filter: brightness(0.3);}

.addheader
{float:left;
left: calc(100vw - 680px);
position: relative;
top: 29px;}

.tt-right-additional .hairfree_menu_btn a
{font-size: 16px;
line-height: 22px;
font-weight: 600
}

.tt-header-additional .hairfree_menu_btn a span, 
.hairfree_mobile_btn a spa
{border-radius: 25px;
  padding: 5px 15px;
  border: 1px solid;
}

.tt-header-additional .hairfree_menu_btn a:hover span
{color: #D40057 }

.headerrow1
{transform: translateY(-50px);}

.header_main > .hairfree_container
{z-index:99}

.tt-main-navigation.tt-vertical-navigation .sub-menu
{padding: 0px 0px !important}

.tt-main-navigation > div > ul > li > a span
{font-size: 22px !important;
font-family: 'Metropolis Semi' !important;
}

.tt-main-navigation.tt-vertical-navigation span
{font-size:18px}

.tt-main-navigation > div > ul > li
{border-bottom: 1px solid #F891A5}

.tt-main-navigation > div >  ul > li > ul > li .has-submenu span::after
{  content: "\f107";
  font-family: "tticons";
  padding: 0 0 0 10px;
  line-height: 0;
}

.tt-main-navigation > div >  ul > li > ul > li .has-submenu.highlighted span::after
{content: "\f106";}

.tt-main-navigation > div > ul > li .has-submenu.highlighted span::after
{content: "\f106" !important;}

.menuetxt
{
  font-size: 16px;
  float: right;
  line-height: 90px;
  color: #53565A;
  padding-right: 20px;
  font-weight: 600;
  display: flex;
  justify-content: center;
}

#main-menu.vertical-main-menu.sm.smart_menu li.menu-item.menu-item-type-custom .has-submenu::after
{ height: auto;
width: 36px;
 display: inline-block;
padding-left: 36px}

#main-menu.vertical-main-menu.sm.smart_menu li.menu-item.menu-item-type-custom .has-submenu.highlighted::after
{ height: auto;
width: 36px;
 display: inline-block;
}

#main-menu.vertical-main-menu.sm.smart_menu > li > ul > li>  ul
{margin-left: 15px}

#mobile-menu > li >ul > li >ul
{margin-left: 15px}

.hairfree_menu_button.open .lines::before, 
.hairfree_menu_button.open .lines::after
{width: 36px}

.lines::after
{top: -9px}

.lines::before {
	top: 9px;}

.lines, .lines::before, .lines::after
{display: inline-block;
width: 36px;
height: 3px;
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
	background-clip: padding-box;}

.header_main .lines, .header_main .lines::after, .header_main .lines::before
{color: #53565A !important}


li.menuecheck
{border: 2px solid #F4A8B6 !important;
margin-top: 20px !important;
border-radius: 50px}

li.menuecheck a
{text-align: center !important;
padding: 10px 0px !important}

li.menuetermin
{border: 2px solid #F4A8B6 !important;
background-color: #F4A8B6 !important;
margin-top: 20px !important;
border-radius: 50px}

li.menuetermin a
{text-align: center !important;
padding: 10px 0px !important}

/** Mobile **/
.menu-mobile-ct
{height: 100vh}

ul#mobile-menu
{margin-top: 30px;
padding-left: 30px;
padding-right: 30px}

.mobile-menu li span, 
.tt-mobile-additional .hairfree_search_icon a, 
.tt-mobile-additional .hairfree_social_icons
{border: 0px !important;
padding: 15px 0px !important;}

.tt-mobile-navigation .menu-mobile-ct ul li.menuecheck
{border: none !important;}

.tt-mobile-navigation .menu-mobile-ct ul li.menuetermin
{border: none !important;
	background-color: inherit !important}

.tt-mobile-navigation .menu-mobile-ct ul li.menuecheck a
{border: 2px solid #F4A8B6 !important;
padding: 0px !important;
border-radius: 50px}

.tt-mobile-navigation .menu-mobile-ct ul li.menuetermin a
{padding: 0px !important;
background-color: #F4A8B6 !important;
border-radius: 50px}

.header_mobile .current-menu-item
{border: none !important}

.header_mobile .sub-menu li span
{padding-left: 0px !important;
padding-right: 0px !important}

.menu-mobile-ct > ul#mobile-menu > li
{border-bottom: 1px solid #F4A8B6 !important}


.videoicon
{display: flex;
justify-content: center;
align-items: center;
 transition: all .2s ease-in-out}

.videobutton
{z-index: 99;
position: absolute;
width: 70px !important;
transition: all .2s ease-in-out}

.videolinkspecial
{display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%}


.videoicon:hover
{opacity: 0.6;
}

.videoicon:hover .videobutton
{transform: scale(1.4)}

.lg-sub-html
{display: none !important}

/************************************************************************************
----------------------------------------------------------------
Suche & Suchfeld Top Bar
----------------------------------------------------------------
*************************************************************************************/


 .tt-main-additional .hairfree_search_icon span,
.tt-main-additional .hairfree_search_icon span:hover
{color: #53565A !important;
font-size: 16px !important;
font-weight: 600}

.tt-header-additional .hairfree_search_icon
{display: flex;
float: right;
justify-content: center;
align-items: center;
height: 34px;
width: 180px;
margin-left: auto !important;
margin-right: auto !important}

.hairfree_dropdown[aria-expanded="true"]
{position: absolute;
top: 50px;
padding: 10px;
background-color:  #fff}

input.search-field
{border: 0px;
color: #0F1820 !important;
background-color: #ECECEC;
padding: 10px;
font-size: 16px !important;
height: 41px;
font-family: 'Metropolis';}

.hairfree_search_widget
{width: 500px;
padding-bottom: 50px}

.noresult
{padding-bottom: 30px}

.hairfree_search_result_type
{font-size: 16px}

input.search-field::placeholder
{font-size: 16px !important;
color: #0F1820 !important;}

 a.hairfree_open_s_overlay.has-submenu
{text-align: center !important}

#superchat-widget
{z-index: 998 !important}

/************************************************************************************
----------------------------------------------------------------
Seitenmenü
----------------------------------------------------------------
*************************************************************************************/

.mobileonly
{display: none}

.phoneiconsidebar::before {
     content: url(images/icons/anrufen.svg);
	color: #fff !important
}

.mapiconsidebar::before {
    content: url(images/icons/location.svg);
  	color: #fff !important
}
	
.caliconsidebar::before {
     content: url(images/icons/termin.svg);
	color: #fff !important
}

.rosabg
{background: #D40057}


.side_bg_out_1.side_div_open_1 .side_btn_1,
.side_bg_out_2.side_div_open_2 .side_btn_2,
.side_bg_out_3.side_div_open_3 .side_btn_3
{background: #D40057}

.side_btn_1 {
    position: absolute;
    right: auto;
    left: -50px;
    top: 100px;
    background: #F891A5;
    padding: 13px 20px;
    color: #fff;
    font-size: 18px;
    z-index: 99999;
    width: 50px;
    text-align: center;
	height: 50px;
	border-radius: 50px 0px 0px 50px;
}

.side_bg_out_1.side_div_open_1 {
    right: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
}

.side_bg_out_1 {
    position: fixed;
    right: -250px;
    top: 100px;
    max-width: 250px;
    width: 100%;
    z-index: 99;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    margin-left: -63px;
	
}

.side_div_1 {
    position: absolute;
    right: 0;
    top: 100px;
    max-width: 250px;
    width: 100%;
    z-index: 99999;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
}

.off_canvas_txt_1 {
    max-width: 310px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    padding-top: 20px;
    left: 30px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);}

.side_btn_2 {
    position: absolute;
    right: auto;
    left: -50px;
    top: 130px;
    background: #F891A5;
    padding: 13px 20px;
    color: #fff;
    font-size: 18px;
    z-index: 99999;
    width: 50px;
    text-align: center;
	height: 50px;
  border-radius: 50px 0px 0px 50px;
}

.side_bg_out_2.side_div_open_2 {
    right: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
}

.side_bg_out_2 {
    position: fixed;
    right: -250px;
    top: 130px;
    max-width: 250px;
    width: 100%;
    z-index: 99;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    margin-left: -63px;
}

.side_div_2 {
    position: absolute;
    right: 0;
    top: 130px;
    max-width: 250px;
    width: 100%;
    z-index: 99999;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
}

	.off_canvas_txt_2 {
    max-width: 310px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    padding-top: 20px;
    left: 30px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);}
	


.side_bg_out_3 { position: fixed;
    right: -250px;
    top: 160px;
    max-width: 250px;
    width: 100%;
    z-index: 99;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    margin-left: -63px;}

.side_bg_out_3.side_div_open_3 {
    right: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
}


.side_btn_3 { position: absolute;
    right: auto;
    left: -50px;
    top: 160px;
    background: #F891A5;
    padding: 13px 20px;
    color: #fff;
    font-size: 18px;
    z-index: 99999;
    width: 50px;
    text-align: center;
	height: 50px;  
	border-radius: 50px 0px 0px 50px;

}


.side_div_3 {
    position: absolute;
    right: 0;
    top: 160px;
    max-width: 250px;
    width: 100%;
    z-index: 99999;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
}


	.off_canvas_txt_3 {
    max-width: 310px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    padding-top: 20px;
    left: 30px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);}

a.sidemap,
a.sidcal,
a.sidemap
{color: #fff}

a.sidemap:hover,
a.sidcal:hover,
a.sidemail:hover
{color: #fff}
/************************************************************************************
----------------------------------------------------------------
Welle Flip Rotate
----------------------------------------------------------------
*************************************************************************************/

.tt-shape.tt-shape-bottom.tt-shape-flip
{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

.tt-shape.tt-shape-top.tt-shape-flip
{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.schnittwelle .tt-shape-bottom
{bottom: inherit}


/************************************************************************************
----------------------------------------------------------------
Overlay
----------------------------------------------------------------
*************************************************************************************/
.lg-backdrop
{background: rgba(0,0,0,0.4) !important}

#lg-counter
{display: none !important}

.lg-actions
{display: none !important}

/************************************************************************************
----------------------------------------------------------------
Detialseite Institut
----------------------------------------------------------------
*************************************************************************************/

.institutadresse .vc_column-inner,
.instituttermin .vc_column-inner,
.institutopening .vc_column-inner
{padding: 25px !important;
border-radius: 30px}

.kontakticon .vc_single_image-img
{position: absolute;
top: 0px}

.kontakticon
{margin-bottom: 5px !important}

.kontaktdaten .content
{padding-bottom: 10px}

.mailbefore,
.phonebefore
{display: flex;
align-items: center;}

.mailbefore::before {
    content: url(images/icons/icon-mail.svg);
	display: inline-block;
	margin-right: 10px
}

.phonebefore::before {
    content: url(images/icons/icon-handy.svg);
	display: inline-block;
	margin-right: 10px
	}

.day
{width: 120px;
display: inline-block;}

.circlegallerie .hairfree_gallery_ctn .inside_e 
{border-radius: 100%;
max-height: 400px;
max-width: 400px}

/************************************************************************************
----------------------------------------------------------------
Standortfinder
----------------------------------------------------------------
*************************************************************************************/

#search-filter-form-963.searchandfilter ul
{margin: 0px !important}


.hidden
{display: none !important;}

h3.hfi
{margin: 0px;
font-size: 18px;
line-height: 22px;
font-weight: 600}

h2.standorttitel
{font-size: 18px;
line-height: 22px;
font-weight: 600}

.institutdetails
{
width: calc(25% - 20px);
border: 1px solid #D9DADC;
padding: 50px 15px;
margin: 0px 10px 20px 10px !important;
float: left
}

.institutdetails:hover
{background-color: #AAC5C9}

.phone
{display: flex;
padding-top: 20px}

a.standortlink
{color: inherit !important}


/* Filterfeld für Satdnortfinder Reihe */

#search-filter-form-1619.searchandfilter ul
{margin: 0px !important}

#search-filter-form-1619.searchandfilter ul li
{display: inline-block !important;
float: left;
padding: 0px !important}

#search-filter-form-1619 .sf-field-search input.sf-input-text
{border: 1px solid #F891A5 !important;
height: 50px;
border-radius: 100px 0px 0px 100px;
padding: 0px 50px 0px 20px;
display: inline-block;
font-size: 18px;
font-family: 'Metropolis' !important;}

#search-filter-form-1619 .sf-field-submit input
{height: 50px;
display: inline-block;
background-color: #F891A5;
padding: 0px 20px;
border-radius: 0px 100px 100px 0px;
color: #fff;
font-size: 18px;
font-family: 'Metropolis' !important;
}

#search-filter-form-1619.searchandfilter
{height: 80px}

#search-filter-form-963 .sf-field-search input.sf-input-text
{border: 1px solid #F891A5 !important;
height: 50px;
border-radius: 100px;
padding: 0px 50px 0px 20px;
display: inline-block;
font-size: 18px;
width: 600px;
font-family: 'Metropolis' !important;}

#search-filter-form-963.searchandfilter ul li
{margin: 0px !important;
padding-top: 0px !important}

#search-filter-form-963
{padding-bottom: 50px}

.filter
{padding-top: 100px;
padding-bottom: 20px;
color: #F891A5;
font-size: 25px;
font-family: 'Metropolis Semi' !important; }



.sf-field-taxonomy-portfolio_category,
.sf-field-taxonomy-portfolio_tag
{display: inline-block !important;
float: left;
padding: 0px 30px 0px 0px !important}


.sf-input-select
{display: inline-block;
float: left;
border-radius: 100px;
padding: 0px 50px 0px 20px;
border: 1px solid #968594 !important;
height: 50px;
font-family: 'Metropolis' !important;}

.searchandfilter select.sf-input-select
{min-width: 300px;}

.search-filter-reset
{background-color: #F891A5;
color: #fff;
border-radius: 100px;
height: 50px;
padding: 0px 50px 0px 50px;
font-family: 'Metropolis' !important;}

/************************************************************************************
----------------------------------------------------------------
Jobs & Karriere
----------------------------------------------------------------
*************************************************************************************/

.hairfree_accordion .panel-title
{border-bottom: 1px solid #BEB4BD !important;
border-top: none !important;
border-left: none !important;
border-right: none !important}

.panel-title a
{text-transform: none !important;
font-size: 20px !important;
line-height: 26px !important;
font-family: 'Metropolis Semi' !important;}

.hairfree_acc_4 .panel-title a
{padding: 20px 0px !important}

.hairfree_acc_4 .plus-minus-toggle::before, 
.hairfree_acc_4 .plus-minus-toggle::after 
{width: 22px !important;}

.hairfree_acc_4 .plus-minus-toggle
{top: 50% !important}

.hairfree_acc_4 .panel-title .plus-minus-toggle::before,
.hairfree_acc_4 .panel-title .plus-minus-toggle::after
{background: #BEB4BD !important}

.hairfree_jobs_ctn.hairfree_jobs_style_1.hairfree_isotope.col_4 .hairfree_iso_item
{width: calc(25% - 20px);
border: 1px solid #D9DADC;
padding: 50px 15px !important;
margin: 0px 10px 20px 10px !important;
float: left;
height: 240px}

h2.hairfree_jobs_m_title
{margin: 0px;
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 20px;
min-height: 80px}

h2.hairfree_jobs_m_title a:hover
{color: #000}

.hairfree_jobs_m_category a,
.hairfree_jobs_m_category a:hover
{color: #F891A5;
pointer-events: none;
cursor: default;
text-decoration: none;
font-size: 16px}

.hairfree_jobs_m_category
{font-weight: 600;
color: #F891A5}

.hairfree_jobs_m_type
{display: block;
margin-top: 5px}

.hairfree_jobs_m_content
{font-size: 16px;}

/************************************************************************************
----------------------------------------------------------------
Blog
----------------------------------------------------------------
*************************************************************************************/

.hairfree_blog_style_6 .hairfree_blog_m_content {
	padding: 0 35px 10px;}
	
.load_more_btn
{padding: 0px 20px;
border-radius: 100px;
font-family: 'Metropolis Semi' !important;
line-height:  50px !important}

.hairfree_blog_style_6 .inside_e
{padding: 0px !important}

.hairfree_filter
{padding: 50px 0px}

 .hairfree_filter_style_5 .hairfree_filter li.selected a,
 .hairfree_filter_style_5 .hairfree_filter li.selected a:hover
{background-color: #F891A5 !important}

.hairfree_blog_style_6 .hairfree_blog_m_title
{font-size: 22px !important;
line-height: 28px !important;
font-weight: 600 !important;
max-width: 90%;
min-height: 90px}

.hairfree_blog_m_date
{font-size: 16px !important;
line-height: 23px !important;
color: #968594 !important;
font-weight: 600 !important;
padding: 20px 0px}

.hairfree_m_more_link a.main_font
{color: #000 !important;
text-decoration: underline !important;
font-weight: 600 !important}

.hairfree_m_more_link a.main_font:hover
{color: #F891A5 !important}

.hairfree_blog_m_title a:hover
{color: #F891A5 !important}

.share_ctn h3
{color:  #F891A5;
font-size: 25px !important;
line-height: 32px !important;
font-weight: 600}

.sp_tags_ctn a
{border-color: #F891A5 !important;
border-radius: 28px !important;
line-height: 48px !important;
color:  #F891A5 !important;
padding: 0px 25px !important;
font-weight: normal !important;
font-size: 18px !important;
text-transform: none !important}

.sp_tags_ctn a:hover,
.hairfree_share_box.grey span a:hover
{color: #FFF !important;}

.hairfree_share_box.grey span a
{color: #F891A5 !important;
border-color: #F891A5 !important }

.share_ctn
{padding-top: 50px !important}

.single-post .article_ctn, .single-post .sidebar_ctn
{padding-top: 0px !important}

.load_more_btn:hover
{background-color: #D40057 !important}


/************************************************************************************
----------------------------------------------------------------
Presselounge
----------------------------------------------------------------
*************************************************************************************/


.hairfree_presse_more_link
{padding: 0 0 24px !important;}


.load_more_btn
{padding: 0px 20px;
border-radius: 100px;
font-family: 'Metropolis Semi' !important ;
line-height:  50px !important}

.hairfree_staff_style_1 .inside_e
{padding: 0px !important;
border-radius: 50px;
  border: 1px solid #d9dadc;
}

.hairfree_presse_m_content
{padding: 0 35px 10px;}

.hairfree_filter
{padding: 50px 0px}

.hairfree_presse_m_thumbnail
{margin-bottom: 39px}

.hairfree_staff_m_entry
{ padding: 14px 0px 17px;}


.hairfree_staff_style_1 .hairfree_presse_m_title 
{font-size: 22px !important;
line-height: 28px !important;
font-weight: 600 !important;
max-width: 90%;}

.hairfree_blog_m_date
{font-size: 16px !important;
line-height: 23px !important;
color: #968594 !important;
font-weight: 600 !important;
padding: 20px 0px}

.hairfree_presse_more_link a
{color: #000 !important;
text-decoration: underline !important;
font-weight: 600 !important}

.hairfree_m_more_link a.main_font:hover
{color: #F891A5 !important}

.hairfree_presse_m_title a,
.hairfree_presse_m_title a:hover
{color: #F891A5 !important}

.share_ctn h3
{color:  #F891A5;
font-size: 25px !important;
line-height: 32px !important;
font-weight: 600}

.sp_tags_ctn a
{border-color: #F891A5 !important;
border-radius: 28px !important;
line-height: 48px !important;
color:  #F891A5 !important;
padding: 0px 25px !important;
font-weight: normal !important;
font-size: 18px !important;
text-transform: none !important}

.sp_tags_ctn a:hover,
.hairfree_share_box.grey span a:hover
{color: #FFF !important;}

.hairfree_share_box.grey span a
{color: #F891A5 !important;
border-color: #F891A5 !important }

.share_ctn
{padding-top: 50px !important}

.single-post .article_ctn, .single-post .sidebar_ctn
{padding-top: 0px !important}


/************************************************************************************
----------------------------------------------------------------
Typo
----------------------------------------------------------------
*************************************************************************************/

h1,
h2,
h3,
h4,
h5
{font-weight: inherit}

body
{font-family: 'Metropolis';}

.light
{font-weight: 300}

.semi
{font-family: 'Metropolis Semi' !important;
font-weight: 600;}

.bold
{font-weight: bold}

.metro
{font-family: 'Metropolis';}

.gloss
{font-family: 'Gloss And Bloom' !important;}

.fs18
{font-size: 18px;
line-height: 27px}


.fs20
{font-size: 20px;
line-height: 25px}

.fs24
{font-size: 24px;
line-height: 34px}

.fs25
{font-size: 25px;
line-height: 32px}

.fs32
{font-size: 32px;
line-height: 42px}

.fs52
{font-size: 52px;
line-height: 62px}

.fs70
{font-size: 70px;
line-height: 80px}

.fs72
{font-size: 72px;
line-height: 100px}

.fs87
{font-size: 87px;
line-height: 99px}

.fs100
{font-size: 100px;
line-height: 150px}

.white
{color: #fff}

.black
{color: #000}

.rosa
{color: #F891A5}

.rosa2
{color: #F4A8B6}

.rosa3
{color: #F7C0C9}

.s1
{color: #968593}

.head1
{font-size: 120px;
line-height: 120px;
color: #FFFFFF;
font-family: 'Metropolis Semi';
margin-bottom: 0px !important}

.head2
{font-size: 120px;
line-height: 120px;
margin-left: 60px;
color: #FFFFFF;
font-family: 'Metropolis Semi';
margin-bottom: 15px !important}

.soeasy
{font-size: 120px;
line-height: 120px;
font-family: 'Metropolis Semi';
margin-bottom: 0px !important}

.befree
{font-size: 120px;
line-height: 120px;
margin-left: 60px;
font-family: 'Metropolis Semi';
margin-bottom: 15px !important}

.hairfree_button_sub_ctn,
.hairfree_button_ctn i
{line-height: 24px !important}

.hairfree_button_small
{border-radius: 25px !important;
text-transform: none !important;
font-family: 'Metropolis Semi' !important;
padding: 10px;
height: auto !important}

.hairfree_button_small:hover,
.hairfree_button_small:focus{
background-color: #D40057 !important;
}

.hairfree_button_medium
{border-radius: 25px !important;
text-transform: none !important;
font-family: 'Metropolis Semi' !important;
background-color: #fff !important;
color: #F891A5 !important;
border: 1px solid #F891A5 !important;
height: auto !important;
padding: 10px;
}

.hairfree_button_medium:hover,
.hairfree_button_medium:focus{
background-color: #D40057 !important;
color: #fff !important;
border: 1px solid #D40057 !important;}

.team
{margin-left: -60px;
position: absolute;
font-size: 100px;
line-height: 130px;
color: #F7C0C9;
font-family: 'Gloss And Bloom' !important;
 }

.claim
{margin-left: -60px;
position: absolute;
bottom: 50px;
font-size: 100px;
line-height: 130px;
color: #F7C0C9;
font-family: 'Gloss And Bloom' !important;
 }

.claimleft
{margin-left: 60px;
position: absolute;
bottom: 50px;
font-size: 100px;
line-height: 130px;
color: #F7C0C9;
font-family: 'Gloss And Bloom' !important;
 }

.more
{text-decoration: underline;
font-family: 'Metropolis Semi';
color: #000}

.more a,
.more a:hover
{color: #000}

.nummer
{
border-radius: 100%;
background-color: #F4A8B6;
width: 48px;
height: 48px;
display: flex;
color: #fff;
justify-content: center;
align-items: center;
font-size: 22px;
font-family: 'Metropolis Semi';
margin-right:20px
}

.nummertext
{font-family: 'Metropolis Semi';
display: flex;
align-items: center;
justify-content: center;}

.hairfree_container.hairfree_inner_row_ctn
{max-width: 687px !important;}

.left .hairfree_container.hairfree_inner_row_ctn 
{margin-right:0px}

.right .hairfree_container.hairfree_inner_row_ctn 
{margin-left:0px}

/************************************************************************************
----------------------------------------------------------------
Images
----------------------------------------------------------------
*************************************************************************************/


.comparsionslider .nba-after-img,
.comparsionslider .nba-before-img
{border-radius: 30px}

.bildnummer
{  position: absolute;
  z-index: 99;
  top: 0;
}

.sliderimg .vc_single_image-img
{max-width: 500px;
border-radius: 30px}

.headerimg
{min-height: 800px}

.headerimg2
	{min-height: 400px}


.mh800
{min-height: 800px}

.mh133
{min-height: 133px}

.easy
{color: #F4A8B6;
font-size: 70px;
font-family: 'Metropolis Semi' !important;
line-height: 80px;
display: flex}

.easy::after
{content: url(images/icon-so-easy.svg);
width: 125px;
height: 125px;
margin-left: 40px}

.imgpad50 .vc_single_image-img
{padding: 50px 50px 50px 50px}


.imgcircle
{width: 300px}

.teamcircle .vc_single_image-img
{object-fit: cover;
max-height: 300px;}

.proof
{width: 140px}

.imgrnd
{border-radius: 30px}

.zoomlink
{}

.zoomrndlink
{border-radius: 30px;
width: 100%;
	height: auto;
	/* SCALE */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}

.zoomrndlink:hover
{border-radius: 30px;
width: 100%;
	height: auto;
	-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);}

.zoom,
.zoom:hover
{overflow: hidden;
border-radius: 30px;
will-change: transform}

.kreis
{border-radius: 100%}

.oval
{width: 450px !important;
height: 600px;
image-size: contain;
object-fit: cover;
border-radius: 50vw 50vw 50vw 50vw;}

.ovalzoom
{width: 450px;
	height: 600px;
overflow: hidden;
border-radius: 50vw 50vw 50vw 50vw;
will-change: transform}


.ovallink
{border-radius: 50vw 50vw 50vw 50vw;
width: 100%;
	width: 450px;
	height: 600px;
	/* SCALE */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}

.ovallink:hover
{border-radius: 50vw 50vw 50vw 50vw;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);}

.iconcircle img
{width: 125px;
height: 125px;
display: block;
position: absolute;
z-index: 9;
right: 50px;}

.iconort img
{width: 166px;
height: 166px;
display: block;
position: absolute;
z-index: 9;
right: 166px;}

.iconbottom img
{width: 125px;
height: 125px;
display: block;
position: relative;
z-index: 9;
margin-top: -130px}

.front
{z-index: 9}

.overlapped
{margin-top: -50px}

.ovalsocial .vc_column-inner
{border-radius: 50vw 50vw 50vw 50vw;
background-color: #fcf5f2 !important}

.ovalsocial
{padding: 15px 35px !important}


/************************************************************************************
----------------------------------------------------------------
Cleverreach
----------------------------------------------------------------
*************************************************************************************/

.clever .cr_ipe_item
{margin: 0px !important}

.clever .cr_form-input
{padding: 10px 10px;
width: 90%;
border-radius: 10px;
border-color: #B5B6B8;
font-family: 'Metropolis' !important;}

.clever .cr_button
{color: #ffffff;
background: rgba(248,145,165,1);
border-color: rgba(248,145,165,1);
font-size: 15px;
text-transform: none;
letter-spacing: 0px;
padding: 0px 20px;
border-radius: 100px;
font-family: 'Metropolis Semi' !important;
height: 50px !important;
width: 200px;
margin-top: 30px !important}

.clever .cr_ipe_item label
{font-size: 16px !important;
padding-bottom: 20px !important}

.clever .cr_form .submit_container
{text-align: left !important}


/************************************************************************************
----------------------------------------------------------------
3D Image
----------------------------------------------------------------
*************************************************************************************/

.dimage #master-container
{margin-left: auto;
margin-right: auto}

.dimage .wpvr-cardboard
{background: rgba(0,0,0,0) !important}

.dimage .wpvr-cardboard .pano-wrap
{border-radius: 50px}

/************************************************************************************
----------------------------------------------------------------
Contact
----------------------------------------------------------------
*************************************************************************************/

.spalte1
{width: 50%;
float: left}

.spalte2
{width: 50%;
float: left}

.spalte3
{width: 100%;
float: left}

.hairfree_cf7_ctn input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), 
.hairfree_cf7_ctn textarea {
  padding: 10px 10px;
  width: 90%;
  border-radius: 10px;
  border-color: #B5B6B8;
font-family: 'Metropolis' !important;
}

.hairfree_cf7_ctn textarea
{border-color: #B5B6B8 !important; }

.cfinstitut
{padding: 20px 0px}

.cfinstitutname
{font-weight: 600}

.cfreturn
{font-size: 25px;
line-height: 32px;
font-weight: 600}

span.wpcf7-list-item
{width: 33.3333%}

.hairfree_cf7_ctn input[type="radio"]
{border-color: #F891A5 !important;
box-shadow: none !important;
width: 16px;
height: 16px;}

.bigradio input[type="radio"]
{border-color: #F891A5 !important;
box-shadow: none !important;
width: 26px;
height: 26px;}

.bigradio .wpcf7-list-item-label
{font-size: 25px;
line-height: 32px;
font-weight: 600}

.hairfree_cf7_btn input[type="submit"]
{padding: 0px 20px;
border-radius: 100px;
font-family: 'Metropolis Semi';
height: 50px !important}

.hairfree_cf7_btn input[type="submit"]:hover
{background-color: #D40057 !important}

::placeholder
{font-family: 'Metropolis' !important}

.wpcf7-list-item {
  display: inline-flex;
  margin: 10px 0px !important;
}

.bigradio .wpcf7-list-item
{width: 50%}

.bigradio input[type="radio"]:checked::before
{margin: -8px 0 0 -8px;
width: 16px;
height: 16px}

.warum
{display: block;
padding: 15px 0px 10px 0px}

.wpcf7-textarea
{resize:none;
width: 80%;
height: 160px;
font-family: 'Metropolis' !important;}

.hairfree_cf7_ctn select
{
padding: 10px 10px;
width: 90%;
border-radius: 10px;
border-color: #B5B6B8;
font-family: 'Metropolis' !important;
}

.wpcf7 input[type="file"]
{font-family: 'Metropolis' !important;}


/************************************************************************************
----------------------------------------------------------------
Hairfree Check
----------------------------------------------------------------
*************************************************************************************/

.survey_preloader
{display: none !important}

.progress_counter
{display: none !important}

.survey_table
{display: flex !important;
width: 100% !important;
justify-content: center !important}

.survey_answers
{width: 25% !important;
float: left !important;
display: flex !important;
flex: 0 0 auto !important}

.survey_element
{margin: 0px !important;
padding: 10px !important}

.ms-a-label
{display: block !important;
margin-top: 10px !important;
font-size: 18px !important;
font-family: 'Metropolis Semi';}

.survey_question
{font-size: 25px !important;
font-family: 'Metropolis Semi';
color: #F891A5 !important;}

.eachdisplay
{margin-bottom: 30px;
	margin-top: 20px;}

.survey-progress-bar .survey-progress-ln
{background: #fff !important;
margin: 0px !important}

.survey-progress-bar,
.progress
{background: #F891A5 !important}

.survey-progress-bar
{margin-top: 50px}

.survey-progress-bar .survey-progress-ln .progress_counter
{border: 0px !important;
font-size: 15px !important;
padding: 0px !important}

/************************************************************************************
----------------------------------------------------------------
Kundenstimmen Slider
----------------------------------------------------------------
*************************************************************************************/
.fa-angle-left:before {
  content: "\f104";
	color:#F891A5;
	font-size: 50px
}

.fa-angle-right:before {
  content: "\f105";
	color:#F891A5;
	font-size: 50px
}

.owl-prev .owl-nav-container, 
.owl-next .owl-nav-container
{background-color: #fff !important;
	top: -100px !important}

/************************************************************************************
----------------------------------------------------------------
Video Slider
----------------------------------------------------------------
*************************************************************************************/

.videoslider .hairfree_owl_carousel
{overflow: visible !important}

.videoslider .owl-prev .owl-nav-container,
.videoslider .owl-next .owl-nav-container
{background-color: rgba(0,0,0,0) !important;
top: -35px !important}

.videoslider .owl-prev
{margin-left: 0px;
margin-top: -35px}

.videoslider .owl-next
{margin-right: 0px;
margin-top: -35px}


/************************************************************************************
----------------------------------------------------------------
FOOTER
----------------------------------------------------------------
*************************************************************************************/

.rplg-badge2 .rplg-badge2-btn
{z-index: 9 !important}

.blacklink p a,
.blacklink > p > a
{color: #000 !important}

.blacklink p a:hover,
.blacklink > p > a:hover
{color: #d40057 !important}

.footer_widget_ctn
{border-top: 1px solid #000;
padding-top: 30px}

.social 
{width: 51px;
height: 51px;
display: inline-block;
float: left;
margin: 10px}

.socialcenter
{display: flex;
justify-content: center}

.copy
{margin-right: 20px}

a.imprint
{margin-left: 20px;
margin-right: 20px;}

a.data
{margin-left: 20px}

/************************************************************************************
----------------------------------------------------------------
MARGINS / PADDINGS
----------------------------------------------------------------
*************************************************************************************/

.z9
{z-index: 9}

.bott10
{bottom:10px}

.bott20
{bottom:20px}

.bott30
{bottom:30px}

.bott40
{bottom:40px}

.bott50
{bottom:50px}

.bott60
{bottom:60px}

.bott70
{bottom:70px}

.bott80
{bottom:80px}

.bott90
{bottom:90px}

.bott100
{bottom:100px}

.bott150
{bottom:150px}

.bott200
{bottom:200px}

/***********************************************************************************
 *	+ RESTRICT WIDTH
 ***********************************************************************************/

.max_w95
{max-width: 95% }

.max_w90
{max-width: 90% }

.max_w85
{max-width: 85%}

.max_w80
{max-width: 80%}

.max_w70
{max-width: 70%}

.max_w60
{max-width: 60%}

.max_w50
{max-width: 50%}

.max_w40
{max-width: 40%}

.fullwidth
{width: 100%}

.automarg{
margin-left: auto !important;
margin-right: auto !important }

.center
{text-align: center}

.marg_b0
{margin-bottom: 0px !important}

.marg_b5
{margin-bottom: 5px !important}

.marg_b10
{margin-bottom: 10px !important}

.marg_b20
{margin-bottom: 20px !important}

.marg_b30
{margin-bottom: 30px !important}

.marg_b40
{margin-bottom: 40px !important}

.marg_b50
{margin-bottom: 50px !important}

.marg_b60
{margin-bottom: 60px !important}

.marg_b70
{margin-bottom: 70px !important}

.marg_b80
{margin-bottom: 80px !important}

.marg_b90
{margin-bottom: 90px !important}

.marg_b100
{margin-bottom: 100px !important}

.marg_t10
{margin-top: 10px !important}

.marg_t20
{margin-top: 20px !important}

.marg_t30
{margin-top: 30px !important}

.marg_t40
{margin-top: 40px !important}

.marg_t50
{margin-top: 50px }

.marg_t60
{margin-top: 60px !important}

.marg_t70
{margin-top: 70px !important}

.marg_t80
{margin-top: 80px !important}

.marg_t90
{margin-top: 90px !important}

.marg_t100
{margin-top: 100px !important}

.marg_l50
{margin-left: 50px !important}

.marg_r-50
{margin-right: -50px !important}


.pad_l10
{padding-left: 10px !important}

.pad_l20
{padding-left: 20px !important}

.pad_l30
{padding-left: 30px !important}

.pad_l40
{padding-left: 40px !important}

.pad_l50
{padding-left: 50px !important}

.pad_l60
{padding-left: 60px !important}

.pad_l70
{padding-left: 70px !important}

.pad_l80
{padding-left: 80px !important}

.pad_l90
{padding-left: 90px !important}

.pad_l100
{padding-left: 100px !important}

.pad_l110
{padding-left: 110px !important}

.pad_l120
{padding-left: 120px !important}

.pad_l130
{padding-left: 130px !important}

.pad_l140
{padding-left: 140px !important}

.pad_l150
{padding-left: 150px !important}

.pad_r10
{padding-right: 10px !important}

.pad_r20
{padding-right: 20px !important}

.pad_r30
{padding-right: 30px !important}

.pad_r40
{padding-right: 40px !important}

.pad_r50
{padding-right: 50px !important}

.pad_r60
{padding-right: 60px !important}

.pad_r70
{padding-right: 70px !important}

.pad_r80
{padding-right: 80px !important}

.pad_r90
{padding-right: 90px !important}

.pad_r100
{padding-right: 100px !important}


.pad_t10
{padding-top: 10px !important}

.pad_t20
{padding-top: 20px !important}

.pad_t30
{padding-top: 30px !important}

.pad_t40
{padding-top: 40px !important}

.pad_t50
{padding-top: 50px }

.pad_t60
{padding-top: 60px !important}

.pad_t70
{padding-top: 70px !important}

.pad_t80
{padding-top: 80px !important}

.pad_t90
{padding-top: 90px !important}

.pad_t100
{padding-top: 100px }

.pad_t150
{padding-top: 150px !important}

.pad_t200
{padding-top: 200px !important}

.pad_t250
{padding-top: 250px !important}

.pad_t300
{padding-top: 300px !important}

.pad_b10
{padding-bottom: 10px !important}

.pad_b20
{padding-bottom: 20px !important}

.pad_b30
{padding-bottom: 30px !important}

.pad_b40
{padding-bottom: 40px !important}

.pad_b50
{padding-bottom: 50px }

.pad_b60
{padding-bottom: 60px !important}

.pad_b70
{padding-bottom: 70px !important}

.pad_b80
{padding-bottom: 80px !important}

.pad_b90
{padding-bottom: 90px !important}

.pad_b100
{padding-bottom: 100px }

.pad_b150
{padding-bottom: 150px !important}

.pad_b200
{padding-bottom: 200px !important}

.pad_b250
{padding-bottom: 250px !important}

.nomarg
{margin: 0px !important}

/************************************************************************************
----------------------------------------------------------------
Tablet
----------------------------------------------------------------
*************************************************************************************/
@media (min-width: 1940px) 
{
.mh133
{min-height: 170px}
}

@media (max-width: 1024px) 
{
 
	.institutdetails {
	width: calc(50% - 20px);}
	
	.hairfree_parallax_ctn,
	.hairfree_row_parallax
	{  background-attachment: scroll !important;
  background-position: 50% !important;}
	
body
{font-size: 15px !important;
line-height: 22px !important}
	
	.fs18
{font-size: 15px;
line-height: 22px}


.fs24
{font-size: 19px;
line-height: 24px}

.fs24
{font-size: 19px;
line-height: 24px}

.fs25
{font-size: 20px;
line-height: 26px}

.fs32
{font-size: 25px;
line-height: 30px}

.fs52
{font-size: 30px;
line-height: 40px}

.fs70
{font-size: 35px;
line-height: 42px}

.fs72
{font-size: 72px;
line-height: 100px}

.fs87
{font-size: 87px;
line-height: 99px}

.fs100
{font-size: 50px;
line-height: 66px}
	
.head1
{font-size: 56px;
line-height: 61px}
	
.head2
{font-size: 56px;
line-height: 61px}
	
.hairfree_button_small,
.hairfree_button_medium
{font-size: 14px !important;
line-height: 17px !important}
	
.easy
{font-size: 35px;
line-height: 42px}

.team
{font-size: 50px;
line-height: 58px}
	
.claim
{font-size: 50px;
line-height: 58px}
	
.claimleft
{font-size: 50px;
line-height: 58px}
	
	
.hairfree_count_to
{font-size: 50px !important;
line-height: 58px !important}
	
	.mobile4 .vc_col-sm-2
	{width: 25%; float:left}
	
.mobilehalf .vc_col-sm-2
	{width: 50%; float:left}
	
.menuetxt
	{display: none !important}
	
.addheader
	{display: none !important}
	
	
	.hairfree_isotope.col_4 .hairfree_iso_item {
  width: calc( 100% / 4) !important;
}
	
.hairfree_blog_style_6 .hairfree_blog_m_title {
  font-size: 20px !important;
  line-height: 26px !important;
    max-width: 100%;
	}
	
.mobile4.headpad .desktoponly
	{display: none !important}
	
		.bigradio .wpcf7-list-item
{width: 50%}
	
	span.wpcf7-list-item
{width: 50%}
	
	.imgpad50 .vc_single_image-img
	{padding: 0px 10px 0px 10px}
	
	.headerimg
	{min-height: 500px}
	
.headerimg2
	{min-height: 400px}
	
.iconcircle img,
.iconort img
	{width: 80px;
	height: 80px;
	top: 50px}

.iconbottom img
	{width: 80px;
	height: 80px;
	margin-top: -50px}
	
.iconort.pad_b30
	{padding-bottom: 0px}

.nummer
{margin-left: auto;
margin-right: auto;
}

.nummertext
	{text-align: center;
	display: block !important}
	
.wpb_content_element
	{margin-bottom: 15px !important}
	
.max_w70,
.max_w80,
.max_w90
	{max-width: 90%}
	
.ovalzoom
{height: auto}
	
.mobileinner .hairfree_container.hairfree_inner_row_ctn 
	{display: block;}

.mobileinner .hairfree_container.hairfree_inner_row_ctn .vc_col-sm-8
	{width: 100%}
	
	.mobileinner .hairfree_button_center 
	{text-align: left;
  margin-top: 15px;}
		
.tabletrow_1 .vc_col-sm-3
	{width:50%}
	
.tabletrow_2 .vc_col-sm-4
	{width:50%}
	

.street,
.adress,
.owner,
.kontaktdaten,
.day,
.openinghours
{font-size: 15px;
line-height: 22px}
	
.sliderimg .vc_single_image-img
{max-width: inherit}
}
/************************************************************************************
----------------------------------------------------------------
MOBILE KLASSE
----------------------------------------------------------------
*************************************************************************************/



@media (max-width: 767px) 
{
	
.hairfree_jobs_ctn .hairfree_iso_item
	{width: 100% !important;
	float: left}

.mobilemitte .wpb_single_image.vc_align_right,
.mobilemitte .wpb_wrapper
	{text-align: center !important}
	
.teamcircle .vc_single_image-img
	{max-width: 300px}
	
.videoslider .vc_tta-panel
	{padding: 0px 20px}
	
.videoslider .owl-next
	{margin-right: -15px}
	
.videoslider .owl-prev
	{margin-left: -15px}
	
.survey_question span, 
.section_content span
	{width: 100% !important}

.eachdisplay
	{margin-bottom: 20px !important}
	
.finderpeopleone.wpb_column.vc_column_container.vc_col-sm-4
	{width: 50% !important;
	float: left !important}
	
.finderpeopletwo.wpb_column.vc_column_container.vc_col-sm-4
		{width: 50% !important;
	float: left !important}
		
.nomobile
	{display: none}
	
.mobfootmarg
	{margin-top: 50px}
	
.survey_answers
{width: 50% !important;
float: left !important;
display: flex !important;
flex: 0 0 auto !important}
	
.panel-title a
	{font-size: 15px !important;
	line-height: 20px !important;
	max-width: 90%}
	
.hairfree_sh_video_bg
{position: absolute;
left: 0;
width: 100%;
overflow: visible;
height: 300px;
object-fit: cover;}

.headerimg.vc_video-bg-container
	{overflow: visible !important}
	
.tabletrow_1 .vc_col-sm-3
	{width:100%}
	
	.tabletrow_2 .vc_col-sm-4
	{width:100%}
	
.hairfree_blog_m_entry
	{font-size: 15px;}
	
.hairfree_filter_style_5 .hairfree_filter li a
	{padding: 0 10px;
	line-height: 30px;
	font-size: 15px;}
	
.sp_tags_ctn a	
	{padding: 0 10px !important;
	line-height: 30px !important;
	font-size: 15px !important;}
	
.hairfree_share_box.grey span a
	{padding: 8px 0 !important}
	
.hairfree_blog_style_6 .hairfree_blog_m_thumbnail
	{margin-bottom: 15px}
	
.hairfree_blog_m_date
	{padding: 0px !important}
	
.hairfree_filter li
	{margin: 0 5px 10px !important}
	
.street,
.adress,
.owner,
.kontaktdaten,
.day,
.openinghours
{font-size: 15px;
line-height: 22px}
	
.imgcircle
	{padding: 0px 50px 0px 50px}
	
.fs18
{font-size: 15px;
line-height: 22px}


.fs24
{font-size: 19px;
line-height: 24px}

.fs24
{font-size: 19px;
line-height: 24px}

.fs25
{font-size: 20px;
line-height: 26px}

.fs32
{font-size: 22px;
line-height: 28px}

.fs52
{font-size: 30px;
line-height: 40px}

.fs70
{font-size: 35px;
line-height: 42px}

.fs72
{font-size: 72px;
line-height: 100px}

.fs87
{font-size: 87px;
line-height: 99px}

.fs100
{font-size: 50px;
line-height: 66px}
	
.head1
{font-size: 56px;
line-height: 61px}
	
.head2
{font-size: 56px;
line-height: 61px}
	
.hairfree_button_small,
.hairfree_button_medium
{font-size: 14px !important;
line-height: 17px !important}
	
.easy
{font-size: 35px;
line-height: 42px}

.team
{font-size: 50px;
line-height: 58px}
	
.claim
{font-size: 50px;
line-height: 58px}
	
.claimleft
{font-size: 50px;
line-height: 58px}
	
	
.hairfree_count_to
{font-size: 50px !important;
line-height: 58px !important}

	
/* Iamges */

.imgpad50 .vc_single_image-img
	{padding: 0px 50px 0px 50px}

.proof,
.imgcircle
	{width: auto}
	
.headerimg
	{min-height: 300px}
	
.headerimg2
	{min-height: 200px}

.mh800
	{min-height: 300px}
	
.mh133
	{min-height: 65px}
	
.mobicon
	{position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
	height: 38px}
	
.iconort img {
  width: 125px;
  height: 125px;
  display: block;
  position: absolute;
  z-index: 9;
  right: 50px;
}

.ovalzoom
	{height: auto}
	
.overlapped
	{margin-top: 50px}

.phoneicon::before {
    content: url(images/icons/anrufen.svg);
	color: #fff !important;
	display: block;
	padding: 7px 0px
}

.mapicon::before {
    content: url(images/icons/location.svg);
	color: #fff !important;
	display: block;
	padding: 7px 0px
}
	
.calicon::before {
     content: url(images/icons/termin.svg);
	color: #fff !important;
	display: block;
	padding: 7px 0px
}



/* Sidemenü */
.side_btn_1,
.side_btn_2,
.side_btn_3
{display: none !important}

/* Mobile Rows und noshow */

.desktoponly
{display: none !important}	

.mobileonly
{display: inherit}	

.mobicon .vc_col-sm-4	
{width: 33.3333%;
float:left;
text-align: center}
	
.mobileonly > div:nth-child(2)
{border-left: 1px solid #fff;
border-right: 1px solid #fff}
	
.mobile4 .vc_col-sm-2
	{width: 25%; float:left}
	
.mobilehalf .vc_col-sm-2
	{width: 50%; float:left}
	
.mobile21 .vc_col-sm-8
	{width: 66.666%; float:left}
	
.mobile21 .vc_col-sm-4
	{width: 33.333%; float:left}
	
.mobile1 .vc_col-sm-8,
.mobile1 .vc_col-sm-4,
.mobile1 .vc_col-sm-2
	{width: 100%; float:left}
	
.mobileinner .hairfree_container.hairfree_inner_row_ctn
	{display: block}
	
.mobileinner .hairfree_button_center
	{text-align: left;
	margin-top: 15px}
	
.hairfree_container.hairfree_inner_row_ctn
{margin-bottom: 20px}
	

/* Max width & Paddings */	
	
.max_w70,
.max_w80,
.max_w90
	{max-width: 95%}

.mobnopad
	{padding: 0px}
	
.pad_t100
	{padding-top: 50px }

.pad_b100
	{padding-bottom: 50px }
	
.pad_t50
	{padding-top: 25px}

.pad_b50
	{padding-bottom: 25px}	
	
/* Footer */
.hairfree_f_widget
	{padding-bottom: 0px !important;
	font-size: 15px}

.footer_main .hairfree_container
	{padding-top: 0px !important;
	padding-bottom: 0px !important}

a.data,
a.imprint
	{display: block;
	padding-bottom: 10px}
	
.copy
	{display: block;
	padding-bottom: 10px}
	
.copy
{margin-right: 0px !important}

a.imprint
{margin-left: 0px !important;
margin-right: 0px !important;}

a.data
{margin-left: 0px !important}
	
.footer_sub .hairfree_container
	{padding-bottom: 40px}
	
	
.mobilefooter1 .vc_col-sm-6
	{width: 50%;
	float: left}
	
.mobilefooter2 .vc_col-sm-4
	{width: 33.33333%;
	float: left}	
.wpb_content_element
	{margin-bottom: 15px !important}
	
#hairfree_to_top
	{bottom: 80px !important}

.f_text_one, .f_text_two, .f_text_three
	{font-size: 15px !important }
	
.newrowheader
	{padding-top: 120px;
	position: absolute;
	width: 100%}
	
.headerrow1 
	{transform: none}
	
.headersubline
	{color: #000 !important;
	text-align: center !important}
	
.headpad
	{padding-top: 200px}

.newrowheader .wpbsctn	
	{width: 100%;
	text-align: center;}
	
.menuetxt
	{display: none !important}
	
.addheader
	{display: none !important}
	
.institutadresse,
.instituttermin,
.institutopening
	{padding: 20px 40px !important}
	
.standortzertifikat
	{float:left;
	width: 50%}
	
.spalte1,
.spalte2
	{width: 100%}
	
	.bigradio .wpcf7-list-item
{width: 100%}
	
	span.wpcf7-list-item
{width: 100%}
	
li.menuetermin
	{border: 0px}
	
#search-filter-form-1619 .sf-field-search input.sf-input-text,
#search-filter-form-1619 .sf-field-submit input
{border-radius: 100px !important}
	
#search-filter-form-1619.searchandfilter
{height: auto !important}
	
#search-filter-form-1619.searchandfilter ul li
	{padding:  10px 0 !important;
	float: inherit !important;
	width: 100%}
	
#search-filter-form-1619 .sf-field-search input.sf-input-text
	{padding: 0px 150px 0px 20px}
	
#search-filter-form-1619 .sf-field-search input.sf-input-text,
#search-filter-form-1619 .sf-field-submit input,
#search-filter-form-963 .sf-field-search input.sf-input-text,
.search-filter-reset,
.sf-input-select
	{font-size: 14px !important}
	
.hairfree_isotope.col_3 .hairfree_iso_item
	{width: 100% !important}

.institutdetails {
	width: calc(100% - 20px);}
	
#search-filter-form-963 .sf-field-search input.sf-input-text
	{width: auto !important;
	min-width: 300px}
	
.headpad .vc_col-sm-2
	{width: 25%}
	
.headpad .vc_col-sm-2 .vc_column-inner
	{padding: 0px !important}
	
.footer_content_block .vc_column_container.vc_col-sm-4
	{padding-bottom: 30px !important}

}