/* Enter Your Custom CSS Here */

.vc_column_container {
    padding-left: 15px;
    padding-right: 15px;
}

#friseursalon-sins {
 margin-top:1em !important; 
 
}

#zustimmung {width:20px!important; height:20px!important; float:left!important; margin-right:10px}

.pe-recent-posts-outer .image-top ul li img {
    max-width: 60% !important;
}


.navbar-header  {margin-bottom:0px;}

.navbar-brand { height: auto !important; }

.thumbnail-box a:hover {
 padding:0 !important; 
}

.thumbnail-box-in a:hover {
 background-color: transparent !important;
}

.thumbnail-box-in h5 a:hover {
 background-color: #000 !important;
}

div.wpb_wrapper a:hover, div.wpb_wrapper a:focus {
    padding: 0  !important;

}

.wpb_wrapper .post-more-link a:hover {
    padding: 0px !important;
}

div.wpb_wrapper a:hover, div.wpb_wrapper a:focus {

    padding: 0  !important;
}

.lolo {background: transparent;}
.lolo:hover {background: transparent;}



/* MY STYLES */

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

#custom-collapse {
    float: none !important;
    clear: none !important;
}
.navbar-brand {
    padding: 0px !important;
}
.nav > li > a {
    padding: 10px 9px !important;
    font-size: 12px;
}
.navbar-custom .navbar-nav > .dropdown > .dropdown-toggle::after {
    right: 0px !important;
}
.navbar-right {
    margin-top: 12px;
}
a.navbar-brand img, .footer-logo img {
    max-width: 195px !important;
}

}
/*@media only screen and (max-width: 992px) {

.vc_row.wpb_row.vc_inner.vc_row-fluid {
    width: 98%;
    margin: 0px auto;
}
}*/

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

.navbar-custom .navbar-nav > li > a {
    float: none !important;
    text-align: left !important;
    clear: both;
}
  
.admin-bar .navbar-fixed-top {
    position: absolute;
    opacity: 0.9;
}
  .navbar-transparent {
    opacity: 0.9 !important;
}
  .navbar-custom .nav li > a {
    position: relative;
    text-align: left !important;
}
  
  .ls-defaultskin .ls-nav-prev, .ls-defaultskin .ls-nav-next {
    width: 45px !important;
    height: 50px !important;
    background-color: none !important;
    background-color: transparent !important;
}
  
    .ls-bottom-nav-wrapper {
    top: -6px !important;
}
  
  	#custom-collapse {
 	   width: 100%;
	}  
  
}
@media only screen and (max-width: 480px) {

.admin-bar .navbar-fixed-top {
    position: absolute;
    opacity: 0.9 !important;
}  
.navbar-transparent {
    opacity: 0.9 !important;
}
  .home .module-parallax {
    height: 250px !important;
}
  
  .wpb_wrapper .hero-caption h3 {
    margin-bottom: 0px !important;
}
  
  .home .hero-text {
    padding-top: 48px !important;
}
  
  .ls-bottom-nav-wrapper {
    top: -6px !important;
}
  
}
@media only screen and (max-width: 320px) {

.wpb_wrapper h1 {
    font-size: 25px;
}
  
  .admin-bar .navbar-fixed-top {
    position: absolute;
    opacity: 0.9 !important;
}
 #coiffeursalon-sins, #coiffeur-sins-kosmetik, #coiffeur-sins-leistungen, #coiffeur-sins-aktuelles, #coiffeur-sins-produkte, #dermosthetique, #natural-cosmetic, #kosmetik-home, #coiffeur-sins-trends, #coiffeur-sins-jobs-karriere, #coiffeur-sins-kontakt, #coiffeurteam-sins, #coiffeurpreise-sins, #coiffeur-sins-kosmetik {
    padding-top: 0px !important;
}
  .ls-defaultskin .ls-nav-prev, .ls-defaultskin .ls-nav-next {
    top: 130% !important;
}
}

.ls-bottom-nav-wrapper {
    position: relative !important;
    top: -50px;
}

.ls-defaultskin {
    background: transparent !important;
    box-shadow: 0px !important;
    -moz-box-shadow: 0px !important;
    -webkit-box-shadow: 0px !important;
}


.layerr
{
display:block !important;
}

.hover_target::before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #000;
    padding-right: 5px !important;
    margin-left: 5px;
    margin-right: 2px;
}

a.navbar-brand img, .footer-logo img {
    max-width: 195px !important;
}

