@import "ponyclubfont.css";

*{
  color: #49352c;
  font-family: 'Roboto', serif;
  font-weight: 300;
  margin: 0;
  padding: 0;   
}

body{
  background-color: #f8f4f0;
}

ul li {
	list-style-type: none;	
}

ol {
  margin-left: 30px;
}

ol li {
  padding-bottom: 10px;
}

a, a:hover {
	text-decoration: none;	
}

.logo{
  float: left;
} 

header .logo img {
    width: 180px;
    height: 30px;
}

header .logo {
    margin-top: 0.5vh;
    margin-bottom: 8px;
}

body.front.navbar-is-fixed-top {
	padding-top: 0 !important;	
}

.footer {
	 max-width: 1000px;
    margin-top: 45px;
    padding-top: 15px;
    padding-bottom: 16px;
    border: none;
}

.container-fluid{
  padding: 0;
}

.page-blog .main-container.container-fluid{
  max-width: 1000px;
  left: 0;
  right: 0;
  margin: 0 auto;
/*  padding-top: 140px;   */
}

.navbar.container{
  position: fixed;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 99;
}

.page-blog .page-header, .node-type-webform .page-header, h3.page-header {
	margin: 60px 0 40px;
	font-size: 60px !important;
	font-weight: 300 !important;
	text-align: center;
	color: #49352c !important;
	text-transform: uppercase;
}

#node-63 a {
	font-weight: bold;
	color: #49352c;
}

h2, h2 a{
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

.node-blog h2,
.node-blog h2 a {
	font-size: 16px;
	color: #49352c;
	text-align: left;
}

h2 span.light{
  font-weight: 100 !important;
}

.messages,
.field-item .row{
  	margin: 0 auto;
  	max-width: 1000px;
}

.messages{
  display: block;
  left: 0;
  right: 0;
}

.node-teaser.node-blog{
  max-width: 100%;
  float: left;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 980;
}

.pi-section-parallax{
/*	min-height: 520px;*/
	min-height: calc(70vw);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
/*	background-attachment: fixed;*/
	background-position: 50% 0;
}

/*
.gmap-map {
	height: 90vw !important;
	max-height: 700px; 
}
*/
	
ul.links.list-inline {
	margin-bottom: 16px;	
}

.blog-image {
	position: relative;
	margin: 0px -10px;
}

.blog-image img {
	width: 100%;
	height: auto;
/*	margin-top: -70px;*/
}

.blog-socialmedia{
	position: absolute;
	bottom: 10px;
	right: 10px
}

.blog-socialmedia a, .blog-socialmedia .fb-share-button {
	font-size: 20px;
	text-decoration: none;
	padding: 0 5px;
}

.blog-socialmedia a,
.blog-socialmedia .fb-share-button{
  color: rgba(255,255,255,.8);
  float: left;
}

.blog-socialmedia a:hover,
.blog-socialmedia .fb-share-button:hover{
  color: rgba(255,255,255,1);
  float: left;
}

.video-frontpage.container-fluid{
  min-height: 750px;
  height: 750px;
}

/*
.bigCircle i{
  border-radius: 250px;
  background: #5e5d58;
  color: #fff;
  font-size: 60px;
  padding: 25px;
}
*/

#newsletter-subscribe-form {
	max-width: 440px;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
}

#newsletter-subscribe-form .form-item-email {
	width: 50%;
	float: left;
   margin-top: 15px;
}

#newsletter-subscribe-form .form-item-email input {
	border: 0;
	height: 42px;
	border-radius: 0;
}

#newsletter-subscribe-form #subscribe {
	width: 50%;
	float: left;
   margin-bottom: 15px;
   margin-top: 15px;
}

/*
#newsletter-subscribe-form #subscribe .btn-tr {
	width: 100%;	
}
*/

#block-newsletter-newsletter-subscribe{
  text-align: center;
}

#webform-client-form-21,
#webform-client-form-26{
  display: none;
}

#webform-client-form-21 p {
	text-align: left;	
}

#webform-client-form-21,
#webform-client-form-26{
  max-width: 1000px;
  margin: 0 auto;
}
#block-webform-client-block-26 .block-title {
	display: none;
}

i:hover,
#kontakt-btn i,
#gutschein-btn i,
#termin-btn i{
  color: #fff;
}

.navbar-collapse{
  float: right;
}

.view-branch .view-content{
  clear: both;
}

.view-branch{
  max-width: 1000px;
  margin: 0 auto;
}

.page-header{
  border: none;
  text-align: center;
  font-size: 60px;
  text-transform: uppercase;
}

/* *************** */
/* Admin Interface */
/* *************** */

/* UI Dialog */
.ui-dialog{
  border-radius: 0;
  z-index: 10004 !important;
}

.ui-dialog{
  background: #fff;
  top: 200px !important;
}

