/* =============================================================================
    COLORS / BACKGROUNDS
   ========================================================================== */
/*

	beige: #bbb8b6
	grau: #959392
	schwarz: #232323
	schwarz dunkel: #040404
	rosa: #f46886
	hellblau: #d1dbdc
	rot: #e74010
	pink: #FF65DD
*/

/* =====================
   Menu color: PINK
   ===================== */

.main-nav.pink {
  background-color: #FF65DD;
}
.main-nav.pink.transparent .inner-nav a,
.main-nav.pink.transparent .mobile-nav i {
  color: #111;
}
.main-nav.pink .inner-nav a {
  color: #ffffff;
}

.main-nav.pink.mobile-on .mobile-nav i {
  color: #111;
}
/*
.main-nav.pink.transparent.mobile-on .mobile-nav i {
  color: #111;
}
*/
.main-nav.pink.transparent.mobile-on .inner-nav a {
  color: #ffffff;
}

.main-nav.pink.transparent .inner-nav a:hover {
  color: #FF65DD;
}
.main-nav.pink .inner-nav a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.bg-pink {
  background-color: #FF65DD;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
	.main-nav.pink.transparent .inner-nav a {
  		color: #fff;
	}
}	


/* =====================
   Menu color: GREEN
   ===================== */

.main-nav.green {
  background-color: #004d48;
}
.main-nav.green.transparent .inner-nav a,
.main-nav.green.transparent .mobile-nav i {
  color: #111;
}
.main-nav.green .inner-nav a,
.main-nav.green .mobile-nav i {
  color: #ffffff;
}
.main-nav.green .inner-nav a:hover {
  color: #004d48;
}

.bg-studio {
  background-color: #004d48;
  color: #ffffff;
}

/* =====================
   ELEMENTS
   ===================== */


.nav-logo-wrap .logo {
	width: auto;
	max-width: initial; 
	padding: 5px 0px;
	margin-left: -3px;
	display: block;
}
.pink .nav-logo-wrap {
	background: #fff;
	padding: 0 25px; }
.without-logo .nav-logo-wrap {
	background: transparent;
	padding: 0 25px; }	
	
/* =========================
   DESKTOP ONLY
   ========================= */
@media (min-width: 1025px) {

  /* Desktop menu centered */
  .center .main-nav .inner-nav {
    flex: 1;
    display: flex;
    justify-content: center;
    float: none; /* override rhythm default */
  }
}

/* =========================
   MOBILE ONLY
   ========================= */
@media (max-width: 1024px) {

  /* Desktop menu default rhythm behavior */
  .center .main-nav .inner-nav {
    float: none;
  }
}


/*
 * MAIN NAV
 */
.main-nav .mobile-nav {
	border: none;
}
	
/*
.main-nav .mobile-nav{
	background-color: transparent;
	border-color: transparent;
	color: rgba(255,255,255, .9);
}
.main-nav .mobile-nav:hover,
.main-nav .mobile-nav.active{
	color: #fff;
}


/*
 * Footer
 */


#block-rhythm-miano-fusszeile {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 5px 0;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

#block-rhythm-miano-fusszeile li {
	display: inline-block;
	padding: 10px 15px;
	text-align: center; }
#block-rhythm-miano-fusszeile li a {
	color: gray;
	font-size: 11px;
	text-transform: uppercase; }
#block-rhythm-miano-fusszeile li a:hover,
#block-rhythm-miano-fusszeile li a:active {
	color: #111;
	text-decoration: none; }

#block-rhythm-miano-fusszeile-menu {
	}

a.link-to-top {
	bottom: 10px; }

.tpl-alt-tabs-cont {
  color: #333;
}

/* *** *** ITEMS *** *** */
/* ********************* */

@media only screen and (max-width: 767px) {
	.benefit-item{
		margin: 15px 0;
	}
	.benefit-item:nth-child(4) {
  		margin-right: 0px;
	}
}	
#phone {
	display: inherit;
	padding: 15px;
}
#phone a {
	color: #fff; 
}
#phone p {
	margin: 0;
}

/* *** FORM AND WEBFORM *** *
 	**	STYLES			** 	*/	
.form-text,
.form-control {
	height: calc(1.5em + 0.375rem + 2px);
	padding: 0 0.375rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0; }

.form textarea {
	text-transform: none !important; }


/*
.select2-container .select2-selection--single {
	height: calc(1.5em + 0.375rem + 2px);
	padding: 0 0.375rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0; }
*/
.select2-container .select2-selection--single {
	height: 37px;
  	padding-top: 3px;
}


legend { border: none; }

.form-item-individuell-freitext {
	margin-right: 0; }
.form-item-firma { margin-top: 3px; }

input#edit-individuell-freitext,
input#edit-datum-und-uhrzeit-time {
	margin-top: 5px; }

input#edit-telefonnummer {
	height: 37px; }

.form-file.form-control {
	height: auto; }

.form-required:after {
	background: transparent !important;
	font-family: 'FontAwesome';
	font-weight: 600;
    content: "\f069" !important;
    font-size: 8px;
    color: #FF65DD;
    margin: 0 0.3em;
    vertical-align: super;
	display: inline-block; }


.captcha__description {
	margin-top: .75em;
  	font-size: 10px;
  	font-weight: 400;
  	color: #FF65DD; }
#edit-captcha-response--description {
	line-height: auto; }
	
input#edit-name-last {
	margin-right: 0; }
fieldset.form-item-name-last,
fieldset.form-item-adresse-address,
fieldset.form-item-adresse-postal-code,
fieldset.form-item-adresse-country {
	margin-right: -15px; }
.webform-computed-loading {
	background-color: rgba(103, 138, 122, 0.5);
	color: #f2f2f2;
	padding: 0 5px;
	margin-left: -5px;
	border-radius: 0; }
.checkbox.form-no-label .webform-element-description {
	margin-top: -3px; }

@media (min-width: 768px) {
  .webform-flexbox .webform-flexbox {
    margin: 0;
    /*padding-top: 5px;*/
    padding-bottom: 5px;
  }
}



.webform-flexbox .webform-flexbox .webform-flex--container,
.webform-flexbox .webform-flex--container .form-textarea-wrapper,
.webform-flexbox .webform-flex--container .form-no-label {
    margin: 0 1em 0 0; }
@media screen and (max-width: 767px) {
	.webform-flexbox .webform-flex--container .form-no-label {
    	margin: 0; }
    .webform-flexbox .margin-right {
    	margin-right: 0; }
}

.webform-flexbox .webform-flexbox .webform-flex--container legend {
	margin: 0;
	font-size: 1em; }

.webform-element--title-inline label {
	padding-right: 0;
	}
fieldset.webform-element--title-inline {
	padding-top: 0; }

.webform-element--title-inline .webform-element-help {
	float: right;
	margin: 0; }
.webform-element-help:focus,
.webform-element-help:active,
.webform-element-help:hover {
  	border: 2px solid #FF65DD;
  	background: #FF65DD; }
  	
.webform-section-title {
	margin-top: 15px;
	}

/* *** *** ADMIN ** *** */
.tpl-minimal-tabs > li {
  padding: 0 10px;
}
#toolbar-administration #toolbar-bar {
	top: 0; }
body.toolbar-tray-open .main-nav {
	margin-top: 75px; }
.admin-toolbar-search-autocomplete-list {
	margin-top: 80px; }