.navbar-custom .navbar-nav > li > a {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    float: right;
    text-align: right;
}

.post-more-link a::before, .wpb_wrapper p a::before {
    padding-right: 15px !important;
}
.wpb_button, .wpb_column > .wpb_wrapper > :last-child {
    margin-bottom: 15px;
}
 
.navbar-custom a, .navbar-custom .navbar-brand {
    float: none;
    margin: 0px auto;
    text-align: center;
    display: table;
}

.wpb_wrapper .post-more-link a:hover {

    padding: 0px !important;

}

.wpb_wrapper a:hover, .wpb_wrapper a:focus {
  padding: 0 !important;
}

.wrapper div hr.divider { 
  padding-bottom:40px;
}

.standard {
list-style-type: disc; padding-left:25px !important;
}

h1 {
  padding-bottom:20px;
}
/*
.module {
  padding: 56px 0 0 0;
}

.module-parallax {
  padding: 140px 0;
}
*/
  

/* removing space in header */

 

/* ------- Breite von 1040px ----- */
#coiffeursalon-sins,
#coiffeur-sins-leistungen,
#coiffeur-sins-aktuelles,
#coiffeur-sins-produkte,
#dermosthetique,
#natural-cosmetic,
#kosmetik-home,
#coiffeur-sins-trends,
#coiffeur-sins-jobs-karriere,
#coiffeur-sins-kontakt,
#coiffeurteam-sins,
#coiffeurpreise-sins,
#coiffeur-sins-kosmetik,
#coiffeur-sins-kosmetik,
.page-row{
    max-width: 1040px;
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
}


 #coiffeursalon-sins,
  #coiffeur-sins-leistungen,
  #coiffeur-sins-aktuelles,
  #coiffeur-sins-produkte,
  #dermosthetique,
  #natural-cosmetic,
  #kosmetik-home,
  #coiffeur-sins-trends,
  #coiffeur-sins-jobs-karriere,
  #coiffeur-sins-kontakt,
  #coiffeurteam-sins,
  #coiffeurpreise-sins,
#coiffeur-sins-kosmetik,
#coiffeur-sins-kosmetik{
      padding-top: 56px;
  }

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

  .navbar-header a:hover {
      padding: 0 15px;
  }
  #coiffeursalon-sins,
  #coiffeur-sins-kosmetik,
  #coiffeur-sins-leistungen,
  #coiffeur-sins-aktuelles,
  #coiffeur-sins-produkte,
  #dermosthetique,
  #natural-cosmetic,
  #kosmetik-home,
  #coiffeur-sins-trends,
  #coiffeur-sins-jobs-karriere,
  #coiffeur-sins-kontakt,
  #coiffeurteam-sins,
  #coiffeur-sins-kosmetik,
  #coiffeurpreise-sins {
      padding-top: 45px;
  }
  
}



/* ------- Breite von 840px ----- */

#team,
#gaestebuch
{
    max-width: 840px !important;
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
}

#friseur-sins-kontakt input, #friseur-sins-kontakt textarea {
    height: 36px;
    width: 100%;
    max-width: 440px;
}




/* button*/
.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
   
    width: 400px;
    height: 60px;
}

.button a {
    font-size: 30px !important;
    color: #555 !important;
}


.vc_btn3-container.vc_btn3-inline {
     
    padding-left: 300px;
}

/* button*/

#aktuelles .post-entry, #blog-page .post-entry {
    max-height: 0px;
   
} 



/* button*/
.button1 a {
    font-size: 30px !important;
    color: #555 !important;
}

a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    width: 400px;
    height: 60px;
}

.vc_btn3-container.button1.vc_btn3-inline {
    padding-left: 300px;
}

/* full size layout*/ 
.col-sm-9 {
    width: 100%;
}

/*
a:hover {
    background: #7D7D7D;
    color: white !important;
    padding: 5px;
}
*/
 
.button2 a {
    font-size: 30px !important;
    color: #555 !important;
}
.vc_btn3-container.button2.vc_btn3-inline {
    padding-left: 290px;
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
  
   /* button*/
  .button a {
    font-size: 23px !important;
    color: #555 !important;
}

  
  .vc_btn3-container.button1.vc_btn3-inline {
    padding-left: 0px;
}
  
  a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    width: 300px;
    height: 60px;
}
  
  .vc_btn3.vc_btn3-size-md {
    font-size: 23px !important;
    padding: 14px 20px;
}

  
  .vc_btn3-container.button2.vc_btn3-inline {
    padding-left: 0px;
}
  
  a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    font-size: 21px !important;
}
  
  .vc_btn3-container.vc_btn3-inline {
    padding-left: 0px;
}
  
  .vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
    width: 300px;
    height: 60px;
}