.cm_visualshortcodes_enabled_list a,
.cm_visualshortcodes_enabled_list a span,
.cm_visualshortcodes_enabled_list .fa:before{
  color: #fff;
}

.ui-dialog .ui-dialog-buttonpane button{
  min-width: 150px;
}

.node-page-form{
  margin-top: 150px;
}

.btn-tr i.fa-close {
	color: #49352c !important;
	font-size: 25px;
}

#clientsidevalidation-webform-client-form-21-errors {
	background-color: transparent;
	color: #a94442;
	border: 1px solid #49352c;
	margin-bottom: 15px;
}

#clientsidevalidation-webform-client-form-21-errors label {
	margin-bottom: 0; 
}

#clientsidevalidation-webform-client-form-21-errors ul {
	padding-left: 0;
	margin-bottom: 0;
}

#clientsidevalidation-webform-client-form-21-errors ul li{
	padding: 10px;
	list-style: none;
}

/*
#kontakt-btn, #gutschein-btn {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none; 
}
*/
/*

.btn-tr.btn-close {
	border: 3px solid transparent !important;
	font-size: 30px;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	border-radius: 100% !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none; 
	outline: 0;
	box-shadow: none;
}

.btn-tr.btn-close:hover {
	background: transparent !important;
}

.btn-tr:focus, .btn-tr:active, .btn-tr:visited {
	outline: 0;
}
*/
	
.btn,
.btn-info,
.ui-dialog .ui-dialog-buttonpane button{
  color: #49352c;
/*  background-color: #d6e157;*/
/*  border-color: #d6e157;*/
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
/*  font-size: 14px;*/
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
/*  border: 1px solid transparent;*/
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.btn:hover,
.btn:focus,
.btn-info:hover,
.btn-info:focus,
.ui-dialog .ui-dialog-buttonpane button:focus,
.ui-dialog .ui-dialog-buttonpane button:hover{
  color: #fff;
  background-color: #435057;
  border-color: #435057;
}

.ui-dialog .ui-dialog-titlebar{
  text-align: left;
  width: 100%;
  background: none;
  color: #435057;
  border: none;
  border-bottom: 1px solid #eee;
  border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar-close{
  background: none !important;
  background: url(../../icons/close.png) bottom left no-repeat !important;
  border: none;
  width: 18px !important;
  height: 18px !important;
  margin-right: 5px !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover{
  background-position: top left !important;
}

.tabs-left>.tab-content, .tabs-right>.tab-content{
  border-radius: 0;
  border-collapse: #eee;
}


/* Shortcodes */
.cm-visualshortcodes-sortable .border-style:hover{
  box-shadow: 0 0 10px #666;
}

.cm_visualshortcodes h3 .cm-visualshortcodes-settings-links i{
  color: #435057;
}

.cm-visualshortcodes-parent{
  padding: 0 !important;
  margin: 0 !important;
  min-height: 75px;
}


.cm_visualshortcodes h3{
  background: #f9f9f9 !important;
  background: #d6e157 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #435057;
  margin: 0 !important;
}

.cm_visualshortcodes h3:hover{
  text-shadow: none;
/*   background: #fc0 !important; */
}

.cm_visualshortcodes h3 .cm-visualshortcodes-settings-links{
  color: #fff !important;
  display: block !important;
}

.cm_visualshortcodes h3:hover .cm-visualshortcodes-settings-links{
  box-shadow: none !important;
  text-shadow: none !important;
}

.cm_visualshortcodes .cm-visualshortcodes-main-add {
  color: #435057;
  background: none;
  box-shadow: none;
  right: -20px;
  top: -9px;
}

.cm_visualshortcodes_enabled_list a{
  max-width: 178px;
}

.cm-visualshortcodes-parent li.placeholder{
  border-color: #f00 !important;
}

.shortcode-processed{
  margin: 0 !important;
}

.row[shortcode=slider]{
  background: #ffe;
}

.row[shortcode=slider_item]{
  background: #ffc;
}

.pi-active{
  display: block !important;
}

/* Defaults */
body {
  margin: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

a{
  color: #d6e157;
}

a:hover{
  color: #49352c;
}

/* Bootstrap */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding: 0;
}

.border-style{
  margin: 15px !important;
  border-color: #ddd !important;
}

.alert{
  position: fixed;
  top: 0;
  left: 0;
  padding: 25px 25px 25px 150px;

z-index: 999;}

body.admin-menu .alert{
  position: fixed;
  top: 30px;
  left: 0;
  width: 100%;
  border-radius: 0;
  opacity: 0.95;
}

body.front.admin-menu.navbar-is-fixed-top {
    padding-top: 0px!important;
}

/* D7 Styles */
#admin-menu a{
  font-size: 15px !important;
  margin: 0 2px;
}

#admin-menu a:hover{
  background: #d6e157 !important;
  color: #435057 !important;
  border-radius: 25px;
}

#admin-menu a.active-trail{
  background: none;
  background: #d6e157 !important;
  color: #435057;
  text-shadow: none !important;
  border-radius: 25px;
}

body.page-admin{
  margin: 0 auto;
  padding: 0;
}

.tabs-left>.nav-tabs>li,
.tabs-left>.nav-tabs>li a, .tabs-right>.nav-tabs>li a{
  background: #eee;
  color: #d6e157;
}

.tabs-left>.nav-tabs>li a{
  color: #435057;
}

.tabs-left>.nav-tabs>li:hover a *{
  color: #fff !important;
}

.tabs-left>.nav-tabs>li:hover a, .tabs-right>.nav-tabs>li:hover a{
  background: #435057;
  color: #fff;
}

.tabs-left>.nav-tabs>li:hover, .tabs-right>.nav-tabs>li:hover,
.tabs-left>.nav-tabs>li:hover a, .tabs-right>.nav-tabs>li:hover a{
  background: #435057;
  color: #fff;
}

.tabs-left>.nav-tabs>li.pi-active,
.tabs-left>.nav-tabs>li.pi-active a{
  background: #d6e157;
  color: #435057;
}

.link-edit-summary{
  font-weight: normal;
}

.form-control:focus{
  box-shadow: 0 0 5px #d6e157;
}

body.page-node-clone .main-container,
body.page-node-edit .main-container,
body.page-node-delete .main-container,
body.page-node-add .main-container,
body.page-admin .main-container{
  padding: 0 50px;
}

body.page-admin .breadcrumb{
  visibility: hidden;
}

.ui-widget-content a{
  color: #fff;
}

.page-admin .container-fluid{
  margin-top: 140px;
  max-width: 1000px;
  left: 0;
  right: 0;
}

.admin-menu .navbar.container{
  margin-top: 30px;
}
/* CUSTOM */

.view-branch .view-header p {
	font-weight: 400;	
}

.openinghours {
    max-width: 170px;
    margin: 0 auto;
}

.openinghours > div {
	float: left;
	width: 50%;
	text-align: left;
	font-weight: 400;	
}

#block-views-branch-block {
	padding-top: 60px;	
}

#block-views-branch-block .view-header {
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

#block-views-branch-block table tr td:first-child {
	text-align: right;
	width: 50%;
}

#block-views-branch-block table tr td:last-child {
	text-align: left;
	width: 50%;
}

#block-views-branch-block .view-branch > .view-content .views-field-title {
	margin-bottom: 10px;
	text-transform: uppercase;
}


#block-views-branch-block .view-branch > .view-content .views-field-title a {
	color: #49352c;
	text-decoration: none;
}

#block-views-branch-block .view-branch > .view-content .views-field-phone {
	margin-top: 10px;
}

#block-views-branch-block .view-branch .views-field-phone span {
	font-weight: bold;
	color: #49352c;
}

.gmap-popup .views-field-nothing .desktop p {
	color: #49352c;
	font-weight: bold;
}

.gmap-popup img {
    width: 120px;
    height: auto;
    margin-bottom: 10px;
}

.gmap-popup .desktop,
.gmap-popup .mobile {
    margin-top: 5px;
}

#block-views-branch-block .view-branch > .view-content {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	width: 100% !important;
}

.view-branch .view-footer {
    margin-top: 60px;
}

.masonry-item {
	width: 30%;
	border: 0;
	background-color: transparent;
}

.svgicon {
    height: 100px;
    width: 100px;
    display: inline-block;
    background-size: 100px;
}

.academy {
	background: url(/sites/default/files/img/svg/ico_academy.svg);
}

.btn-tr, .btn-success, .webform-submit, .allnews-btn, .form-submit {
    border-radius: 0 !important;
    color: #49352c !important;
    text-transform: uppercase;
    border: 1px #49352c solid;
    font-weight: 400 !important;
    background-color: transparent !important;
	 padding: 10px 22px !important;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	cursor: pointer;
	outline: 0;
}


button.webform-submit {
	margin-top: 30px;	 
	margin-bottom: 50px;	 
 }

.webform-component--row--col-right p {
	padding: 0 15px;	
}

.btn-tr:hover, .btn-success:hover, .webform-submit:hover, .allnews-btn:hover {
	background-color: #d6e157 !important;	
}

.page-blog .btn-success {
	margin-left: 15px;	
}

.page-blog .node-blog {
    margin-bottom: 30px;
}

.view-branch .view-footer .svgicon {
    margin-right: 40px;
}

.region-footer {
	font-size: 12px;
	background: #5e5d58;	
	color: #bbbab5;
}

.region-footer .nav a {
	color: #bbbab5;
	display: block;
	padding: 5px;
}