a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-modern.vc_btn3-color-grey {
    font-size: 23px !important;
}  
  


  h1.mh-line-size-1.font-alt.m-b-30 {
    font-size: px !important;
}
.hero-text h1 {
    font-size: 3.5em;
    letter-spacing: 0px !important;
}
  
  .wpb_wrapper h1, .wpb_wrapper h2, .wpb_wrapper h3 {
     margin-top: 0px !important;
    text-align: center;
}
  
  
  /* header logo non-clikable */
  .navbar-brand {
    pointer-events: none;
  }
  
  
  
 
  
  
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .module, .module-small {
    padding: 50px 0 !important;
    
    
}
  
  
  .kos-text {padding-left:10px;}
    #kos-text {padding-left:10px;}
  
  .moveee3 h2{
    padding-right: 140px;
    font-size: 20px !important;
font-weight: bold !important; 
  }
  
  
.moveee h2{
    padding-right: 150px;
    font-size: 20px !important;
font-weight: bold !important; 
  }

  
  .moveee2 h2{
    padding-right: 180px;
    font-size: 20px !important;
font-weight: bold !important; 
  }

  
  .menu-primary-page-container {
    background-color: white;
}
  
}

/*online termin button*/



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

  .navbar-header {
  	text-align: center;
  }
  
  .navbar-header .navbar-brand {
  	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 60px !important;
  }
  
}  



 @media only screen 
  and (max-width: 256px) {
 	.navbar-header .navbar-brand {
		height: auto;
  	} 
  
	a.navbar-brand img, .footer-logo img {
    	max-width: 100px !important;
	} 
	.navbar-custom .navbar-toggle  {
    margin-top: 0; 
    padding-top: 0; 
  }
	.navbar{
    margin: 0; 
    padding: 0; 
  }
    #phonenr {
  margin-top: 50px !important;
  } 
  
}





@media only screen 
  and (min-width: 768px) {
#custom-collapse {
  width: calc(100% - 270px);
  float:right !important;
}

.navbar-custom .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 20px;
}

.navbar-custom .navbar-nav > .dropdown > .dropdown-toggle::after {
    position: absolute;
    display: block;
    right: 15px;
    top: 10px;
}

}
*/



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

  .navbar-header {
  	text-align: center;
  }
  
  .navbar-header .navbar-brand {
  	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 60px !important;
  }
  
}  



 @media only screen 
  and (max-width: 256px) {
 	.navbar-header .navbar-brand {
		height: auto;
  	} 
  
	a.navbar-brand img, .footer-logo img {
    	max-width: 100px !important;
	} 
	.navbar-custom .navbar-toggle  {
    margin-top: 0; 
    padding-top: 0; 
  }
	.navbar{
    margin: 0; 
    padding: 0; 
  }
    #phonenr {
  margin-top: 50px !important;
  } 
  
}

 @media only screen 
  and (max-width: 400px) {
a.navbar-brand img {
    max-width: 180px !important;
}
}




@media only screen 
  and (min-width: 768px) {
#custom-collapse {
  width: calc(100% - 210px);
  float:right !important;
}

.navbar-custom .navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
}

.navbar-custom .navbar-nav > .dropdown > .dropdown-toggle::after {
    position: absolute;
    display: block;
    right: 15px;
    top: 10px;
}
  .navbar-right{
   margin-top: 0 !important;
  }

}

/*custom style*/
@media only screen and (max-width: 767px) {
  .wrapper{
    padding: 0 15px;
  }
}

#bewerbungsformular h2 {
	font-weight: bold;
}
.kontakthalf input[type="checkbox"] {
    height: auto;
}

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

.kontakthalf input[type="file"] {
    cursor: pointer;
    border: none;
    padding: 0;
}
.kontakthalf .acceptance-711 .wpcf7-list-item {
    width: auto!important;
    margin-left: 0;
}
.kontakthalf a:hover {
    background: transparent;
}
.kontakthalf .wpcf7-submit {
    font-weight: 600;
    background: #333!important;
    padding: 7px 25px 8px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
}
#bewerbungsformular .wpcf7-submit {
    background: #333!important;
    color: #fff!important;
    padding: 4px 25px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
    height: auto;
}