.region-footer .nav a, .region-footer .nav a:hover, .region-footer .nav a:active, .region-footer .nav a:focus  {
	color: #bbbab5 !important;
	text-decoration: none;
	background-color: initial;
}

.region-footer ul li {
	float: left;
	position: relative;
}


.region-footer ul li:after {
	content: "|";
	color: #bbbab5;
	position: absolute;
	top: 5px;
	right: -2px;
}

.region-footer ul li:last-child:after {
    content: "";
}

.view-footer img {
    width: 130px;
    height: 130px;
}

.ftr-tgln {
    font-size: 20px;
    font-weight: 400;
}

/*	GUTSCHEIN */

.block-webform {
    max-width: 700px;
    margin: 0 auto;
}

select {
   border: 0;
	width: 100%;
	height: 34px;
	background: #fff;
}

.webform-component--row--col--firstname {
	width: 50%;	
	padding-right: 10px;
	float: left;
}

.webform-component--row--col--name {
	width: 50%;	
	float: left;
}

.webform-component--row--col--street {
	width: 80%;
	padding-right: 10px;
	float: left;
}

.webform-component--row--col--hausnummer {
	width: 20%;	
	float: left;
}

.webform-component--row--col--zipcode {
	width: 30%;	
	padding-right: 10px;
	float: left;
}


.webform-component--row--col--city {
	width: 70%;	
	float: left;
}

/* GUTSCHEIN */

.gutschein {
	height: 100px;
	width: 100px;
	display: inline-block;
	position: relative;
	font-size: 110px;
	background: #49352c;
	border: 3px solid #49352c;
	border-radius: 100%;
}

.gutschein a i{
	color: #d6e157;	
}

.gutschein:hover a i{
	color: #d6e157;	
}

.view-blog-entries .masonry-item {
	padding: 10px;
}


.view-blog-entries .masonry-item:hover {
	outline: 2px solid #cfdb00 ;
	outline-offset: -10px;
}

.node-teaser.node-blog {
	background: #fff;
	position: relative;
	padding: 0 10px;
}

.node-type-blog #block-system-main {
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 0 10px 15px;
}

#block-system-main .blog-image {
    max-height: 600px;
    overflow: hidden;
}

/*
.node-type-blog #block-system-main .blog-image {
	
}
*/

.node-type-blog #block-system-main h2 {
    font-size: initial;
    text-align: left;
}

.node-type-blog h3 {
	font-size: 60px;
	margin: 60px 0 40px;
	font-weight: 300;
	color: #49352c;
}

body.front #block-system-main .field-name-field-contents > .field-items > .field-item {
	position: relative;
	background: linear-gradient(#faf9f7, #efeee9);
	width: 100%;
	float: left;
}

#block-system-main .field-name-field-contents > .field-items > .field-item > .node-content > h2 {
/*
    margin-top: 60px;
    margin-bottom: 60px;
*/
	margin: 60px 0 40px;
}

.view-blog-entries .view-footer {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

.view-blog-entries .node-teaser.node-blog h2, .view-blog-entries .node-teaser.node-blog h2 a {
	text-align: left;
	color: #49352c;
	font-size: 16px !important;
}

.view-blog-entries .node-teaser.node-blog h2 a { 
	background-color: initial;
	font-weight: 400 !important;
	text-decoration: none;
}

#makingofvideo {
	position: relative;
	height: auto !important;
}

video#makingofvideo-video {
	background:transparent url(/sites/default/files/04-emma-002.jpg) no-repeat 0 0; 
	-webkit-background-size:cover; 
	-moz-background-size:cover; 
	-o-background-size:cover; 
	background-size:cover;
	background-position: 50% 0;
	display: inherit;
	cursor: pointer;
    width: 100%;
    height: 100%;
}

#introvideo {
	position: relative;
}

#introvideo video ~ div {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 20px;
	cursor: pointer;
}

#introvideo video ~ div span .fa {
    color: rgba(255,255,255,.5) !important;
}

.ico-volume {
	text-decoration: none;
	padding: 0 5px;
}

.ico-instagram, 
.ico-twitter, 
.ico-facebook,
.ico-google-plus {
	text-decoration: none;
	padding: 0 5px;
	float: right;
}



video#introvideo-video {
	background:transparent url(/sites/default/files/introvideo.jpg) no-repeat 0 0; 
	-webkit-background-size:cover; 
	-moz-background-size:cover; 
	-o-background-size:cover; 
	background-size:cover;
	background-position: 50% 23%;
	display: inherit;
	cursor: pointer;
    width: 100%;
    height: 100%;
}

#makingofvideo > video ~ div {
	position: absolute;
	top: 30%;
	left: 0;
	/* bottom: 0; */
	right: 0;
	margin: 0 auto;
	cursor: pointer;
}

.field-item .preise {
    max-width: none;
}

.row.gmaps {
    max-width: none;
}

/*
.preis-tabs .pi-tabs-content > .pi-active {
	overflow-x: auto;	
}
*/


.preis-tabs .pi-tabs-content {
	background: #ebe8e3;
	background: linear-gradient(#ebe8e3,#dcd5cd);
	background: -moz-linear-gradient(#ebe8e3,#dcd5cd);
	background: -webkit-linear-gradient(#ebe8e3,#dcd5cd);
	background: -o-linear-gradient(#ebe8e3,#dcd5cd);
	margin-bottom: 0;
	border: 0;
	padding: 30px 30px 60px;
}

.preis-tabs .pi-tabs-content .pi-tabs-content, .preis-tabs .pi-tabs-navigation {
	margin: 0 auto;
	max-width: 1000px;
}

.preis-tabs .pi-tab-pane .row {
	padding: 20px 10px;
}

.preis-tabs .pi-tab-pane .row.preise-schueler:first-child {
	padding: 0;
	margin-top: 0px;
} 

.preis-tabs .pi-tab-pane .row.preise-schueler {
	padding: 0;
	margin-top: 20px;
} 

.preis-tabs .pi-tabs-navigation li {
	width: 25%;
	text-align: center;
}

/*
.preis-tabs .pi-tab-pane > .row:nth-child(even) {
    background: #f2ede7;
}
*/

.preis-tabs .pi-tab-pane .preise-schueler .row:first-child div:nth-child(2) p,
.preis-tabs .pi-tab-pane .preise-schueler .row:first-child div:nth-child(3) p,
.preis-tabs .pi-tab-pane .preise-schueler .row:first-child div:nth-child(4) p,
.preis-tabs .pi-tab-pane .preise-schueler .row:first-child div:nth-child(5) p {
	text-align: center;
}

.row.col-preis div:nth-child(2) p,
.row.col-preis div:nth-child(3) p,
.row.col-preis div:nth-child(4) p,
.row.col-preis div:nth-child(5) p,
.row.schueler-student div:nth-child(2) p {
    font-size: 17px;
	font-weight: 400;
	text-align: center;
}

.preise-schueler .row:nth-child(even) {
    background: #f2ede7;
}

.preis-tabs ul li a {
	font-size: 18px;
	padding: 120px 20px 30px;
	text-transform: uppercase;
	font-weight: 400;
	color: #c6c1b6;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.preis-tabs .pi-tabs-navigation li.pi-active a,
.preis-tabs .pi-tabs-navigation li:hover a {
	color: #49352c;
}

/*
.preis-tabs ul li a:hover, .preis-tabs ul li.pi-active a {
	color: #49352c;
}
*/

.preis-tabs ul li a:before, .preis-tabs ul li.pi-active a:before {
	content: "";
	display: block;
	position: absolute;
	width: 100px;
	top: 0;
	z-index: 3;
	height: 100px;
	left: 50%;
	margin: 0 -50px;
}

.preis-tabs li .icon-set {
    border: 3px solid #c6c1b6;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*

.preis-tabs ul li.tab-schnitt a:before {
	background: url(/sites/default/files/img/svg/ico_schnitt.svg) no-repeat 0 0;
	content: "\73";
	font-family: "ponyclub" !important;
	background-size: 100px;
}

.preis-tabs ul li.tab-schnitt a:hover:before {
	background: url(/sites/default/files/img/svg/ico_schnitt.svg) no-repeat 0 0;
	content: "\73";
	font-family: "ponyclub" !important;
	background-position: 0 -100px;
	background-size: 100px;
}

.preis-tabs ul li.tab-schnitt.pi-active a:before {
	background: url(/sites/default/files/img/svg/ico_schnitt.svg) no-repeat 0 0;
	content: "\73";
	font-family: "ponyclub" !important;
	background-position: 0 -100px;
	background-size: 100px;
}
*/

.preis-tabs ul li.pi-active a:after, .preis-tabs ul li a:hover:after {
	background: url(/sites/default/files/img/pfeilhoch.png) no-repeat 0 0;
	content: "";
	display: block;
	position: absolute;
	width: 34px;
	bottom: 0;
	z-index: 3;
	height: 17px;
	left: 50%;
   margin: 0 -15px;
}
 
h3, .h3 {
	text-transform: uppercase;
	font-weight: 400;
	color: #c6c1b6;
	font-size: 18px;
}

.video-nav h2 {
	clear: both;	
}

span.stylist, span.ausbildung, span.rezeptionist{
	height: 100px;
	width: 100px;
	display: inline-block;
	position: relative;
	font-size: 110px;
	border: 3px solid #c6c1b6;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.view-footer .ausbildung {
	margin-right: 15px;
	border: 3px solid #49352c;
	height: 100px;
	width: 100px;
	display: inline-block;
	position: relative;
	font-size: 110px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

span.stylist ~ .pi-text-center h2, span.ausbildung  ~ .pi-text-center h2, span.rezeptionist  ~ .pi-text-center h2{
	color: #49352c;
}

.icon-stylist, .icon-rezeption, .icon-akademie {
    color: #c6c1b6;
}

.view-footer .icon-akademie, .view-footer .icon-akademie:hover {
	color: #49352c;
}

.icon-stylist:hover, .icon-rezeption:hover, .icon-akademie:hover {
    color: #cfdb00;
}

span.stylist:hover, span.ausbildung:hover, span.rezeptionist:hover {
	background: #49352c;
	border: 3px solid #49352c;
	color: #d6e157;
}

.view-footer .ausbildung:hover {
	background: none;
	border: 3px solid #49352c;
	color: #49352c;
}

span.play-btn {
	border: 3px solid #fff;	
}

.pause-btn, .volume-btn {
	border: 3px solid transparent;
}

span.play-btn, .pause-btn, .volume-btn {
	font-size: 70px;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	width: 100px;
	height: 100px;
}

.play-btn .fa {
    padding-left: 10px;
	color: #fff;
}

.pause-btn .fa, .volume-btn .fa {
   padding-left: 0px;
	color: rgba(255,255,255,0);	
}

#makingofvideo:hover .play-btn .fa,
#makingofvideo:hover .pause-btn .fa,
#makingofvideo:hover .volume-btn .fa {
	color: rgba(255,255,255,.8);
}

#makingofvideo:hover .play-btn,
#makingofvideo:hover .pause-btn,
#makingofvideo:hover .volume-btn {
	border: 3px solid rgba(255,255,255,.8);
}

/*
.pause-btn, .volume-btn {
	float: left;	
}
*/

.region-footer .fa{
    color: #bbbab5 !important;
	text-decoration: none;
    font-size: 20px;
}

.field-item .video-nav {
	text-align: center;
}

.page-user .tabs--primary, #user-login {
    max-width: 1000px;
    margin: 0 auto;
}

.ftr-social {
	text-align: right;
	float: right;
}

.ftr-copyright{
  color: #bbbab5 !important;
  padding-top: 5px;
  margin-left: 50px;
  float: left;
}

.ftr-links {
    float: left;
}

.navbar-nav {
    margin: 0;
}

.navbar-nav li {
	float: left;	
}

.navbar-default .navbar-nav > li > a {
	border-bottom: 2px solid transparent;
	color: rgba(255,255,255,.6);
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.navbar-default .navbar-nav > li > a:hover {
	border-bottom: 2px solid #cfda00;
	color: rgba(255,255,255,1);
}

.navbar-default.dark .navbar-nav > li > a:hover {
	border-bottom: 2px solid #cfda00;
	color: rgba(125,125,125,1);
}

.navbar-default {
	background-color: rgba(255,255,255,0);
	border-color: rgba(125,125,125,0);
	border: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	padding-top: 20px;
}

.navbar-default.dark {
    background-color: rgba(252,252,252,.95);
}

.navbar-default.dark .navbar-nav > li > a {
	border-bottom: 2px solid transparent;
	color: rgba(125,125,125,.6);
}

/*
.navbar-header {
	width: 100%;	
}
*/

header .container nav {
	padding: 0;
	margin-bottom: 0;
}

.field-item .lexikon .pi-accordion {
	max-width: 1000px;
	margin: 0 auto;
}
	
.field-item .lexikon {
    max-width: none;
	background: linear-gradient(#eeebe6, #ddd8d2);
	padding: 60px 0;
}

.pi-accordion .pi-accordion-item {
/*    padding: 10px 20px;*/
    background: #f2ede7;
    margin-bottom: 10px;
}

.pi-accordion .pi-accordion-item:hover {
/*    padding: 10px 20px;*/
    background: #5e5d58;
    margin-bottom: 10px;
}

.pi-accordion .pi-accordion-item:hover a {
	color: #cfdb00;
}

.pi-accordion .pi-accordion-item:hover p {
	color: #c6c1b6;
}

.pi-accordion .pi-accordion-item a {
	color: #5e5d58;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 20px 50px 20px 10px;
}

.pi-accordion .pi-accordion-item.pi-accordion-item-active a {
	padding: 20px 50px 20px 10px;
	color: #cfdb00;
	text-transform: uppercase;
}

.pi-accordion .pi-accordion-item.pi-accordion-item-active {
	background: #5e5d58;
	padding-bottom: 10px;
/*	padding: 0 10px;*/
}

.pi-accordion .pi-accordion-item.pi-accordion-item-active p {
	color: #c6c1b6;
/*	padding: 5px 0px 15px;*/
}

.field-name-body .field-items .lexikon p, .field-name-body .field-items .lexikon h2 {
	padding: 0 10px;
}

.pi-accordion-item .pi-accordion-title {
	position: relative;
}

.pi-accordion-item {
	position: relative;
}

.pi-accordion-item:after {
	content: "+";
	color: #5e5d58;
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	right: 20px;
	top: 7px;
	pointer-events: none;
}

.pi-accordion-item:hover:after {
	content: "+";
	color: #d6e157;
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	right: 20px;
	top: 7px;
}

.pi-accordion-item.pi-accordion-item-active:after {
	content: "-";
	color: #d6e157;
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	right: 23px;
	top: 7px;
	pointer-events: none;
}

.pi-accordion .pi-accordion-item.pi-accordion-item-active .pi-accordion-title {
/*	margin-top: 0;*/
	position: relative;
	text-transform: uppercase;
}

.pi-accordion .pi-accordion-item.pi-accordion-item-active .pi-accordion-title:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #c6c1b6;
    position: absolute;
    left: 0;
    bottom: 0;
}


.page-node-32 .pi-tabs-navigation li {
	padding: 5px; 
	text-align: center;
}

.page-node-32 .pi-tabs-navigation li a { 
	background: #e0d9cf;
	border-radius: 0;
	width: 50px;
	height: 50px;
	line-height: 30px;
	font-size: 30px;
	color: #5e5d58;
	padding: 9px 11px 11px;
}

.page-node-32 .pi-tabs-navigation li a:hover, .page-node-32 .pi-tabs-navigation li.pi-active a {
	background: #5e5d58;
	color: #cfdb00;
}

.page-node-32 .pi-tab-pane {
    text-align: center;
}

.page-node-32 .pi-tab-pane strong {
    text-transform: uppercase;
}

.allnews {
    max-width: 1000px;
    margin: 40px auto 20px;
    text-align: center;
}

.row.jobs > div {
	min-height: 360px;
 	padding: 15px 10px 0px;
}

.desktop {
	display: inline-block;
	cursor: auto;
}

.view-branch .desktop p,
.view-branch .mobile p {
	color: #49352c;
	margin-top: 10px;
	font-weight: bold;
}

.btn-tr.desktop p {
    font-weight: 400;	
}

.btn-tr.desktop a {
    color: #49352c !important;	
    font-weight: 400 !important;
}

.nav-anchor {
    position: absolute;
    top: -75px;
}

.page-page-404 #block-system-main, .page-page-403 #block-system-main, .page-user #block-system-main {
    text-align: center;
}

.form-control {
    border: 0;
    border-radius: 0;
}

#webform-client-form-21 .webform-component--row--col-left--name, 
#webform-client-form-21 .webform-component--row--col-left--e-mail {
	width: 50%;
	float: left;
}

#webform-client-form-21 .webform-component--row--col-left--name .form-control {
    width: 90%;
}

select:focus {
    box-shadow: 0 0 5px #d6e157;
}

.preise-in-euro {
	background: transparent !important;	
}

.node-blog .clearfix {
    text-align: center;
}


.node-blog .allnews-btn {
	margin: 60px 0 40px;
}

.node-blog p {
    text-align: left;
}

.row.preise-schueler .row-head:last-child div:last-child p {
    text-align: center;
}

.row-head:not(:first-child) div:nth-child(2) p,
.row-head:not(:first-child) div:nth-child(3) p,
.row-head:not(:first-child) div:nth-child(4) p,
.row-head:not(:first-child) div:nth-child(5) p {
	text-align: center;
	font-size: 15px;
	font-weight: 400;
}
.block-webform .links {
	display: none;
}

.links {
    text-align: left;
}


.pagination > li {
    display: inline-block;
    padding: 0px 3px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #49352c;
	cursor: default;
	background-color: #d6e157;
	border: 1px solid #49352c;
	border-radius: 100% !important;
	width: 35px;
	height: 35px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 0px; 
	border-bottom-right-radius: 0px; 
}

.pagination > li > a, .pagination > li > span {
	color: #49352c;
	background-color: transparent;
	border-radius: 100% !important;
	border: 1px solid #49352c;
	width: 35px; 
	height: 35px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	z-index: 3;
	color: #49352c;
	background-color: #d6e157;
	border: 1px solid #49352c;
	border-radius: 100%;
	width: 35px;
	height: 35px; 
}

.ftr-social a {
    padding: 0 5px;
}

.webform-confirmation {
	padding: 20px;
}

.fb_iframe_widget span {
	display: none !important;	
}
.job-description {
	display: none;
}
.width650{
  max-width: 650px;
  margin: 0 auto;
}

/* job accordeon */
.read-more {
 	cursor: pointer;
    color: #49352c;
	font-weight: bold;
/*    text-transform: uppercase;*/
}
#stylist-content,
#receptionist-content,
#ausbildung-content {
	display: none;
    background: #fff;
    padding: 20px;
}
.close-btn {
    width: 100%;
    text-align: right;
    cursor: pointer;
}
.close-btn i {
    font-size: 30px;
    color: #cfdb00;
    padding-bottom: 20px;
}
.jobs-content {
	padding: 0 !important;
    border-right: 1px solid transparent;
    min-height: 1px !important;
}
.row.jobs > div.active {
	background: #fff;
}
.row.jobs > div.active > span {
    background: #49352c;
    border: 3px solid #49352c;
}
.row.jobs > div.active > span i {
    color: #d6e157;
}
.row.jobs > div.active .pi-text-center h2 {
	color: #cfdb00;
}

.fa-whatsapp {
	display: none;	
}

#col-stylist, #col-rezeption, #col-ausbildung {
	cursor: pointer;
}

#block-views-blog-entries-block img {
    width: 100%;
    height: auto;
}

/*
video::-webkit-media-controls {
    display:none !important;
} 
*/

.node-unpublished {
	background-color: initial;	
}


#sliding-popup.sliding-popup-bottom {
    background: #49352c;
}

.shop .col-sm-3, .shop .col-md-3, .shop .col-lg-3 {
    padding: 15px 10px 0px;
}



/*.webform-component--row--col-left--newsletter > label,*/
/*.webform-component--row--col-left--datenschutz > label,*/
/*.webform-component--row--col--datenschutz > label {*/
    /*display: none;*/
/*}*/

.shop img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 350px;
	 margin: 0 auto;
}

body .read-more,
body .read-more:hover,
body .read-more:focus {
	cursor: pointer;
	color: #49352c;
	font-weight: bold;
	background-color: transparent;
	border: 0;
	outline: 0;
   box-shadow: none;
}

#introvideo ::--webkit-media-controls-play-button,
#makingofvideo ::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

#introvideo ::-webkit-media-controls-start-playback-button,
#makingofvideo ::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

#introvideo ::-webkit-media-controls-panel,
#makingofvideo ::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

.partnernode img {
   float: left;
   margin-right: 25px;
   width: 250px;
}
.partnernode .pi-img-caption {
   display: table-cell;
   height: 105px;
   vertical-align: middle;
}

.view-id-salons .views-row {
  padding: 10px;
}

.page-salons h1.h3 {
  text-align: center;
  margin: 70px auto 60px;
  font-size: 60px;
  font-weight: 300;
  text-transform: uppercase;
  max-width: 1000px;
  color: rgb(73, 53, 44);
  font-weight: lighter;
}

.node-type-salon .field-name-field-image img {
    width: 100%;
    height: 480px;
}

.salon-header {
    height: 600px;
    max-height: calc(70vw);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.node-type-salon h1 {
    text-align: center;
    margin: 70px auto 60px;
    font-size: 60px;
    font-weight: 300;
    text-transform: uppercase;
    max-width: 1000px;
}
.salon-main {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    background: white;
    padding: 2%;
}

h1 {
  text-align: center;
  margin: 70px auto 60px;
  font-size: 60px;
  font-weight: 300;
  text-transform: uppercase;
  max-width: 1000px;
}

.salon-header {
    height: 600px;
    max-height: calc(70vw);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body.navbar-is-fixed-top {
    padding-top: 79px!important;
}

.blog-subpage {
    width: 95%;
    margin: 30px auto;
    overflow: hidden;
}

.blog-subpage a {
  word-break: break-word;
}

.node-type-blog h1 {
    font-size: 40px;
    margin: 20px auto;
}

.blog-subpage span {
  margin-bottom: 15px;
  display: block;
}

.salon .row {
  background: white;
  padding: 0 2%;
}

.salon h1 {
  font-size: 40px;
  margin: 20px auto;
}
.salon .row .container {
  width: 100%;
  text-align: center;
  padding: 50px 0;
}

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

}

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

body.admin-menu.navbar-is-fixed-top {
    padding-top: 79px!important;
}

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

}

@media screen and (max-width:480px){
  .partnernode img {
     float: none;
     margin-right: 0;
     width: 100%;
  }    
  
  .ftr-copyright,
  .ftr-links {
    float: none;
    text-align: left;
    padding-left: 10px;
    width: 50%;
  }

  .ftr-copyright {
    padding-left: 16px;
    margin: 0 0 10px 0;
    display: inline;
  }

  .ftr-social{
    margin-top: -14px;
  }
}

.page-node-65 .blog-image img {
    display: none;
}


#node-84 .blog-image,
#node-65 .blog-image {
    display:none;
}

.page-newsletter #block-system-main{
	text-align:center;
}

.captcha {
  margin-top: 25px;
}